/*  
Theme Name: Tod
Theme URI: http://www.todmountainranch.com
Description: A Ranchy Theme
Version: 1.0
Author: Steve Hatcher
Author URI: http://www.axemedia.com/
*/
* {margin:0;padding:0}
body { margin: 0; padding: 0; font-size: 80%; font-family: Verdana, Helvetica, san-serif; background: #F0EAD4;height:100%; color: #222; width: 100%; line-height:1.3em;}
img, a{ border:none; text-decoration: none;}

#screen {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto; /* the bottom margin is the negative value of the footer's height for sticky footer*/
}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#trail-head {background:url('images/header-wood.jpg') repeat-x; z-index: 10;margin:0; padding:0;}
#trail-head .logo {margin:0 auto;width:791px;height:177px;}

/* ---------- Navigation Menu -------- */
#navigation {
	position: relative;
	height: 50px;
	background:url('images/ranch-navigation.jpg') repeat-x;
	color: #fff;
	text-align: left;
	font-size:11pt;
	border-top:1px solid #523720;
	border-bottom:1px solid #523720;
	z-index: 20;
	margin:-3px 0 0 0;
	padding:0;}

#navigation img {float:left;margin:0;padding:0;}

#menu {width:785px;margin: 0 auto;z-index: 30;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;z-index: 40;
}

#nav a {
	display: block;color:#3A1E07;
}

#nav a:hover {color:#15771B;text-decoration: underline;}

#nav li { float: left;}

#nav li.home a{
	height:50px;
	background:url('images/home.jpg') no-repeat;
	width:99px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.home a:hover{background-position: 0 -50px;}

#nav li.riding a.parent{
	height:50px;
	background:url('images/horse-riding.jpg') no-repeat;
	width:105px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.riding a.parent:hover{background-position: 0 -50px;}

#nav li.lodge a.parent{
	height:50px;
	background:url('images/facilities.jpg') no-repeat;
	width:134px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.lodge a.parent:hover{background-position: 0 -50px;}

#nav li.activities a.parent{
	height:50px;
	background:url('images/activities.jpg') no-repeat;
	width:139px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.activities a.parent:hover{background-position: 0 -50px;}

#nav li.rates a.parent{
	height:50px;
	background:url('images/rates.jpg') no-repeat;
	width:97px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.rates a.parent:hover{background-position: 0 -50px;}

#nav li.contact a.parent{
	height:50px;
	background:url('images/contact.jpg') no-repeat;
	width:121px;margin-right:0;
	padding: 50px 0 0 0;overflow: hidden;height: 0px !important; height /**/:50px; /* for IE5/Win only */
}
#nav li.contact a.parent:hover{background-position: 0 -50px;}


#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

/* ---------- 2nd Level nav styles here -------- */

#nav li.child a {line-height:1.2em;padding-left:8px;padding-bottom:5px;width:200px;z-index: 50;}
#nav ul.sub {margin-top:0;border:1px solid #7D644D;width:200px;background-color:#D9CCB2;}

#nav li ul ul {
	margin: -1em 0 0 10em;
	background-color:#D9CCB2;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* ---------- content area styles -------- */

#container {background: #DFD7BA url('images/tod-bg.gif') repeat-x;margin:0;padding:0;overflow:hidden;}

#content {width:785px;margin:0 auto;z-index:40;}
.main {width:545px;margin:0 0 0 10px;padding:0 0 1px 0;float:left;font-size:1.15em;}

#content .main .entry {margin:0 30px 30px 0;padding:30px 0 20px 0;clear:left;}
#content .main .entry p {line-height:1.3em;margin-bottom:10px;margin-top:10px;}

#content .main .entry p.postdate {line-height:1.3em;margin-bottom:10px;margin-top:10px;font-size:0.66em;}

#content .main .entry a:link {color:#15771B; text-decoration: underline;}
#content .main .entry a:visited {color: #445425; text-decoration: underline;}
#content .main .entry a:hover {color: #3A1E07; text-decoration: underline;}
#content .main .entry a:active {color: #445425; text-decoration: underline;}

#content .main .entry h1 {color:#3A1E07; font-size:1.55em; font-weight:bold; margin:5px 0 10px 0; line-height:1.1em;}
#content .main .entry h2 {color:#15771B; font-size:1.20em; font-weight:bold; margin:20px 0 15px 0; line-height:1.1em;}
#content .main .entry h3 {font-size:1.15em;font-weight:normal;margin:10px 0 5px 0;line-height:1.1em;}

