/*
Theme URI: http://www.theyellowhouse.eu/
Description: Best restaurant in South East London.
Version: 1.0
Author: Riccardo Fala
Author URI: http://riccardofala.com
*/
/* CSS Reset, Courtesy of Eric Meyer (http://www.meyerweb.com) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
 
p {
	margin:10px 0 0 0;
}
 
body {
	font-family:  Century Gothic, Verdana, Helvetica, Arial, sans-serif;
	height: 100%;margin:0;
	font-size: 69.5%;
	color: #565656;
	background: #451602 url(images/backg10.jpg) fixed top left repeat-x;
}




#top{height:80px;
	margin-top: 81px;
}



 h2 {
	font-size:2.5em;
	color: #2e000a;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 ;
}
.left h2 {
	color: #e0902a;
}

 h3 {
	font-size:1.7em;font-style:italic;
	color: #d29d10;
	font-weight: normal;
line-height:1.1em;
	margin: 20px 0 0px 0;
}

/* My Comment */
/* Masthead Styles */
.no-script-js {	color:#fff;
line-height: 1.1em;
font-size:1.3em;
}
.no-script-js a{	
text-decoration:none;
color:#fff;
background:#c76a12;
}
.no-script-js a:hover{	
text-decoration:none;
color:#c76a12;
background:#fff;
}
/* @group contenthome */
#wrapper-all {
	font-family:  Century Gothic, Verdana, Helvetica, Arial, sans-serif;font-size:1.05em;
	margin: 0 auto;
	width: 912px;
	background: url(images/wrapper-all.png) top left no-repeat;
	}
#wrapper {

	position: relative;
	margin: 0 auto;
	width: 900px;

}
/* @group nav */
#navigation {
	margin-top: -83px;	
	width: 901px;
	position:relative;	
	height: 180px;	
	text-align: right;	
	background: url(images/yellow-header4.png) top left no-repeat;
	}
#navigation ul {
	display:block;
margin-top:0;
	text-align: left;	
    }
#navigation li {

font-size:1.1em;	
	float: left;margin-left:1px;
	display: block;
	text-align: left;	
  background:none;
position:relative;
z-index:5;  }
#navigation .logo {	
	margin: 2px 0 0 40px;padding: 0 0 0 63px;
	width: 148px;
	height: 110px;
background: url(images/logo3.png) top left no-repeat;
	text-indent:-9999px;
	}

/* My Comment */
#navigation .logo a:hover{	
margin: -130px -63px;
	width: 148px;background: url(images/logo3.png) top left no-repeat;
	height: 180px;
	text-indent:-9999px;
	}
 #navigation li a { 
text-decoration:none;
padding: 81px  19px 0 14px;
	color: #ffcf67;width:72px;
	display: block;text-align:center;
		height:20px;
}



 #navigation a:hover { 	color: #fff;width:72px;
text-decoration:none;
	background:  url(images/nav.png)  top left repeat-x;

}


 #navigation .selected  a{ 	color: #000;font-weight:bold;
text-decoration:none;
	background:  url(images/nav-visited.png)  top left repeat-x;

}







/* @end */

#top-header {

background: url(images/lines3.png) 20% 20% repeat-x;
	margin: -20px auto;


}
#top-header2 {

background: url(images/lines2.png) -20% 20% repeat-x;
	margin: -6px auto;
height:500px;

}




#wrapper h1 {background: url(images/main2.png) top left no-repeat;font-size: 1.3em;margin:60px 0 0 0;
text-indent:-9999px;height:350px;width:300px;
}
#homeslides{width:900px;max-height:0px;
top: 0px;z-index: 2;margin:0 auto;
}




/* @end */



#homecopy {
	position: relative;
	top: 2px;
margin:0 auto;
	width: 900px; 
	z-index: 3;
}/* Content Styles */



/* @group container */

#container {	margin:418px 0 0 0;width:900px;background: #501300 url(images/cont2.jpg) top left repeat-x;overflow:auto;
	color: #e9c465;	font-weight: normal;	line-height: 1.5em;}
	.paint {
background:  url(images/paint.png) top left no-repeat;
	padding:32px 0 25px 17px;clear:both;
	width:390px;text-align:left;
position:absolute;
font-size:3.8em;float:left;
	margin:290px 0 0 0;color: #febb31;	font-weight: normal;	line-height: 1.2em;overflow:hidden;max-height:180px;
}

