/*
Theme Name: ~Blair House Inn
Theme URI: http://www.blairhouseinn.com
Description: Custom Theme
Version: 1.0
Author: InsideOut Solutions/Kailey Lampert
Author URI: http://insideout.com/
*/


/* basic classes */
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

/* --------------------------------------------------------------- */
/* basic element */

ul, ol { list-style-position:inside; margin: 5px 5px 5px 15px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin: 10px 30px; font-style:italic;}

a { color: #fff;  }
a:hover { text-decoration: none; }
a:visited {  }
a:active { position:relative;top:1px; }
a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.png) no-repeat right; }

h2, h3, h4, h5{ padding: 0 0 .2em 0; color: #471f07; font-family:Georgia, Tahoma, Helvetica; font-style:italic;}
h2{ font-size: 1.8em;  line-height: 100%;}
h3{ font-size: 1.6em;}
h4{ font-size: 1.2em; margin-top: 1em;}

p{ margin: 0 0 .8em 0; }

.editLink {clear:none; position:fixed; top:50%; left:0px;width:30px;height:40px;padding:3px;background:#600; font-size:12px; line-height:12px;font-family:courier new;text-align:center;font-variant:small-caps; -moz-box-shadow: 1px 0px 8px #ddd;}
.editLink a { display:block;}
/* --------------------------------------------------------------- */
body {
	font-family:  Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	font-size:62.5%;
	background: #9e511e url('images/back.jpg') top center no-repeat;
	color: #eed7a5;	
}

/* Layout */
#shadows {	background: url('images/shadows.png') top center repeat-y; } 
#layout {
	width: 980px;
	text-align: left;
	margin: 0 auto;
}

#topper {
	height: 136px;
	padding: 1px;
	background: #9C5A2C url('images/header.gif') top left repeat-x;
	position:relative;
	z-index:100;
}
/*
.blair-house-spa #topper {
	height: 136px;
	position: relative;
}
*/

h1.logo{
	width: 449px;
	height: 83px;
	background: url('images/logo.png') top left no-repeat;
	text-indent: -999em;
	margin: 15px 0 0 15px;
}

h1.logo a{
	display: block;
	height: 83px;
	width: 449px;
}
	h1 a:active {position:static;}
	
/*
.blair-house-spa h1.logo,
.blair-house-spa h1.logo a {
	height: 150px;
}
*/
#topRightNav{
	position: absolute;
	top:20px; right:15px;
	font-size:1.2em;

}

#topRightNav a{
	color: #f6d8a8;
	border-right: 1px solid #f6d8a8;
	padding: 5px 12px;
	font-size:1.4em;
}

#topRightNav a:hover{
	color: #fff;
}

#topRightNav .lastOne a,#topRightNav .bookNow a{
	border:0;
}

#topRightNav .bookNow a{
	margin: -5px 2px 2px;
	padding: 7px;
	border: 1px solid #9E511E;
	background:#eed7a5;
	color:#9E511E;
}

#topRightNav .gc a{
	margin: -5px 2px 2px;
	padding: 7px;
	border: 1px solid #9E511E;}
	
#topRightNav .phone {
	margin: -7px 2px 2px;
	padding: 7px;
	font-size: 17px;
	
}
	#topper p {float:right;width:300px;padding-right:50px;text-align:right;}
	#topper p.tag {padding-top:40px; font-family:georgia, times new roman, serif; font-style:italic;font-size:1.4em;}
	#topper p.res a { font-family:arial black, arial; font-size:1.5em;text-decoration:none;}
		#topper p.res a:hover { }
	
#slides {
	clear:both;
	background: #cca26a;
	padding: 0;
	height: 350px;
	overflow:hidden;
}
#slides img {
	margin:10px;
}
#container {
	clear: both;
	overflow:hidden;
	width:100%;
	font-size: 1.3em;
	line-height: 1.4em;
	background: #a86131 url('images/rightback.gif') top right repeat-y;
}
.page-template-page-wide-php #container,
.page-id-321 #container { background: #a86131; }

