/*
Theme Name: Spring Mountain Ranch
Theme URI: http://springmountainranch.com
*/

/* -----     Reset   -------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*---------------------------
   
 Layout

----------------------------*/
.m-fix {color:#FF287F; font-size:20px; margin 30px;}
body 
{
background:#EBE3D6 url(/i/bg.jpg) repeat-x top left fixed;
font: normal 14px/1.6em Arial, Helvetica, sans-serif;
color:#333;
}
#wrap
{
width:780px;
margin:0 auto;
}
#content {float:left; background:#EBE3D6;}
#image {float:left; margin: 20px 0 0 18px; width:746px; height:220px;}
#copy {float:left; clear:left; margin: 10px 0 0 18px; width:500px;padding-bottom:20px;}
#copy-page {float:left; clear:left; margin: 10px 0 0 24px; width:730px;padding-bottom:20px;}
#side {float:left; margin: 40px 0 0 35px; width:210px; padding-bottom:20px; }

/*---------------------------
   
 Head 
----------------------------*/
#head
{
width:780px;
height:110px;
float:left;
position:relative;
}
#logo
{
width:636px;
height:83px;
margin:14px 0 0 20px;
}
#logo a
{
width:636px;
height:83px;
display:block;
background:transparent url(/i/bg-logo.gif) no-repeat 0 0;
}
/*---------------------------  
 Nav 
----------------------------*/
#nav, #nav ul
{
width:780px;
height:36px;
background: #4F4F2F;
list-style: none;
margin:0;
padding:0;
float:left;
}

#nav li { float: left; }
#nav li ul
{
position: absolute;
left: -12345px;
}
#nav a 
{
display: block;
height: 36px;
text-indent: -123456px;
overflow: hidden;
}
#nav a:hover, 
body#about li#nav-about a,
body#news li#nav-news a,
body#calender li#nav-calender a,
body#projects li#nav-projects a,
body#hoadues li#nav-hoadues a,
body#committees li#nav-committees a,
body#links li#nav-links a
{background-position: 0 -36px;}

li#nav-about a {width:104px; background: transparent url(/i/nav-about.gif);}
li#nav-news a {width:166px; background:transparent url(/i/nav-news.gif);}
li#nav-calender a {width:95px; background: transparent url(/i/nav-calender.gif);}
li#nav-projects a {width:97px; background:transparent url(/i/nav-projects.gif);}
li#nav-hoadues a {width:133px; background:transparent url(/i/nav-hoadues.gif);}
li#nav-committees a {width:111px; background:transparent url(/i/nav-committees.gif);}
li#nav-links a {width:74px; background:transparent url(/i/nav-links.gif);}

li#nav-about ul {width:104px;}
li#nav-calender ul {width:95px;}
li#nav-projects ul {width:97px;}
li#nav-hoadues ul {width:133px;}
li#nav-committees ul {width:95px;}

#nav li ul li {height:auto;padding:0;}
#nav li ul li a 
{
display: block;
height: auto;
padding: 10px 6px;
background: #504D2F; color: #fff;
text-align:center;
text-indent: 0;
text-decoration: none;
border-bottom: 1px solid #fff;
position: relative;
font:normal 12px Arial, Helvitica;
}
#nav li ul li a.bottom {border-bottom:1px solid #1D556C;}
#nav li ul a:hover 
{
background: #fff; color: #504D2F;
}
#nav li ul 
{
position: absolute;
left: -12345px;
z-index: 200000;
}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover, #nav li.hover {position: static;}

/*---------------------------
   
 Type 
----------------------------*/
h1 {font: normal 26px Georgia, Times, "Times New Roman";letter-spacing:-1px; margin:20px 0; color:#8F1711;}
h2 {font-size:20px;margin:10px 0;letter-spacing:-1px; color:#555819;}
h3 {font-size:15px;font-weight:bold; margin:10px 0; text-transform:uppercase;letter-spacing:.5px; color:#3F350C; }
h4 {font-size:14px;font-weight:bold; margin:10px 0; color:#444; }
h5 {font-size:13px;font-weight:bold; margin:10px 0; color:#666; }
h6 {font-size:11px;font-weight:bold; margin:10px 0; color:#111; }
p {margin:10px 0; }
strong{font-weight:bold;}
.c {text-align:center;}
p.intro {font-size:18px; line-height:30px;letter-spacing:.8px; margin:20px 0}
.boo
 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .boo { letter-spacing : normal;  text-indent : -999em; overflow : hidden;}
/* End of hack */

/* Linkage Styles
----------------------------------------------------------*/
a, a:link, a:visited    { color: #914341; text-decoration:underline; }
a:hover, a:active   { color: #555; text-decoration:none; }

/* Page Styles
----------------------------------------------------------*/
ol.olist {list-style-position: inside;list-style-type: decimal;
}
.olist li {margin:13px 5px;}
ul {margin:5px 0 0 10px;color:#111; }
ul.ul-list {margin:15px 0 15px 40px; line-height:1.8em;}
ul.newsletter {margin:0 0 0 30px; }
.newsletter li {padding:0 0 0 4px; line-height:1.8em; list-style-image:url(/i/pdf-small.gif)}
table#minutes{width:730px;}
#minutes td {vertical-align:top;width:25%;}

.post-meta {font-size:12px; margin:20px; color:#666;}
.post-time {font-size:11px; margin:0; color:#444;}
#side .post h2 a {font-size:14px; text-transform:uppercase;font-weight:bold;color:#A42C27;}
#side .post p.post-time {font-size:12px; margin:0;}
#side .post p.post-tags {font-size:11px; margin:6px 0;}

#home-blog h2, #home-blog p {margin:0;}

div#author a {color:#6A694B; text-decoration:none;}
div#author a:hover {color:#5F5D35;}
div#author {text-align:center;float:left;width:760px;margin:40px auto 10px auto;color:#6A694B;font:11px Arial, Verdana;} 
/* Mail List 
----------------------------------------------------------*/
#side-email h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #504D2F;letter-spacing:1px!important; margin:0; }
.kidding {font-size:9px; color:#5389BF;line-height: 1.1em;}
.imginline{float:left; margin:0 6px 0 0;}
#maillist p
{
margin:1px 0; color:#555; font-size:12px;
}
#maillist input
{
width:180px;
height:12px;
color:#555;
}
#maillist input#submit
{
width:180px;
height:20px;
color:#333;
}
#maillist select
{
width:180px;
margin:8px 0;
color:#555;
}