/* LAYOUT */
/* ----------------------------------------- */

body{
	height: 100%;
	background: rgb(248,242,222) url(../images/body_bg.jpg) 0 0;
}

#main-header{
	z-index: 10;
	position: relative;
	margin: 0 auto;
	border-bottom: 1px solid rgb(160,138,125);
	width: 852px;
	height: 158px;
}
#main{
	margin: 0 auto;
	width: 852px;
}
.main-article{
	padding: 20px 0;
}
#main-footer{
	margin: 0 auto;
	border-top: 1px solid rgb(160,138,125);
	padding: 20px 0;
	width: 852px;
}

/* Header */
.logo{
	background: url(../images/metamorefosi_logo_small.png) no-repeat 0 0;
	width: 294px;
	height: 108px;
	text-indent: -9999em;
}
.logo a{
	display: block;
	height: 100%;
}
.menu-header .menu{
	position: absolute;
/* 	bottom: 9px; */
	bottom: 0;
	left: 0;
	margin: 0;
}
.menu-header .menu li{
	position: relative;
	float: left;
	margin: 0 0 -1px 18px;
	
	padding-bottom: 5px;
}
.menu-header .menu li:first-child{
	margin-left: 0;
}
.menu-header .menu a{
	padding: 0 12px;
}
.menu-header .menu a.disabled{
	cursor: default;
}
.menu-header .menu .sub-menu{
	z-index: 10;
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 0 10px;
/* 	width: 145px; */
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
/* 	background-color: rgba(244,233,207,0.7); */
	background: url(../images/metamorefosi_menu_bg.png) 0 0;
	white-space: nowrap;

}
.menu-header .menu .sub-menu li{
	position: static;
	float: none;
	margin: 0;
	border-top: 1px solid rgb(155,133,117);
	border-top-color: rgba(68,35,29,0.5);
	padding: 5px 0 0;
}
.menu-header .menu .sub-menu li:first-child{
	border-top-width: 0;
}
.menu-header .menu .sub-menu a{
	padding: 0;
}

#language-switcher{
	position: absolute;
	top: 10px;
	right: 0;
}
#language-switcher h3{
	float: left;
}
#language-switcher ul{
	float: right;
	padding-left: 8px;
}
#language-switcher li{
	float: right;
	margin-right: 4px;
}
#language-switcher a{
	display: block;
	height: 19px;
	width: 20px;
}


/* Footer */
#main-footer li{
	display: inline;
	padding: 0 19px;
}
#main-footer .links{
	margin: 0;
}

/* Subnav */

#sub-menu{
	float: left;
	width: 266px;
}
#sub-menu a{
	display: block;
	text-indent: 35px;
	background: url(../images/sn_bullet_sm_rollover.png) no-repeat 0 1px;
}
#sub-menu a:hover{
	background-position: 0 -99px;
}
#sub-menu .current_page_item a{
	background: url(../images/sn_bullet_lg_orange.png) no-repeat 0 5px;
}


/* Homepage */

.home h1{
	padding: 0;
	border-bottom: 1px solid rgb(160,138,125);
}
.home .main-article{
	padding-left: 50px;
	padding-right: 50px;
	width: 752px;
}

/* Page */

h1{
	border-bottom: 0;
	padding: 45px 0 5px;
}
#page-header{
	position: relative;
}
#page-header h1{
	position: relative;
	padding-top: 268px;
	border-bottom: 1px solid rgb(160,138,125);
	z-index: 5;
}
#page-header .wp-post-image{
	position: absolute;
	bottom: -100px;
	left: -74px;
	z-index: 1;
}

#content{
	position: relative;
	z-index: 5;
	overflow: auto;
	width: 100%;	
}

#content .leader{
	border-bottom: 1px solid rgb(160,138,125);
	padding: 20px 80px 5px;
}
#content #sub-menu{
	padding-top: 25px;
	padding-bottom: 25px;
}
#content .main-article{
	float: right;
	width: 558px;
	padding-top: 40px;
}


/* What Is Metamorefosi? */

.page-template-page-what-is-metamorefosi-php .main-article{
	padding: 20px 120px 20px 150px;
	width: 582px;
	background: url(../images/what_is_bg.png) no-repeat 50% 50%;
}
/*
.page-template-page-what-is-metamorefosi-php h1{
	border-bottom: 0;
	padding: 45px 0 5px;
}
*/