/* --------------------------------------------------------------- */
/* body content */
.subhead{
	padding: 15px 5px 5px 15px;
	font-family: Georgia;
	font-style: italic;
}
.subhead#indent{
	padding: 15px 5px 0px 260px;
	height:150px;
}
.subhead h2 { font-size: 2.1em; line-height:1.2em; }

.subhead h3 {font-size: 1.25em; line-height:1.35em;	margin: 0 0 0 10px; overflow:hidden;}

.home-page .subhead#indent {background: url('images/subheader.jpg') top left no-repeat;}
.page-id-222 .subhead#indent {background: url('images/subheader-accom.jpg') top left no-repeat;}
.asdf .subhead#indent {background: url('images/subheader-main.jpg') top left no-repeat;}
.blair-house-spa.page-id-39 .subhead#indent,
.page-id-220 .subhead#indent {background: url('images/subheader-inn.jpg') top left no-repeat;}
.page-id-226 .subhead#indent {background: url('images/subheader-dining.jpg') top left no-repeat;}
.page-id-232 .subhead#indent {background: url('images/subheader-artgallery.jpg') top left no-repeat;}
.page-id-230 .subhead#indent {background: url('images/subheader-specials.jpg') top left no-repeat;}
.page-id-228 .subhead#indent {background: url('images/subheader-cookingschool.jpg') top left no-repeat;}
.page-id-224 .subhead#indent {background: url('images/subheader-spa.jpg') top left no-repeat;}
.page-id-234 .subhead#indent {background: url('images/subheader-area.jpg') top left no-repeat;}
.page-id-219 .subhead#indent {background: url('images/subheader-photos.jpg') top left no-repeat;}
.blair-house-spa.page-id-65 .subhead#indent,
.page-id-264 .subhead#indent {background: url('images/subheader-nature.jpg') top left no-repeat;}

.subhead h3 a{
	float:right;
	font-size:20px;
	padding:7px;
	border:1px solid #813D00;
	color:#eed7a5;
	text-decoration:none;
}

#content {
	float:left;
	padding: 0;
}
.narrowcolumn	{ width: 658px; }
.widecolumn		{ width: 980px; }

 #content h2 { margin: 10px 0 0 0; }
#content h2 a { text-decoration:none; }
#content h2 a:hover {  }

#content p.date_auth { font-size:90%;margin:3px 0; font-style:italic; }

.post {padding:15px; font-size:1.1em;}

.slides {margin: 20px 100px;height: 400px; width:740px; text-align:center;overflow:hidden;}
.slides img{width:740px;height: 400px;}

/* Guest Rooms Links */

div.guestRooms {margin:25px 0 0 0;}

.guestRooms ul { list-style: none; margin: 0; padding: 0; }

.guestRooms ul li { float: left; margin: 0 10px; }

.guestRooms ul a {
	padding: 5px;
	display: block;
	text-decoration: none;
	font-family:georgia;
	font-style:italic;
	font-size:1.0em;
}

.guestRooms ul a:hover { color: #fff; }

.guestRooms ul li a img{ margin: 0 0 5px 0; border:#c18b53 2px solid; width:275px;}

.guestRooms ul li a:hover img{border:#813D00 2px solid;}

.guestRooms ul li a span{ color: #660000; margin: 0 0 0 5px;}



.attachment-post-thumbnail { float:right; margin-bottom:10px;}

.postmetadata { clear:both; padding: 3px 5px; font-size:80%; }
.navigation { overflow:hidden; margin:0 0 10px 0; }

/* Rooms Navigation */

.center {text-align:center;}

#roomnav {
	margin:auto;
	height:75px;
	width:550px;
}
#roomnav ul {
	list-style: none;
	width:274px;
	margin:0;padding:0;
	font-size:0.9em;
}
#roomnav ul.rght{
	float:right;
	text-align:left;
	padding-top:.01em;
	border-left:1px solid #813D00;
}
#roomnav ul.lft{
	float: left;
	text-align:right;
	border-right:1px solid #813D00;
}
#roomnav ul.rght a{
	text-align:left;
}
#roomnav ul.lft a{
	text-align:right;
}
#roomnav ul li a {
	display: block;
	color: #eed7a5;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	font-family:georgia;
	font-style:italic;
	padding:5px;
	margin:5px;
}
#roomnav ul li a:hover {
	color:#C18B53;
}