#content .main .entry ul {list-style:square;margin-left:15px;margin-bottom:15px;}
#content .main .entry li {line-height:1.3em;margin-left:10px;list-style-position:inside;}

ul.list li {list-style:decimal;}
ul.list2 li {list-style:disc;}
ul.list3 li {list-style:lower-roman;}

/* ---------Home Page Styles--------*/

#home-page {margin:40px 5px 0 5px;padding:0;clear:both;}

#promo-box {background-color:#CFBD9F; border: 6px solid #7D644D; margin:5px 10px 0 10px; padding:10px; height:270px;}

#promo-box h1 {color:#3A1E07; margin:2px 0 5px 15px; font-size:1.85em; font-weight:bold; line-height:1.1em;}

#promo-box img {float:left;}

#content-box {width:290px;float:left;margin-left:20px;margin-top:-5px;font-size:0.95em;z-index:1}

#content-box .tab-content a:link {color: #0000ff; text-decoration: underline;}
#content-box .tab-content a:visited {color: #800080; text-decoration:underline;}
#content-box .tab-content a:hover {color: #15771B; text-decoration: underline;}
#content-box .tab-content a:active {color: #15771B; text-decoration: underline;}

#tabs, .tab-content {width: 290px;}

#tabs {margin: 0;padding: 0;list-style-type: none;min-height: 21px;z-index:2}

#tabs li { float: left;border: solid 1px #7D644D; border-bottom: 0; margin-right: 3px; cursor: pointer;width:31%;margin-bottom:-2px;}

#tabs li a {font-weight:bold; color: #3A1E07; display:block; background:#D9CCB2; padding: 2px 10px 4px 10px; text-decoration:none; height:14px;}
   
#tabs li a:hover { background-color: #F0EAD4;}

#tabs li.selected a { background-color: #ffffff; color: #3A1E07; border-bottom:1px solid #fff;}

#tabs li.selected a:hover { text-decoration:underline;}

