/*
Theme Name: ~Thurston House
Theme URI: 
Description: A custom theme from InsideOut Solutions. Developed to match our client's website.
Version: 1.0
Author: InsideOut Solutions/Kailey Lampert
Author URI: http://insideout.com/
*/

body {

	background: #bfca97;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	font-size:66.5%;

}

#home #wpstats {
 	display:none;
}
 	
 	
/* General Definitions */

a, a:link, a:active, a:visited { color: #000; text-decoration: none; }
a:hover{ text-decoration: underline; }

h1, h2, h3, h4, h5{
	color: #000;
 	padding:10px 0;	
 	font-family: Georgia;
 	font-style:italic;
}
h1{
	font-size: 2.2em;
	color:#fff;
	margin-top:0px;
	text-indent:-999em;
}

h1{	font-size: 2.2em;}
h2{ font-size: 1.6em;}
h3{ font-size: 1.3em; margin-bottom:-15px;}
h4{ font-size: 1.10em; }

p{ margin: 0 0 .5em 0; line-height:1.4em;}

ul, ol { margin: 0 0 10px 40px; list-style-position:outside; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

blockquote {
	margin: 15px 30px;
	padding: 0 0 0 10px;
	border-left: 3px solid #bfca97;
	font-style:italic;
}

/* Layout and Coloring */

#page {

	display: block;
	text-align: center;
	color:#000;

}

.layout {
	
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position:relative;

}

#header {
	background:none;
}

#header .layout {
	height:46px;

}
#slides,#slides img {
	position:absolute;
	z-index:100;
	top: 128px;
	right: -10px;
}
#topper {
	background: #bfca97 url('images/thurston-logo.jpg') top center repeat-x; /*was header.gif*/
	height:399px;
}
#watercolor {
	/*background: url('images/Thurston-house-logo2.png') top center no-repeat;*/
	height:100%;
}
#topper .png1{
	position:absolute;
	z-index:200;
	top:76px;
	right:400px;
}

#phone	{
	position:absolute;
	right:210px;
	top:82px;
	font-size:1.55em;
}

#checkAvail	{
	position:absolute;
	right:20px;
	left:810px;
	top:82px;
	font-size:1.65em;
	font-family: Georgia;
}

#checkAvail	a {
	font-style:italic;
	text-decoration:none;
}

#checkAvail	a:hover {
	text-decoration:underline;
	
}

#topper .png2{
	position:absolute;
	z-index:100;
	top: 116px;
	right:-25px;
}
#topper .jpg1{
	position:absolute;
	z-index:200;
	top:82px;
	right:408px;
}

#topper .jpg2{
	position:absolute;
	z-index:100;
	top: 129px;
	right:-10px;
}
#topNav {

	background: none;
	height:46px;

}
.nav, .nav *{
	margin:0;padding:0;
}
.nav {
	list-style:none;
}

	ul#menu { height:46px; }

	ul#menu li {
		text-align:center;
		position: relative;
		z-index:500;
		float:left;
	}
	ul#menu a {
		display:block;
		color: #000;
		text-decoration: none;
		font-size: 1.5em;
		line-height: 1.1em;
		padding: 15px 22px 15px;
	}
	ul#menu a:hover 			{ background:none; text-decoration:underline; }
	ul#menu li.arrow a	 		{ background: url('images/dn-arrow.gif') 98% 50% no-repeat;	}
	ul#menu li.arrow a:hover,	/* .hovering keeps parent li in "active" state when actually hovering over ul.subnav */
	ul#menu li.hovering 		{ background: none url('images/dn-arrow.gif') 98% 50% no-repeat; }
	ul#menu li.arrow li a 		{ background: none; }
	ul#menu li.arrow li a:hover { background: none; text-decoration:underline; }
	
	ul#menu li.last,
		ul#menu li:last-child {
	 border:none; }
	ul#menu li.last a { color: #000; }
	ul#menu li.last a:hover { text-decoration:underline; }

	ul#menu li li.last { border:none; }
	ul#menu li li.last a { color: #000; }
	ul#menu li li.last a:hover { text-decoration:underline; }
	
	ul#menu li ul {
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 46px;
		background: #9eb07c;
		display: none;
		float: left;
		width: 170px;
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
	}
	ul#menu li ul.subnav li{
		clear: both;
		width: 146px;
		padding:0 12px;
	} ul#menu li ul.subnav li.last{ border-bottom:none; padding-bottom: 5px; }
	
	html ul#menu li ul.subnav li a {
		display:block;
		text-align:left;
		padding: 6px 0;
		font-size: 1.35em;
	}

.tagline {
	padding:0;
	margin:0;
	position:relative;
	left:45px;
	top:-10px;
	width:350px;
	font-style:italic;
}

#container {

	clear: both;
	background: #dae0b4 url('images/body.gif') top center repeat-x;
	overflow:hidden;
	font-size:1.3em;
	line-height:1.4em;

}
#container .layout {
	background: transparent;
}
#content {
	line-height:1.5em;
	width:580px;
	float:left;
	padding: 20px;
	font-size:1.05em;
}

#content p {
	padding-top:15px;
}

#content a:link {text-decoration:underline;}
#content a:visited {text-decoration:underline;}
#content a:hover {text-decoration:none; color:#4B5E40;}
#content a:active {text-decoration:underline;}

#content.widecolumn { width:900px;}