/* @group left */

.left{
	float:left;
width:470px;padding:20px;
}

.left p{	
line-height: 1.5em;
font-size:1.3em;
}
 a{color: #c76a12;	
line-height: 1.5em;
text-decoration:none;
	
}
 a:hover{
	color: #fdbb31;	
}

/* @end */
.right{background: #c76a12 url(images/top-right.jpg) top left repeat-x;
width:349px;overflow:auto;
margin-top:0px;padding:18px 11px 20px 24px;}
.right p{	color:#340d00;line-height: 1.5em;
font-size:1.2em;
}

.right img{	border: 2px solid #340d00;
}
.right a{	
filter:alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;
text-decoration:none;
color:#340d00;font-weight:bold;
}
.right a:hover{filter:alpha(opacity=1);
				-moz-opacity: 1;
	color:#451602;			opacity: 1;
			text-decoration:none;
}
			
/* @group footer */

#footer {	clear:both;		
	background:  url(images/footer1.png) top left no-repeat;margin:65px 0 20px 0;padding:40px  0 0 0;
	overflow:auto;
	font-weight: normal;	}
	
	
/* @group .nav-credits */	
.nav-credits {
	margin-top: 40px;	
	width: 900px;
	
	text-align: center;	

	}

.nav-credits li {

font-size:1em;	
	float: left;margin-left:1px;
padding: 10px  0 0 10px;
	display: block;
	text-align: left;	
    }


.nav-credits li a { 
text-decoration:none;
padding: 0 10px 0 10px;

	
}


.nav-credits a:hover { 
text-decoration:none;

}



/* @end */
.info p{
	color: #cb9217;
	font-size:1em;
	float:right;
text-align:right;
	margin: 20px 20px 0px 25px;
}
.info span{
	color: #ffd200;}
	
	.fala {margin-top:103px;margin-left:20px;
font-size:0.9em;
	color: #843409;
  width: 250px;
}
.fala  a{color: #843409;	
line-height: 1.5em;
text-decoration:none;
	
}
.fala  a:hover{
	color: #fdbb31;	
}

/* @end */


.demo1 {background:#451602;height:496px;width:900px;
margin:0px auto;
}
.demo {height:496px;width:900px;
margin:0px auto;overflow:hidden;
}
.gallery_demo{width:702px;margin:0 auto;}


	.gallery_demo li{width:78px;height:60px;border:2px solid #fdbb31;margin: 0 2px;background:#fdbb31;}

	
.gallery_demo_unstyled {position:relative;float:right;width:900px;
 margin:-48px 0 0 0px;
	}
.galleria{list-style:none;width:700px}
.galleria li{
	display:block;width:40px;
height:30px;overflow:hidden;float:right;margin:0 10px 10px 0}
.galleria li a{display:none}

.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* @group booking form */
.left-bookings{
	float:left;
width:400px;padding:20px;
}

.left-bookings p{	
line-height: 1.5em;
font-size:1.3em;
}
.left-bookings a{color: #c76a12;	
line-height: 1.5em;
text-decoration:none;
	
}
.left-bookings a:hover{
	color: #fdbb31;	
}
.right-bookings{float:right;background: #c76a12 url(images/top-right.jpg) top left repeat-x;
width:449px;overflow:auto;
margin:0px 0 20px 0;padding:10px 1px 20px 4px;}
.right-bookings p{	color:#340d00;line-height: 1.5em;
font-size:1.2em;
}

.bookings { width: 405px;
padding:10px;margin:0 0 0 10px;
float:left;background: #501300 url(images/cont2.jpg) top left repeat-x;
font-size:  1.2em;
 }
.right-bookings  h2 {padding: 10px 0 0 10px;
	font-size:2.4em;
	color: #340d00;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 ;
}
.bookings input{ margin:0px 0 13px 0;
color: #340d00;font-size:  1em;
	border: 1px solid #ada758;
background: #c76a12;
 }
.bookings textarea{ margin:0px 0 15px 0;
color: #340d00;font-size:  1.15em;
	border: 1px solid #ada758;
background: #c76a12;
 }

/* @end */

/* @group contact form */

 /******* contact form *******/

#contactFormArea { width: 350px;
float:left;padding:0 0 20px 0;
font-size:  1.1em;
 }

#contactf .email li{

color: #fff;
padding:5px;
line-height:1.1em;
}
#contactf .email a{