.tab-content { margin: 0; padding: 2px 12px 5px 12px; border: solid 1px #7D644D; background-color:white;}

.tab-content p {margin:5px 0 5px 0;}

/*------sidebar-------*/
#home-page .side {float:right;width:210px;margin:35px 0 0 0;padding:5px 0 5px 0;}
.side {float:right;width:210px;margin:35px 0 20px 0;padding:5px;}

.side h3 {color:#3A1E07;font-size:1.4em;font-weight:bold;margin:0 0 5px 0;line-height:1.1em;}

.side h4 {color:#3A1E07; font-size:1.15em; font-weight:bold; margin:0 0 15px 0; padding-top:5px; line-height:1.1em;}
.side h4 a {color:#3A1E07; font-size:1.15em; font-weight:bold; margin:0 0 15px 0; padding-top:5px; line-height:1.1em; text-decoration:underline;}
.side h4 a:hover {color:#15771B;text-decoration:underline; }
.side h4 a:visited {color:#445425;text-decoration:underline; }

.side h5 {color:#8A6214;font-size:1.0em;font-weight:bold;margin:5px 0 15px 0;line-height:1.1em;}

.side img {margin:5px 0 0 0;border:3px solid #7D644D;}
.side p {margin-bottom:10px;}

.side ul {list-style:none;}
.side li {margin:5px 0 10px 0;font-weight:bold;1.15em}

.side #bookings {border:2px solid #7D644D; padding:10px 10px 0px 10px; margin: 5px 0 20px 0;background-color:#EBE0CA;text-align:center;}
.side #bookings h3 {font-weight: bold; font-size: 1.4em;color:#3A1E07;line-height:1.2em;}

.side a:link {color:#15771B; text-decoration: underline;}
.side a:visited {color: #445425; text-decoration: underline;}
.side a:hover {color: #3A1E07; text-decoration: underline;}
.side a:active {color: #445425; text-decoration: underline;}

#bookings ul {padding: 0;margin: 0 auto ;list-style: none;}

#bookings a {display: block;}

#bookings li.button a { background:url('images/contact-button.gif') top left no-repeat; margin:10px 0 5px 0; height:61px; width:176px; padding:61px 0 0 0; overflow:hidden; height: 0px !important; height /**/:60px; /* for IE5/Win only */ }

#bookings li.button a:hover {background-position: 0 -61px;}

/* ---------- Footer Styles -------- */

.base, .push {
	/*height: 171px; .push must be the same height as .footer */
	clear:both;z-index:-10;
}

.base {background: #C6B391 url('images/lasso-rope.gif') repeat-x; margin:25px 0 0 0: padding:5px 0 0 0;}

#end-of-the-trail {width:755px; margin: 0 auto; padding:25px 0 0 0; font-size:0.95em; line-height:2.4em;background: url('images/dude.gif') no-repeat center bottom  ;overflow:visible;height: 146px;}
#end-of-the-trail h3 {font-weight:bold;font-size:1.25em;margin-top:5px;}
#end-of-the-trail h3 a {color:#15771B;}
#end-of-the-trail h3 a:hover {color:#3A1E07;}
#end-of-the-trail h3 a:visited {color:#15771B;}
#end-of-the-trail p {color:#3A1E07;}
#end-of-the-trail img {margin-bottom:-8px; display:inline;}

/* ---------- Misc Styles -------- */

ol {
	list-style: circle;
	margin: 0 0 0 36px;line-height:125%;
}

ol.bigger {font-size:11pt;font-weight:bold;}

.pad {
	margin: 16px 10px;
}
small a {
	color: #0972cb;
}

/* ---------- Begin Images ------------ */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="right"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="center',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#content .main .entry img {margin-top: 5px; margin-bottom:5px;border:3px solid #7D644D;margin-right:12px;}

img.assoc {border:none;margin-left:3px;}

img.center {display: block;margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:5px;}

img.right {padding: 0;margin: 5px 0 5px 15px;display: inline;}

img.left {padding: 0;margin: 5px 15px 5px 0;display: inline;}
img.left2 {padding: 0;margin: 5px 15px 5px 0;display: block;}

.right {float: right;}

.left {float: left}

/* --------- WP styles ----------*/
#comment-stuff {width:488px;float:left;}

#comment-stuff h3 {font-style: italic;margin-top:25px;}

.older-newer {margin:20px 30px -20px 0;padding:0 0 20px 0;
font-size:0.9em;}

.older-newer a:link {color:#15771B; text-decoration: underline;}
.older-newer a:visited {color: #445425; text-decoration: underline;}
.older-newer a:hover {color: #3A1E07; text-decoration: underline;}
.older-newer a:active {color: #445425; text-decoration: underline;}

.postmeta {font-size:8pt;margin:0;padding:0;}
#left p.postdate {margin:-15px 0 0 0 ;padding:0;font-size:8pt;}

#left .entry {margin-top:30px;margin-bottom:25px;}

.commentlist {
	font-weight: normal;

	margin:10px 0 10px 0;
	}

.commentlist cite{
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	}


.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	margin:5px 0 5px 0;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: url('none');
	}

/* Begin Form Elements */


select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
width:400px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}

/* Begin Comments*/
.alt {margin: 0 0 8px 0;background-color:#F7F2DD;}

#comment-area {border-left: 3px solid #C5BFA1;margin:5px 10px 0 0;padding: 10px;background-color:#FBF9EE;}

.commentlist {padding: 0;text-align: justify;}

.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}

.commentlist p {margin:5px 0 5px 0;}

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

/* Begin Various Tags & Classes */

blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #C5BFA1;background-color:#FBF9EE;}

blockquote p {height: 1%;}

blockquote cite {margin: 0;display: block;}

.center {text-align: center;}

p.wp-caption-text {font-size:0.8em;color:#7D644D;padding-bottom:0.9em;margin-top:5px;}

hr {display: none;}

a img {border: none;}

table {border:1px solid #7D644D; padding:0;margin:0;width:100%;font-size:0.80em;border-collapse:collapse;}
tr {margin:0;padding:0}
tr.label {font-weight:bold;color:#15771B;}
tr.highlight {background-color:#EBE0CA;}
#content .main .entry td ul {margin:0;padding:0;list-style:disc;list-style-position:inside;}
#content .main .entry td ul li {margin:4px 0 4px 0;padding:0;}
td {border:1px solid #7D644D; padding:5px;}

table#rates tr td ul.table {margin:0 0 0 -50px;padding:0;}
table#rates tr td ul.table li {margin:0 0 8px 0;padding:0;}