/* Soul Food at Vaccaria */
.page-id-22 #content .main-article{
	padding-right: 51px;
	width: 507px;
}

/* Rooms at Vaccaria */
.rooms{
	margin-left: -9px;
}
.rooms li{
	overflow: auto;
	margin-bottom: 20px;
	min-height: 209px;
	background: url(../images/room_image_bg.png) no-repeat 23px 0;
}
.rooms .details{
	float: right;
	width: 291px;
}
.rooms .enquire a{
	display: block;
	min-height: 35px;
	background: url(../images/sn_bullet_lg_orange.png) no-repeat 0 5px;
}
.rooms .image{
	float: left;
	width: 276px;
}
.rooms .image img{
	padding: 15px 17px 25px 16px;
	background: url(../images/photo_frame.png) no-repeat 0 0;
}

/* Blog */
.blog h1{
	border-bottom: 1px solid rgb(160,138,125);
}
.blog #content #sub-menu,
.single-post #content #sub-menu,
.archive #content #sub-menu{
	padding-top: 35px;
}
/*
#sub-menu .archives{
	margin: 0;
}
*/
.blog .blogpost,
.archive .blogpost{
	border-top: 1px solid #a08b7e;
	padding: 15px 0 0;
}
.blog .blogpost:first-child,
.archive .blogpost:first-child{
	border-top-width: 0;
	padding-top: 0;
}
.blog .pagination,
.single-post .pagination,
.archive .pagination{
	overflow: auto;
}
.blog .pagination .older,
.single-post .pagination .older,
.archive .pagination .older{
	float: left;
	width: 269px;
}
.blog .pagination .newer,
.single-post .pagination .newer,
.archive .pagination .newer{
	float: right;
	width: 269px;
	text-align: right;
}

/* The Book */
.book-cover{
	float: left;
	margin-left: -6px;
/* 	border: 1px solid rgb(51,31,0); */
}
.biblio{
	float: right;
	width: 266px;
}
.buy now{
}


/* Contact Us */
.page-id-17 #content{
	padding-top: 26px;
}
.page-id-17 h1{
	float: left;
	padding: 0;
	width: 266px;
	text-align: left;
}
#map{
	position: relative;
	float: right;
	margin-bottom: 30px;
	border: 1px solid rgb(188,170,154);
	border-color: rgba(68,35,29,0.37);
	border-radius: 2px;
	width: 555px;
	height: 318px;
}
#map div{
	position: absolute;
	top: 0;
	left: 0;
}
#contact-details{
	overflow: auto;
	float: left;
	margin-bottom: 30px;
	width: 266px;
}

#contact-details .detail{
	overflow: auto;
}
#contact-details .detail h3{
	float: left;
	padding-right: 3px;
}
#contact-details .detail p{
	font-size: 0.933333333em;/* 14/15 */
	line-height: 1.428571429;/* 20/14 */
}

#application-form{
	clear: both;
	overflow: auto;
	border-top: 1px solid rgb(161,139,127);
	padding: 20px 0 30px;
	width: 852px;
}
#application-form .formfields{
	overflow: auto;
	float: left;
	margin: 0 0 10px;
	width: 400px;
}
#application-form #formfields-2{
	float: right;
}
#application-form .formfields li{
	padding-bottom: 1.333333333em;/* 20/15 */
}
#application-form .wpcf7-response-output{
	clear: both;
	overflow: auto;
	margin-left: 0;
	margin-right: 0;
}
#application-form div.wpcf7-mail-sent-ok{
}
#application-form div.wpcf7-validation-errors{
}
#application-form span.wpcf7-form-control-wrap{
	display: block;
}
#application-form span.wpcf7-not-valid-tip{
	display: block;
	top: 0;
	left: 0;
/* 	border: 1px solid rgb(198,198,198); */
	padding: 4px;
	height: 24px;
	width: 390px;
	font-size: 1em;
	line-height: 1.6;/* 24/15 */
	background-color: rgb(255,255,255);
}


/* Stop Widget divs affecting layout */
.textwidget{
	display: inline;
}


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */