/*  
Theme Name: Evergreen
Theme URI: http://bluemarblecreative.net
Description: Custom theme for Evergreen Education. Created by Blue Marble Creative of White Salmon, WA. Main Office Line: 509.493.2487. 
Version: 0.1
Author: Blue Marble Creative
Author URI: http://bluemarblecreative.net/
*/
body {
background: url(images/bg.jpg) top center no-repeat #897d69;
color:#333;
font-size:80%;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
margin:0;
padding:0
}

code {
font:1.1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
font-size:0.9em;
letter-spacing:.07em
}

.alignright {
float:right; padding: 0px 0px 20px 20px
}

.alignleft {
float:left; padding: 0px 20px 20px 0px
}


ul,li,ul li {
background:none;
list-style:none;
margin:0;
padding:0
}

a {
color:#4b6771;
text-decoration: underline;
}

a:hover {
color:#226;
text-decoration:underline
}

a img {
border:none
}

p img {
max-width:100%;
padding:0
}

cite {
font-size:1.4em;
font-weight:700
}



h1 {
font-size:2.5em;
font-weight:700;
text-align:left;
margin:0
}

h2 {
font-size:1.8em
}

h3 {
font-size:1.6em;
font-weight:700
}

h3#respond,h3#comments {
float:none;
font-weight:700
}

h4 {
font-size:1.6em;
font-weight:700;
font-style:italic
}

h5 {
font-size:1.3em;
color:#837865;
font-weight: 400;
}

h6 {
font-size:1.3em;
color:#837865;
font-weight: 400;
margin: 12px 0px 2px 0px;
}

h7 {
font-size:12px;
color:#837865;
font-weight: 400;
text-transform: uppercase;
margin: 18px 0px 0px 0px;
}

p {
margin:.5em 0;
font-size: 1.2em;
line-height: 1.5em;
}

p.metainfo {
color:#77b;
float:right;
font-size:1em;
margin-top:2.5em
}

img.centered {
display:block;
margin:0 auto
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px
}


/* ================================================================== STRUCTURE */

#pagewrap {
background: url(images/page-bg.png) 50% 0% repeat-y transparent;
width:100%;
}
#navtop {
background: url(images/nav-bg.png) 50% 0% no-repeat transparent;
width:100%;
margin:6px 0px 0px 0px;
height:10px;
padding:0px
}
#page {
background:url(images/content-bg.jpg) 0px 63px repeat-x #fff;
width:952px;
margin:0 auto;
padding:0;
min-height: 550px
}

#header {
height: 167px; 
margin:0px; 
padding:0px; 
background: url(images/header.png) top left repeat-x transparent;
}
#headerstuff {
width:952px;
margin:0 auto;
padding:0;
}
#headerstuff a.logo {
 float:left; width:265px; height: 144px;
}


#nav {
 background:#4B6772; height: 63px; 
}
#nav ul {
 margin:0px 0px 0px 47px; padding:0px; width: 900px; height: 63px;
}
#nav ul li {
margin:0px 30px 0px 0px; 
float:left; height: 63px; padding:0px;
}
#nav ul li a, #nav ul li a:visited {
color: #b7c2c6; 
font-size: 16px; 
font-weight: 300;
letter-spacing: .06em;
line-height:63px; width: auto;
padding: 18px 0px 15px 0px; 
border-bottom: 6px #4B6772 solid; text-transform: uppercase;
text-decoration: none;
 
}
#nav ul li a:hover, #nav ul li.current-cat a {
color: #fff; 
text-decoration:none;
border-bottom: 6px #f7f3e8 solid;
}
/* ================================================================= content */
#content {
 width: 515px; 
float: left; 
padding: 50px 20px 50px 65px

}

#contentfull {
width: 865px; 
padding: 30px 20px 50px 65px
}

#content h2, #contentfull h2 {
font-size:1.8em; 
line-height: 120%; 
padding: 0px 0px 5px 0px; 
margin:0px; font-weight:100;
color:#6b5c43;
}
/* ================================================================================================================== SIDEBAR */
#sidebar {
border-left:4px solid #D3CFC6;
float:right;
margin:50px 0px 50px 0px;
padding:0px;
width:328px; min-height: 250px;
}
#sidebarcontent {
margin: 0px 30px;
width: 268px;
padding:0px;
}
#sidebar h2 {
font-size:1.5em; 
line-height: 110%; 
padding: 0px 0px 5px 12px;  
font-weight:400;
margin:0px; 
color:#6b5c43;
}
#sidebar h3 {
font-size:1em;
font-weight: 100;
text-transform: uppercase;
line-height: 100%; 
padding: 0px 0px 5px 12px;
margin:0px; 
color:#6b5c43;
}

#sidebar h4 {
font-size:12px;
color:#837865;
font-weight: 400;
text-transform: uppercase;
margin: 18px 0px 0px 0px;
}

#sidebar ul.work, #sidebar ul.staff  {
 margin: 10px 0px 10px 0px;
}
#sidebar ul.work li, #sidebar ul.staff li {
color: #6b5c43; 
cursor:pointer; 
line-height:110%; 
margin-bottom: 20px; 
font-size:1.2em; 
font-weight: 100;
padding: 0px 0px 0px 12px
}
#sidebar ul.work li:hover, #sidebar ul.staff li:hover {
 color: #894530; cursor:pointer;
background: url(images/sidebarh2.png) 0px 6px no-repeat transparent;
}

#sidebar ul li.selected {
background: url(images/sidebarh2.png) 0px 6px no-repeat transparent;
color:#894530

}
#sidebar p {
padding: 10px 0px 10px 12px
}
.clear {
clear:both
}
#footertop {
background: url(images/footer-bg.png) 50% 0% no-repeat transparent;
width:100%; height:10px;
}
#footer {
 width: 952px; margin: 0px auto;
}

#footer p {
text-align:right;
margin:0px 0px;
padding:0px 0px 25px 0px; 
color:#efe9d8; 
font-weight: 300;
font-size: .9em;
}

.center {
text-align:center
}

.hidden, .hide {
display:none
}

div.home-featured-img {
  margin: 10px;
}
div.home-featured-img img {
 padding: 0px; margin: 0px; border-width: 0px;
}

a.home-featured-link {
 float: right; margin-right: 10px
}

/* ================================================================================================================== CONTENT AREA EXTRAS */

.columnlist {
	float: left;
	width: 220px;
	margin: 10px 60px 50px 0px;
}

.columnlist li {
	font-weight: bold;
	color: #847965;
	margin: 14px 0;
}

.columnlist2 {
	float: left;
	width: 220px;
	margin: 10px 30px 50px 0px;
}

.small {
	font-size: 1.1em;
	font-style: italic;
	margin-right: 10px;
}
div.work-nav {
 padding: 10px; text-align:right; width: 100px; float:right;
}
div.work-nav img {
 margin-left: 12px; cursor: pointer;
}