/*  
Theme Name: Doukan Restaurants
Theme URI: www.oncotton.co.uk
Description: A template built from grounds up for Doukan Restaurants. All content is copyright of Doukan Restaurants.
Version: 1.0
Author: Foster Creativity
Author URI: http://www.foster-creativity.co.uk/
*/
	

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-size:3.2em;margin-bottom:.4em;padding-top:.3em; color: #b74a37;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}

	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;display:list-item;list-style-position:outside; list-style: none;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse; padding: 20px 20px 0 0;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#333;
		}		
	body{
		font-size:13px;
		background:#000;
		margin:0;
		padding:0;
		text-align:center;
		background: url(images/background.jpg) no-repeat top left #000;

		}
	#noBack {background: none; background-color: #b74a37;}	
			
	a, a:visited{
		text-decoration:none;
		color:#000;
		}
	a:hover{color:#f4f0dd;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#fff;}
	td{border-bottom:1px solid #eee; border-left:1px solid #eee; color: #FFF;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;

		line-height:1em;
		margin:0;
		}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}


.white h3{color: #FFF;}


#bookTable {float: right; margin: 0; padding: 0;}
#bookTable img {padding-left: 20px;}

#bookTable p{clear: both;}
#fWord {clear: both; float: right; padding: 20px 0 20px 0;}

.callUs {float: left; font-weight: normal; font-size: 120%; color: #FFF; margin-top: 20px;}
.copy {float: right; margin-top: 20px; text-align: right; color: #FFF; }
.copy a {color: #FFF;}
.attachment-large {float: left; padding-right: 20px;}
/* base */

/* layout */

	#container{	
		margin:0 auto;
		width:800px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		}	
	#footer{
		position:relative;
		clear:both;
		margin-bottom: 40px; font-size: 80%; line-height: 1.1em; padding-bottom: 40px;
		}	
		
	.content{
		clear:both;
		padding:1em 0;
		}
	.main, .secondary, .tertiary, .quaternary, .mainNight{
		float:left;
		display:inline;
		}
	.main{width:800px; background: url(images/column_back.png) repeat;}
	.mainNight{width:800px; background: url(images/black_back.png) repeat; color: #CCC;}
	.mainNight a {color: #CCC}
	.mainNight a:hover {color: #fff;}
	.mainNarrow {width: 500px; float: left; background: url(images/column_back.png) repeat; padding: 30px 20px 10px 20px; margin-bottom: 40px;}
	.mainNarrow h2 {padding-bottom: 20px; padding-left: 0px}
	.secondary{width:220px; margin-left:20px; float: left; background: url(images/column_back.png) repeat; padding: 0px 20px 20px 0;}
	.tertiary{}
	.quaternary{}
	

	
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */

/* navigation */
	#nav {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	height: 19px;
	text-transform: lowercase;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	#nav a {color: #FFF;}
		#nav ul, #nav li{
			margin: 0;
			padding:0;
			list-style:none;
			}	
		#nav li{
			float:left;
			display:inline;
			position:relative;
			padding-right:1.8em;
			padding-left: 1.2em;
			}
			
		#nav li a:hover{
			color: #000;
			}		
			
		#nav ul{
			position:absolute;
			left:0;
			padding:5px 10px;
			width:200px;	
			background:#fff;
			display:none;
			z-index:1000;
			}
		#nav ul li{
			float:none;
			display:block;
			}
	
	