color: #fff;
line-height:1.6em;
border-bottom: 1px dotted #444;
	text-decoration: none;
}
#contactf .email a:hover{

color: #000;
line-height:1.6em;
border-bottom: 1px solid #000;
	text-decoration: none;
}

	fieldset { 

width: 270px;
position:absolute;
	border:0;
	margin:20px 0 0 0px;
	font-variant: normal;
}

	label { 	margin:9px 0 0px 0px;
	display:block;
}

	input.text,textarea { 
	width:390px;
	color:#000;
	padding:5px;
	margin:5px 0;
	border:1px solid #ccc; 
	}
	



#posText{	color: #340d00;
	border: 1px solid #ada758;
height:100px;background: #c76a12;
	font: 1.3em Century Gothic, Verdana, Helvetica, Arial, sans-serif;
}
#posName, #posEmail, #posRegard {	border: 1px solid #ada758;	
background: #c76a12;	
color: #340d00;font-size: 1.2em;
}
	

.submit {
border: none;width:80px;
color: #fff;margin:-25px 0px 0 320px;cursor: pointer;
padding:10px 0px 10px 0px;

background: #c76a12;
	font-size: 1.4em;
}


#selfCC {
margin: 0px 0 0 0;
	
}
#loadBar {letter-spacing:0.03em;
font-size: 1.1em;
color: #c76a12;
cursor: pointer;
padding:420px 0px 0px 10px;
	font-weight: normal;
	font-style: normal;
}
#emailSuccess {
cursor: pointer;
padding:440px 0px 0px 10px;
width:540px;color: #febb31;	
	font-size:1.2em;font-weight: normal;line-height:1.5em;
	font-style: normal;
}

#loadbar emailsuccess {

	background: url(../images/back-li.png)  bottom center no-repeat;

	font-size: 0.8em;
	color: #c0c0c0;

	padding: 5px;

}

/* @end */

/* @group booked page */
.booked{	
background: url(images/back-booked.png) top left no-repeat;
	margin: 30px 0 0 140px;
	float:left;
width:630px;overflow:auto;height:391px;

}
.booked .thanks{	
width:530px;padding: 0 40px;
font-size:1.6em;
	color: #c89c54;
}

.booked .notes{	width:530px;
padding: 0 40px;
font-size:1.3em;
	color: #080500;
}
.booked span{
	color:#fdbb31;	
line-height: 1.5em;
font-size:2em;
}
.booked a{color: #c76a12;	
line-height: 1.5em;
text-decoration:none;
	font-size:2.1em;padding: 0 40px;
}
.booked a:hover{
	color: #fdbb31;	
}

.booked  .credits2 {
	color: #8a2600;
	line-height: 1.5em;
text-decoration:none;
	font-size:1em;
	padding: 0px 0px 0 40px;
}
.booked  .credits2 a{	color: #8a2600;
padding:0;
text-decoration:none;
	font-size:1em;
}
.booked  .credits2  a:hover{
	color: #3f1100;	
}









.booked2{	
background:#451602;
	margin: 30px auto;
	padding-left:20px;
padding-bottom:30px;
padding-right:60px;
width:630px;overflow:auto;height:auto;

}
.booked2 .thanks{	
width:530px;padding: 0 40px;
font-size:1.6em;
	color: #c89c54;
}

.booked2 .notes{	width:530px;
padding: 0 40px;
font-size:1.3em;
	color: #080500;
}
.booked2 span{
	color:#fdbb31;	
line-height: 1.5em;
font-size:2em;
}
.booked2 a{color: #c76a12;	
line-height: 1.5em;
text-decoration:none;
	font-size:2.1em;padding: 0 40px;
}
.booked2 a:hover{
	color: #fdbb31;	
}



/* @end */