/* --------------------------------------------------------------- */
/* attachments */
body.attachment p.attachment { text-align:center; }

/* --------------------------------------------------------------- */
/* comments */
#respond { clear:both; padding:10px; }
ol.commentlist, ol.commentlist ul {
	list-style:none;
	margin: 0;
	padding:0;
}
li.comment {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.bypostauthor {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.odd { }

li.depth-2, li.depth-3, li.depth-4 { margin-top:10px; padding: 5px 10px; }

img.avatar {float:left;margin:3px 3px 0 0; }
/* --------------------------------------------------------------- */
/* sidebar */
#sidebar {
	width:315px;
	float:right;
	padding: 0 0 15px 0;
}
#sidebar h2 {
	margin:15px 0;
	padding:0;
}
#sidebar ul {
	list-style:none;
	margin:0 5px 0 25px;
	padding:0;
}
#sidebar ul li {
	margin:10px 0 0 0;
	padding:0;
	font-size: 1.1em;
	line-height: 1.5em;;
}
#sidebar ul li li{
	margin: 0;
	padding:0;
}

#sidebar ul ul {
	padding: 0 0 0 10px;
}


#post-side-info { text-align:center; padding: 20px 0;}
#post-side-info p{ padding:10px 20px; text-align:left;}

/* --------------------------------------------------------------- */
/* widgets */

/* search */
input#s {width:120px; }

/* calendar */
table#wp-calendar {width:100%;text-align:center;}


/* --------------------------------------------------------------- */
/* footer */
#footer {
	width:940px;
	padding: 10px 20px;
	background: #c18b53;
	color: #733c09;
	clear:both;
}
#footer a{ color: #733c09; }

#footer p {margin-top: 15px;}
#footer .contactInfo{ width:290px; float:left; padding: 0 0 10px 20px; line-height: 1.5em; font-size:1.6em;}
#footer .contactInfo a{margin: 0 0 0;}

#footer .logos a{margin: 0 15px;}
#footer .logos{ width:340px;  float:left; text-align:center;}

#footer .feed { width:545px;  float:right; border-left:1px solid #733c09; padding: 0 20px 20px 20px; font-size: 1.3em;}
#footer .feed ul {  margin: 0;}
#footer .feed img { float:left;margin: 5px 5px 5px 0; border: 2px solid #733c09;}
#footer .feed li { height:85px; clear:both; list-style:none;  line-height:1.4em;}
#footer .feed li a {font-size: 1.2em; font-weight: bold; line-height:1.4em;}

#meta{
	clear:both;
	font-size:0.75em;
	line-height:1.5em;
	margin-top:10px;
	text-align: right;
}

.social { float:left; }
.social a { line-height:15px; padding:1px 0 3px 20px; }
.social a.facebook { background:url('images/facebook.gif') no-repeat; }
.social a.twitter { background:url('images/twitter.gif') no-repeat; }

/* --------------------------------------------------------------- */
/* main menu */

.nav, .nav * { margin:0;padding:0; }
.nav { list-style:none; }
.nav ul { list-style: none; }
.nav li { float:left;}