.current_page_item {background-color: #b6985a; color: #FFF;}


#contentText .subSubMenu {border-top:solid 1px #b74a37; border-bottom:solid 1px #b74a37; cursor: pointer;}
#contentText .subSubMenu li {padding-right: 10px; display:inline;}
#contentText .subSubMenu li a {text-decoration: none; color: #b74a37}
#contentText {padding: 0px 20px 0 0; height: 300px; width: 350px; float: right;}		
#contentTextNarrow {width: 400px; float: right;}
#contentTextSingle {padding: 0 20px 0 0; width: 340px; float: right;}
#contentTextSingle ul li {background: url(images/line_dot.png) no-repeat 0px 3px; padding-left: 20px; margin-left: 0;}
#contentTextSingle ol li {list-style: decimal; }
#contentText ul li a, #contentText ul li{padding-left: 0px; margin-left: 0;}

.bottomText ul li {background: url(images/line_dot.png) no-repeat 0px 3px; padding-left: 20px; margin-left: 0; color: #FFF;}

.bottomRecipe ul li {list-style: none; padding-right: 20px; margin-left: 0; color: #FFF; display: inline; width: 130px;  height: 340px;}

.bottomRecipe {background: url(images/black_back.png) repeat; color: #FFF; padding: 20px 0px 0px 20px; margin-bottom:20px; height: auto; height: 660px;}	
.bottomRecipe a {color: #FFF; width: 200px;}
.bottomRecipe ul li p {width: 130px; }
.topPadding {padding-top: 20px;}
#contentText ul li {background: url(images/line_dot.png) no-repeat 0px 3px; padding-left: 20px;}
.bottomText {background: url(images/black_back.png) repeat; color: #FFF; padding: 0 0px 0px 20px; margin-bottom:20px; height: auto;}	
.twoColumn {width: 370px; float: left; padding-right: 20px; padding-top: 20px;}
.twoColumnWine {width: 340px; float: left; padding-right: 20px;}

.contactInfo {float: left; width: 300px; padding: 40px; height: 430px; margin-right: 20px; background: url(images/black_back.png) repeat; color: #FFF; font-weight: bold;}
.contactInfo a {text-decoration: underline; color: #FFF; font-weight: normal;}

.bottomRecipeInd {width: 140px; float: left; padding-right: 15px; height: 330px;}
.bottomText img {margin: 20px 0 20px 0;}
/* //navigation */

/* header */

	#header h1{
		line-height:140px;
		height:140px;
		width: 241px;
		margin:0px 0 0 0;
		background: url(images/logo2.png) no-repeat 0px 20px;
		}
	#header h1 span {display: none;}
	#header h1 a{		
		}	
		
#headerNews	h1{
		line-height:140px;
		height:140px;
		width: 400px;
		
		margin:0px 0 0 0;
		background: url(images/logo.png) no-repeat 150px 20px;
		}
#headerNews h1 span {display: none;}

.headerNewsImg {margin: 20px 0 20px 0}
#NewsLetterBox { background-color: #fff; padding: 10px 20px 20px 100px; text-align: center; margin-top: 40px; margin-bottom: 40px;}	

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
	
/* // content */

/* footer */
	#footer {background: url(images/dotted_line.png) no-repeat top left; padding-top: 20px;}
	#footer a, #footer a:visited{
		text-decoration:underline;
		}
	
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

#contentImage {margin-left: -153px; float: left; }



/* // NAV */
#suckerfishnav {
border-top: solid 1px #FFF;
border-bottom: solid 1px #FFF;
    font-size:14px;
    font-family:arial,sans-serif;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    margin:0;
        margin-bottom: 30px;

    }
#suckerfishnav a {
    display:block;
    color:#FFF;
    text-decoration:none;
    font-weight:normal;
    }
#suckerfishnav li {
    float:left;
    padding:0 20px 0 10px;
    margin:0px;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    width:160px;
    }
    
#suckerfishnav  li ul {margin-left: -10px; border-top: solid 1px #FFF;}    
#suckerfishnav li li {
    width:130px;
    font-weight:bold;
    font-family:arial,sans-serif;
 
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:150px;
    font-size:12px;
    color:#FFF;
    
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#977c41;

    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#000;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#b6985a;
    
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#b6985a;
    
    }
    
#myMap 
{ margin: 0px 0 20px 0;	
border:1px solid #000; 	width: 300px;
	height: 320px;
	color: #000;
}	

.attachment-thumbnail {border: solid 1px #FFF; margin-bottom: 20px;}
.bottomText h5 a {color: #FFF; text-transform: uppercase;}

.recipeOverview {width: 140px; float: left; margin-right: 15px; padding: 20px 0 20px 0; height: 280px; }
.recipeOverview2 {width: 280px; float: left; margin-right: 15px; padding: 20px 0 20px 0; height: 270px; }


#dayIcon {background: url(images/day_icon.png) no-repeat  -100px -20px; height: 320px; }
#dayPic {margin-left: -160px; min-height:0; float: left;}

#resultado {float: left; width: 180px; margin-top: -10px; font-weight: bold; line-height: 1.0em;}
#headerNews ol li {list-style: decimal; text-align: left;}
#headerNews ol {width: 200px; text-align: center; margin-left: 180px}
/* SHOPPING CART */

.widgettitle {font-size: 130%; padding-top: 20px;} 
.wpsc_top_level_categories li {font-size: 90%} 
	.prodtitles span{font-size: 140%; color: #FFF;}
	.wpsc_category_link {} 
	
.entry .wpsc_category_link {font-size: 140%; color: #FFF;} 
.visitshop {display: none;}

.gocheckout {background-color: #b74a37; padding: 7px; width: 120px; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em;}
.gocheckout a {color: #FFF;}



/* BOOK PAGE */
.bookTable {width: 200px; float: left; text-align: left; padding-left: 20px; padding-top: 10px;}
.bookTable1 {width: 300px; float: right; padding-right: 20px; padding-top: 10px;}




.homeIntro {margin-top: 40px; float: left; font-size: 140%; padding-left: 30px;}
.homeIntro h3 {color: #fff;}
.homeIntro img {float: left;}
.homeIntro ul {float: left; width: 200px; margin-top: 20px}
.homeIntro a{color: #FFF;}
.homeIntro a:hover{color: #000;}


.homeIntroNight {margin-top: 40px; float: left; font-size: 140%; padding-left: 0px;}
.homeIntroNight h3 {color: #000;}
.homeIntroNight img {float: left;}
.homeIntroNight ul {float: left; width: 200px; margin-top: 20px}
.homeIntroNight a {color: #333;}
.homeIntroNight a:hover {color: #FFF;}

#singlePress {padding-left: 20px;}
#singlePress ul li{background: url(images/line_dot.png) no-repeat 0px 3px; padding-left: 20px; margin-left: 0;}

#menuPage {padding: 20px; text-align: center; border: solid 20px #FFF;}
#menuContent {width: 420px; font-size: 85%; font-style: italic; margin: 0 auto 20px auto; line-height: 1.1em; color: #666666;}
#menuIcon{height: 100px; margin-left: 300px; width: 110px;}
.bottomText table {padding: 20px 20px 40px 0;}

.productcart td{color: #000;}
.wpsc_checkout_table label{color: #000;}
.wpsc_checkout_table h4 {color: #000;}
.aligncenter {padding-top: 20px;}

.prevPage {text-align: left; }
.prevPage a {color: #FFF;}
.prevPage a:hover {color: #000;}

.displayNone {display: none;}
.wpsc_category_details {padding-bottom: 20px; font-weight: bold;}


