/*  
Theme Name: SRSC
Theme URI: http://wordpress.org/
Description: Theme for Skagit River System Cooperative
Version: Beta
Author: Eric Mickelson





/* Begin Typography & Colors */

body {
	background: #666 url('images/bg1.jpg') repeat-y top center;
	font:76% Verdana,Arial,Helvetica,sans-serif;	
      	margin: 0px auto;
	padding: 0px;
	line-height: 1.75em;
	}

#page {
	background-position: top center;
	background: #333;
	width: 845px;
	padding: 0px;
	margin: 0 auto;
	}

/*header divs */

#header_1 {
	position: relative;
	background: #FFF url('images/header_1.jpg') no-repeat center;
	width: 835px;
	height: 186px;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0px;
	}

#header_2 {
	position: relative;
	background: #FFF url('images/header_2.jpg') no-repeat center;
	width: 835px;
	height: 186px;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0px;
	}

#header_3 {
	position: relative;
	background: #FFF url('images/header_3.jpg') no-repeat center;
	width: 835px;
	height: 186px;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0px;
	}

#header_4 {
	position: relative;
	background: #FFF url('images/header_4.jpg') no-repeat center;
	width: 835px;
	height: 186px;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0px;
	}

#header_5 {
	position: relative;
	background: #FFF url('images/header_5.jpg') no-repeat center;
	width: 835px;
	height: 186px;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0px;
	}

#nav {
	position: relative;
	background: #FFF url('images/nav.gif') no-repeat center;
	width: 835px;
	height: 38px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	}

/* footer divs */

#foot	{
	position: relative;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	width: 835px;
	height: 80px;
	background: #633 url('images/footer.gif') no-repeat top center;
	overflow: hidden;
	}

#trailer {
	float: right;
	width: 625px;
	text-align: justify;
	background: transparent;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	}

#foot h3, #foot h3 a {
	color: #999;
	font: 12px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}

#foot i, #foot i a {
	color: #FFF;
	font: 10px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	}


#foot i a:hover {
	color: #633;
	font: 10px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	}


/* main navigation links
------------------------------------------------------------*/

ul#nav {
	position: relative;
        height: 38px;
        width: 835px;
        margin: 0 auto;
	padding: 0px;
	overflow: hidden;
        }

ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;
	list-style-type: none;	
	}

ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
        background:transparent url(images/nav.gif) no-repeat;
	}

li#home a {
	width:239px;
	height:38px;
	 } 

li#contact a {
	width:187px;
	height:38px;
	 }

li#directions a {
	width:187px;
	height:38px;
	 }	 

li#links a {
	width:222px;
	height:38px;
	 }	


li#home a:link, li#home a:visited {
	background-position: 0px -76px;
	}		 	 	 

li#home a:hover, li#home a:focus {
	background-position: 0px -38px;
	 }

li#contact a:link, li#contact a:visited {	
	background-position: -240px -76px;
	}

li#contact a:hover, li#contact a:focus {	
	background-position: -240px -38px;
	}

li#directions a:link, li#directions a:visited {	
	background-position: -426px -76px;
	}

li#directions a:hover, li#directions a:focus {	
	background-position: -426px -38px;
	}

li#links a:link, li#links a:visited {	
	background-position: -613px -76px;
	}

li#links a:hover, li#links a:focus {	
	background-position: -613px -38px;
	}



/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#welcome_page ul#nav li#home a {
	background-position: 0px 0px;
	}

body#contact_page ul#nav li#contact a {
	background-position: -240px 0px;
	}

body#directions_page ul#nav li#directions a {
	background-position: -426px 0px;
	}

body#links_page ul#nav li#links a {
	background-position: -613px 0px;
	}



/* sidebar navigation
-------------------------------------------------------------------*/

body#environmentalservices_page div#sidebar li#e_services a {
	color: #633;
	text-decoration: none;
	}

body#salmonrecovery_page div#sidebar li#salmon_rec a {
	color: #633;
	text-decoration: none;
	}

body#research_page div#sidebar li#research a {
	color: #633;
	text-decoration: none;
	}

body#restoration_page div#sidebar li#restoration a {
	color: #633;
	text-decoration: none;
	}

body#timberfishandwildlife_page div#sidebar li#timber a {
	color: #633;
	text-decoration: none;
	}