ul#menu { margin: 0; padding: 0 0 0 15px;clear:both;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
	ul#menu li {
		margin: 0;
		position: relative;
		z-index:50;
		padding: 4px 0;
		font-size:1.5em;
		line-height: 30px;
	}
	ul#menu li.last {  }
	ul#menu li.right { float:right; }
	ul#menu li a {
		padding: 0 15px;
		margin:0;
		text-decoration:none;
		color: #f6d8a8;
		border-right: 1px solid #f6d8a8;
	}
	ul#menu li.last a { border:none;}
	ul#menu li.hovering a,
	ul#menu a:hover { color: #fff; }
	ul#menu a:active {position:static; }
	ul#menu li.current_page_item a,
	ul#menu li.current_page_item ul {  }
	
	ul#menu li.arrow { /* parent items */
	}
	ul#menu li ul {
		list-style: none;
		margin:0;padding:10px 0 15px;
		position: absolute;
		float:left;
		left: -1px; top: 35px;
		display: none;
		width: 170px;
		background:#9E5B2C;
		border-top:none;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	ul#menu li li{
		clear: both;
		display:block;
		margin:0; padding:4px 10px;
		width: 150px;
		font-size:0.9em;
		line-height: 20px;
	}
		ul#menu li li.last{ border-bottom:none;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
		}
	
	ul#menu li li a {
		display:block;
		border:none;
		float:none;
		padding:5px;
		margin:0 auto;
		line-height:.9em;
	}
	ul#menu li li a:hover {
		text-decoration:underline;
	}
	/* bottom menu*/
	#bottomNav{ text-align:left; padding-left:30px; }
	#bottomNav li { display:inline; }
	#bottomNav ul{ display:none; }

	#bottomNav a {
		padding: 0 10px;
		text-transform:uppercase;
	}#bottomNav .last a { border:none; }

ul.submenu { margin:0;padding:0; text-align:center; list-style:none;}
ul.submenu li { margin:0;padding:0 5px; display:inline;}


/* --------------------------------------------------------------- */
/* main menu - general */
/*
.blair-house-spa .the_menu {
	display:none;
}
*/
.the_menu {
	overflow: visible;
	font-size: 1.4em;
	margin: 0;
}
.the_menu ul {
	height: 40px;
	clear: both;
	margin: 0;
	overflow: visible;
	list-style: none;
}
.blair-house-spa .the_menu ul.level-1-ul {
/*
	position:absolute;
	bottom: 15px;
	left: 493px;
*/
}

.the_menu li {
	position: relative;
	z-index: 50;
	margin: 0;
	list-style: none;
}
.the_menu li.hovering {
	position: relative;
	z-index: 60;
	margin: 0;
	list-style: none;
}
.the_menu li a  {
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	color: #f6d8a8;
}
.the_menu li a:hover {
	text-decoration: none;
	color: #fff;
}
.the_menu li a:active {
	position: static;
}

/* top level items */
.the_menu ul.level-1-ul { }
.the_menu li.level-1-li {
	height: 40px;
	float: left;
}
.the_menu li a.level-1-a  {
	height: 20px;
	margin: 8px 0 10px;
	padding: 2px 20px 0;
	border-right: 1px solid #f6d8a8;
}
.the_menu li.last a.level-1-a  {
	border-right: 0;
}
.the_menu li a.level-1-a: hover  { }

/* beyond top level items */
.the_menu li.level-1-li ul {
	height: auto;
	width: 170px;
	position: absolute;
	display:none;
	padding: 0 0 10px;
	background:#9E5B2C;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.the_menu li.level-1-li li {
	height: auto;
}
.the_menu li.level-1-li li a {
	height: auto;
	padding: 8px;
	float: none;
}
.the_menu li.level-1-li li a: hover { }

/* second level items */
.the_menu ul.level-2-ul {
	top: 98%;
	left: 2%;
}
.the_menu li.level-2-li { }
.the_menu li a.level-2-a  { }
.the_menu li a.level-2-a: hover  { }

/* beyond second level items */
.the_menu li.level-2-li ul {
	top: 75%;
	left: 50%;
	display:none;
}
.the_menu li.level-2-li li { }
.the_menu li.level-2-li li a { }
.the_menu li.level-2-li li a: hover { }

/* --------------------------------------------------------------- */
/* image handling */
/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {  margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }