/*  
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}
a img {border: none}
#screen {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto 0 auto}

/* 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;line-height: 1}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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 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}
#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}

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}