body#administration_page div#sidebar li#admin a {
	color: #633;
	text-decoration: none;
	}

body#documents_page div#sidebar li#srsc_docs a {
	color: #633;
	text-decoration: none;
	}

body#employmentopportunities_page div#sidebar li#employ_opps a {
	color: #633;
	text-decoration: none;
	}



/* main content divs

--------------------------------------------------------------------*/

#wrapper {
	position: relative;
	background: transparent;
	width: 835px;
	padding: 0px;
	margin: 0;
	}

#main {
	position: relative;
	background: #FFF url('images/main_bg.gif') repeat-y top center;
	width: 835px;
	padding-bottom: 20px;
	margin: 0 auto;
	overflow: hidden;
	}


#sidebar {
	float: left;
	width:	170px;
	padding: 0px;
	margin: 0 auto;
	}
	

#content {
	float:left;
	background: transparent;
	width: 595px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	text-align:justify;
	}

#mapbox {
	position: relative;
	top: 0px;
	}

/* sidebar */

#sidebar div {
	position:relative;
	width: 150px;
	padding-left: 21px;
	margin: 0px;
	}

#sidebar h2 {
	color: #FFF;
	font: 15px strong Arial,Verdana,Helvetica;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	}
		
#sidebar ul, #sidebar ol {
	color: #369;
	list-style: none;
	text-indent: 0px;
	margin: 0px;
	padding: 6px;
	}
		
#sidebar li, #sidebar li:hover {
	font: normal 10px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-bottom: 20px;
	padding: 0;
	line-height: 1.25em;
		}
#sidebar a {
	color: #FFF;
	font: 16px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;	
	text-decoration: none;
	line-height: 1.25em;
	letter-spacing: 0.05em;
	margin: 0px;
	padding: 0px;
	font-variant: small-caps;
	}
		
#sidebar a:hover {
	background: transparent;
	color: #366;
	text-decoration: none;
	}

#sidebar a:active {
	background: transparent;
	color: #633;
	text-decoration: none;
	}

/* Search */

#searchform {
	position: relative;
	width: 144px;
	height: 60px;
	padding-top:5px;
	padding-bottom:5px;
	margin: 2px;
	background: #666;
	}

.text {
	position: relative;
	top: 15px;
	border: 3px solid #633;
	font-size: 12px;
	margin-left: 3px;
	padding: 2px;
	width: 90px;
	height:15px;
	}

.button {
	position: relative;
	top:17px;
	border: none;
	color: #FFF;
	background-color: #633;
	font-size: 12px;
	padding: 3px;
	margin: 0px;
	width 20px;
	height: 22px;
	}

#searchresults h2, #searchresults h2 a{
	color: #366;
	font: 25px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}

#searchresults h2 a:hover{
	color: #633;
	font: 25px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}

#searchresults big, #searchresults big a {
	color: #633;
	font: 18px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	}

#searchresults big a:hover {
	color: #633;
	font: 18px bold italic "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	border-bottom: 1px dotted #633;
	font-variant: small-caps;
	text-decoration: none;
	}

#searchresults form {
	background: transparent;
	}	

/* content  */


.post h2, .post h2 a{
	color: #366;
	font: 25px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}

.post h2 a:hover{
	color: #633;
	font: 25px "Georgia","Garamond",Arial,Verdana,Helvetica,sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}	

.post a {
	background: transparent;
	color: #066;
	text-decoration: none;
	font-weight: bold;
	}

.post a:hover {
	background: transparent;
	color: #066;
	text-decoration: none;
	border-bottom: 1px dotted #066;
	font-weight: bold;
	}

#docmaps #docmaps ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#docmaps li {
	float: left;
	width: 10em;
	}

#docmaps li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#docmaps li:hover ul {
	left: auto;
	}

img 	{
	border: 5px solid #633;
	padding: 0px;
	background: #FFF;
	display: block;
	}

iframe	{
	position: relative;
	border: 5px solid #633;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	display: block;
	}

blockquote {
	background: transparent;
	border:none;
	padding:10px 50px 0px 50px;
	margin: 0px 1em 1em 1em;
	} /* Idea from ShadedGrey of http://wpthemes.info/ */

a {
	color: #366;
	text-decoration: none;
	}

a:hover {
	background: transparent;
	color: #633;
	}