.pageTitle {
	margin-top:25px;
	text-indent:15px;
	font-size:1.4em;
}

#sidebar  {
	width:340px;
	padding: 9px;
	float:left;
}

#sidebar, img {
	position:relative;
	z-index:200;
	display:block;
}

#sidebar img {
	padding:5px;
	background:#fff;
	border-right:2px solid #797979;
	border-bottom:2px solid #797979;
	border-left:1px solid #797979;
	border-top:1px solid #797979;
}

#footer {
	overflow:hidden;
	font-size:1.3em;
	background: #74acaf url('images/footer.gif') top center repeat-x;
}

#footer .layout {
	padding: 10px 0px 40px;
}

#footCont {

	width:585px;
	float:left;
	padding: 20px;

}

#bottomNav{
	float:left;
	overflow:hidden;

}
#bottomNav {
	padding: 30px 0 0 0;
}
#bottomNav li {
	display:inline;
}

#bottomNav ul {
	display:none;
}
#bottomNav a {
	padding: 0 4px 0 2px;
	border-right: 1px solid #000;
	font-size: .9em;
}
#bottomNav li:last-child a,
#bottomNav .last a { 
	border:none; 
}

#footSide{
	padding: .5em .5em .1em .5em;
	text-align: left;
	color:#000;
	font-size:1em;
}

#footSide {
	width:340px;
	float:left;
	background: #74acaf url('images/thurstonhouse.gif') top right no-repeat;
}

#footSide .address {
	padding:100px 0 0 10px;
	line-height:1.5em;
}

#footSide p a span { font-size:1.5em;line-height:1.5em; }

#copyright {
	font-size:.8em;
	padding:20px 0 40px 155px;
	
}
/* General Class Definitions */

.clear{ clear: both; }

.image { margin: 8px; }

.right { float: right; }

.left { float: left; }

/* Auto/Conditional PDF Icon */

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.png) no-repeat right;
}

/* For GC and Photo Code */

#geotrust img{ float: right; }

#photoGalDisplayTable td{ padding: 7px; }


/* More */

.roomsList {
	list-style:none;
	padding:0;
	width:900px;
}
.roomsList li {
	width:240px;
	height:180px;
	float:left;
	margin: 10px;
	padding:8px;
	text-align:center;
}
.roomsList li a {
	width:240px;
	height:180px;
	display:block;
	margin:10px;
	padding:8px;
	font-family:georgia;
	font-style:italic;
	background: #81ae9f;
	text-decoration:none;
	border:2px solid #000;

}
.roomsList li a:hover {
	background: #74ACAF;
	margin: 10px;
	border:2px solid #81ae9f;
}
.roomsList img {
	margin: 0 0 8px 0;
	width:240px;
}
.roomsList blockquote {
	color:#fff;
	border:none;
	width:240px;
	padding:0;
	margin:0;
}

.avail {
	float:right; 
	padding:4px 8px;
	background:#99B079;
	border:1px solid #4D6441;
}

h3 .avail {
	float:none;
	padding:5px 10px;
	font-size:.7em;
}

.quote {font-style:italic; color:#2D2F27; font-size:1em; font-family:georgia;}

img.badge {float:left; margin:5px 20px;}

a.post-edit-link {clear:both; margin:20px;}


/* ------------------------------------------Blog Stuff--------------------------------------------- */

#content.blog {margin:40px 0 0;}

.entry img.right {border:3px solid #fff;}

.bloglink {font-size:1em; font-style:italic;}

#blog #sidebar {margin:40px 0 20px; text-align: left;}

#sidebar ul, #sidebar li {list-style-type:none;}

#sidebar li {margin: 5px 0;}

.postmetadata {
	clear:both;
	border-top: 1px dashed #000;
	border-bottom: 1px solid #000;
	padding: 3px;
	font-size:80%;
}
.navigation {
	overflow:hidden;
	margin:20px 0 10px 0;
}
#respond { clear:both; }
#content ol.commentlist {
	list-style:none;
	margin: 0;
	padding:0;
}
.commentlist li {
	border: 1px solid #000;
	padding:20px;
	margin:0 0 20px 0;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
		
/* End Images */

/* feedburner */

.feedburnerFeedBlock,.feedburnerFeedBlock * {
	margin:0;padding:0;
}
.feedburnerFeedBlock {
	float:left;
	width:500px;
}

.feedburnerFeedBlock .feedTitle {
	font-size: 20px;
	font-family:georgia;
	font-style:italic;
}

.feedburnerFeedBlock ul {
	padding-top:15px;
}
.feedburnerFeedBlock ul li {
	list-style-type: none;
	font-size: 1.05em;
	text-decoration: none;
	margin-top: 10px;
}
.feedburnerFeedBlock li {
	padding-top:5px;
	line-height:1.5em;
}

.feedburnerFeedBlock .headline {font-size: 16px}

.feedburnerFeedBlock .date {font-size: .9em; margin: 0 0 5px 5px; display: inline;}
.feedburnerFeedBlock li div { line-height:1.3em; }


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
	display:inline;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


.recent-posts-thumb {float: left; margin-right: 12px; margin-bottom: 12px; background: #58867d; padding: 2px;}
.advanced-recent-posts li {clear: left;}

.narrowcolumn .right {margin-left: 10px; margin-bottom: 10px;}




#simpleSocialBar img {
	display: inline;
}