/*
Theme Name: Conservation
Theme URI: http://bluemarblecreative.net
Description: Custom theme for Conservation Impact. 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/
*/

/* 
burgandy: #91413a
olive: #847b31
purple: #5f4a5b
gold: #d6bd35
orange: #d69f35
navy: #004261
grey: #4D4D4F
*/

body {
background: #91413a;
color:#000;
font-family: Helvetica, Arial, sans-serif;
margin:0;
padding:0px;
font-weight: normal;
}



.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-bottom:10px;
padding:0
}

a {
color: #91413a;
text-decoration: underline;
}

a:hover {
color:#004261;
text-decoration: underline;
}
a:focus {
 outline: none;
}
a img {
border:none
}

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

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



h1 {
font-size:2em;
line-height: 1.8em;
font-weight:normal;
text-align:left;
color: #004261;
margin:0
}
.clear {
clear:both
}


h2 {
font-size:1.8em
}

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

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

h4 {
font-size:1.6em;
font-weight:normal;
}

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 10px 1.1em 0;
font-size: .9em;
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
}

img.shadowbox {
margin: 0;
padding: 0;
text-align: center;
}

img.aligncentered {
padding:0 0 2px 20px;
}

/* ================================================================================= HEADER */

#wrapper{
 background: url(images/bg.jpg) top left repeat-y transparent;
 width: 1007px; margin: 0px auto;
 border-right: 2px #fff solid; 
 border-left: 2px #fff solid;
}
#pagewrap {
 width: 980px; 
}
#header {
height: 189px;
margin:0px;
padding:0px;
background: url(images/header.jpg) top left no-repeat transparent;
width: 100%
}

#header a.logo {
float:left;
margin-left:480px;
margin-top:90px;
width:385px;
height: 79px;
}


/* ================================================================================= SIDEBAR */
#sidebar {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:143px;
background: url(images/sidebar-bg.jpg) top right no-repeat transparent;
min-height: 400px;
}

#sidebar ul, #sidebar ul li   {
 margin: 0px;
}
#sidebar ul {
width: 143px;
}

#sidebar ul li a {
cursor:pointer;
line-height:120%;
margin-bottom: 20px;
font-size:1em;
font-weight: normal;
padding: 0px 25px 0px 15px;
display: block;
float: none;
text-align:right;
text-transform: lowercase;
color: #4D4D4F;
width: 102px;
text-decoration: none;
}

#sidebar ul li.current-cat a, #sidebar ul li.current-cat-parent a, #sidebar ul li a:hover {
   background: url(images/nav-selected.png) 125px 8px no-repeat transparent;
   text-decoration: none;
}



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

#content {
width:795px;
float: left;
padding: 0px 20px 30px 20px; 
min-height: 675px
}

#content h1 {
font-size: 1.6em;
line-height: 120%;
padding: 0 0 5px 0;
}

#content h2 {
font-size:1.3em;
line-height: 150%;
padding: 3px 0px 0px 0px;
margin:0px; 
font-weight:normal;
color:#004261;
}

#content h3 {
font-size: 1.1em;
line-height: 140%;
color:#004261;
font-weight: normal;
padding: 0;
margin: 5px 0 3px 0;
}

#subnav {
 float:left;
 width: 210px;
 border-right: 1px #ada694 solid;
 min-height: 500px
}
#subnav img.servicegraphic {
 border-bottom: 1px #ada694 solid;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
#subnav h3 a {
display: block;
float: none;
color:#847b31;
margin-bottom: 15px;
font-size: .9em;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}


#subnav a {
display: block;
float: none;
color:#004261;
margin: 0 15px 20px 0; 
font-size: .9em;
font-weight: normal;
text-decoration: none;
line-height: 1em;
}


#subnav a:hover, #subnav a.selected {
color:#91413a;
text-decoration: none;
background:url(images/subnav-link.gif) 96% 50% no-repeat;
}
#subnav h3 a:hover {
 color:#91413a;
text-decoration: none;
background: none top left no-repeat;
}

#subnavlink-296, #subnavlink-294, #subnavlink-292, #subnavlink-274, #subnavlink-489 {
 font-size:.9em; padding-left: 20px;
}

.subnavclient {
text-transform: uppercase;
font-size: .9em;
color: #91413a;
margin-bottom: 10px;
}

.subnavclientspace {
height: 20px;
}

div.post {
 float: left;
 padding: 0px 20px;
 width: 800px
}
div.smallpost, div.smallmainpost {
 float: left;
 padding: 0px 20px;
 width: 544px;
}

/* ================================================================= footer */

#footer {
width: 100%;
margin: 0px 0px 0px 0px;
height: 67px;
background: url(images/footer.jpg) 0px 0px no-repeat transparent;
background-color: #91413a;
}

#footer p.company {
text-align: left;
margin:0px 0px 0px 30px;
padding:5px 0px 0px 0px;
color:#28292a;
font-weight: normal;
font-size: .85em;
}

#footer .companysmall {
font-size: .7em;
}

#footer p.date {
text-align: left;
margin: 8px 0px 0px 890px;
padding:0px 0px 0px 0px;
color:#fff;
font-weight: normal;
font-size: .6em;
}

.sitemap {
float: left;
height: 10px;
color: #fff;
font-size: .9em;
padding: 3px 0 0 25px;
}

/* ================================================================= general */

.center {
text-align:center
}

.hidden, .hide {
display:none
}

.clearfloats {
clear: both;
font-size: 1px;
line-height: 1px;
}

/* ================================================================= inside content style */

#shadowbox {
background: url(images/shadowbox.jpg) repeat-y;
}

#shadowboxcontent {
padding: 0px 20px;
}

#shadowboxtop {
background: url(images/shadowbox-top.jpg);
width: 540px;
height: 13px;
}

#shadowboxbottom {
background: url(images/shadowbox-bttm.jpg);
width: 540px;
height: 13px;
}

#shadowboxsm {
background: url(images/shadowboxsmall.jpg) repeat-y;
}

#shadowboxsmcontent {
padding: 10px 20px;
width: 500px;
}

#rightbar {
float:right;
width: 200px;
}

/* ====================== regular lists */

#content ul {
padding: 0 0 0 10px;
}

#content li {
list-style-position: outside;
list-style-type: none;
font-size: .9em;
line-height: 1.5em;
padding: 0 0 3px 12px;
background: url(images/nav-selected.png) 0px 7px no-repeat transparent;

}

/* ============= big homepage list */

.twocolumnlist {
font-size: 1.4em;
line-height: 1.6em;
margin: 10px 40px 20px 0px;
color: #847b31;
}

#content .biglist ul {
list-style-type: none;
}

#content .biglist li {
background: url(images/bullet-big.png) 20px 10px no-repeat transparent;
padding: 0px 10px 10px 40px;
}

/* =============== three homepage features */

#outlinebox {
border: 1px solid #ada694;
width: 755px;
}

#outlinebox img {
margin: 0 8px;
}

#outlinebox .feature {
width: 250px;
margin: 12px 0px 0px 0px;
border-right: 1px solid #ada694;
float: left;
min-height: 348px;
}

#outlinebox .feature3 {
width: 250px;
margin: 12px 0px 0px 0px;
border: none;
float: left;
}

#outlinebox h2 {
padding: 4px 14px 0px 14px;
}

#outlinebox p {
padding: 0px 14px 0px 14px;
}

#outlinebox p.link {
text-align: right;
font-size: .8em;
}

#featureimage {
min-height: 200px;
}

/* === impact statemetns and bio page formatting === */

.biopage h1  {
text-transform: uppercase;
color: #004261;
font-size: .9em !important;
padding: 10px 0 0 0px !important;
margin: 0;
font-weight: normal;
}

.biopage li {
padding-bottom: 10px !important;
}


.rightcol {
width: 203px;
margin: 0 20px;
}

.rightcolbox {
background: url(images/shadowboxrightcol.jpg) repeat-y;
width: 203px;
float: right;
margin:  0 0 20px 20px;

}

.rightcolboxtop {
background: url(images/shadowboxrightcol-top.jpg) top left no-repeat;
width: 203px;
height: 11px;
margin: 0;
padding: 0;
}

.rightcolboxbottom {
background: url(images/shadowboxrightcol-bttm.jpg) no-repeat;
width: 203px;
height: 11px;
margin: 0;
padding: 0;
}

.rightcolboxcontent {
padding: 10px 10px 0 10px;
margin: 0 10px;
}

.rightcolboxcontent p {
font-size: .85em;
line-height: 1.3em;
padding: 0;
}

p.mission {
font-style: italic;
font-size: .8em !important;
}

.rightcolboxcontent h1 {
font-size: .9em !important;
text-transform: uppercase;
color: #004261;
padding: 10px 0 0 0 !important;
}

.quote {
background: url(images/impactsidebar-sm.jpg) top left no-repeat transparent;
min-height: 100px;
font-size: 1.2em;
line-height: 1.2em;
color: #004261;
padding: 10px 0 0 20px;
margin-bottom: 5px;
}

.quoteattribute {
font-size: .8em;
text-align: right;

}


#shadowboxbio {
background: url(images/shadowbox.jpg) repeat-y;
width: 540px;
padding: 0;
margin: 0 0 20px 0;
}

#shadowboxbiotop {
background: url(images/shadowbox-top.jpg) top left no-repeat;
width: 540px;
height: 13px;
margin: 0;
padding: 0;
}

#shadowboxbiobottom {
background: url(images/shadowbox-bttm.jpg) no-repeat;
width: 540px;
height: 13px;
margin: 0;
padding: 0;
}


#shadowboxbiocontent {
padding: 0px 20px 0 20px;
}

#shadowboxbiocontent h1 {
text-transform: uppercase;
color: #847b31;
font-size: .9em;
margin: 0;
font-weight: normal;
}

.smallpost p, .smallmainpost p {
font-size: .9em;
line-height: 1.3em;
}


/* ============= what we bring list */
.biglist2 {
font-size: 1.2em;
line-height: 1.6em;
}

#content .biglist2 ul {
list-style-type: none;
}

#content .biglist2 li {
background: url(images/bullet-big.png) 20px 13px no-repeat transparent;
padding: 0px 20px 0px 40px;
}

#content .biglist2 p {
margin-top: 0px;
margin-bottom: 6px;
}

#content .biglist2 h3 {
font-size: 1em;
color:#004261;
font-weight: normal;
padding: 0;
margin: 0px 0px 3px 0px;
}


/* ======== services pages styles */
#focusgraphic {
float: left;
width: 200px;
}

#focusarea {
margin-bottom: 0px;
}

#focusimpact p.focusdescrip {
font-size: 1.4em;
line-height: 1.2em;
color: #91413a;
}

#focusimpact {
float:right;
background: url(images/impactsidebar-red.gif) top left no-repeat transparent;
width: 380px;
margin: 0;
padding: 0 0 0 30px;
}

#focusarea p.header {
text-transform:uppercase;
color:#91413a;
font-size: 1.1em;
margin: 0;
padding: 0;
}

#focusarea p.body {
font-size: .9em;
}

#focusarea p.readmore {
text-align: right;
font-size: .8em;
}

#focusareab .arrow {
font-size: .7em;
}

#focusareab {
margin-bottom: 0px;
}

#focusimpactb p.focusdescrip {
font-size: 1.4em;
line-height: 1.2em;
color: #004261;
}

#focusimpactb {
float:right;
background: url(images/impactsidebar-blue.gif) top left no-repeat transparent;
width: 350px;
margin: 0;
padding: 0 0 0 30px;
}

#focusareab p.header {
text-transform:uppercase;
color:#91413a;
font-size: 1.1em;
margin: 0;
padding: 0;
}

#focusareab p.body {
font-size: .9em;
}

#focusareab p.readmore {
text-align: right;
font-size: .8em;
}

#focusareab .arrow {
font-size: .7em;
}

#focusareag {
margin-bottom: 20px;
}

#focusimpactg p.focusdescrip {
font-size: 1.4em;
line-height: 1.2em;
color: #847b31;
}

#focusimpactg {
float:right;
background: url(images/impactsidebar-green.gif) top left no-repeat transparent;
width: 365px;
margin: 0;
padding: 0 0 0 30px;
}

#focusareag p.header {
text-transform:uppercase;
color:#91413a;
font-size: 1.1em;
margin: 0;
padding: 0;
}

#focusareag p.body {
font-size: .9em;
}

#focusareag p.readmore {
text-align: right;
font-size: .8em;
}

#focusareag .arrow {
font-size: .7em;
}

.smallhyper {
font-size: .85em;
text-decoration: none;
padding-left: 8px;
}
/* =========================== clients ============================== */

.client {
font-size: .7em;
}

.backtotop {
text-align: right;
font-size: .7em !important;
}

.smallital {
font-size: .7em;
font-style: italic;
}

.ternav {
font-size: 1.2em !important;
}

/* === supporting materials === */

#supportmaterials p {
padding: 0 0 2px 70px;
font-size: .8em;
line-height: 1.3em;
}

#supportmaterials a {
font-size: .8em;
line-height: 1.3em;
text-decoration: none;
}

#supportmaterials h4 {
margin: 0;
padding: 0 0 0 50px;
font-size: .9em;
color: #004261;
}

/* === contact us boxes === */
.emailbox {
border: 1px solid #004261;
width: 300px;
margin-top: 5px;
padding: 3px 0 0 10px;

}

table .emailbox {
margin-bottom: 5px;
width: 300px;
}

.emailboxtext {
font-size:1.2em; 
padding: 0 0 0 5px;
margin: 0;
font-weight: normal;
color: #004261;
}
.emailboxtext a {
text-decoration: none;
}

.emailboxtextsmall {
font-size: .8em;
}

#safesubscribe {
margin: 0;
padding: 0 0 5px 10px;
}

#sister {
width: 600px;
margin-top: 30px;
}

#sister p {
font-size: .95em ;
line-height: 1.3em;
}

.rightcolcontact {
float: right;
width: 380px;
background: url(images/shadowboxrightcolcontact.jpg) repeat-y;
min-height: 300px;
padding: 0;
margin: 0 30px;
}

.rightcolcontacttop {
background: url(images/shadowboxrightcolcontact-top.jpg) repeat-y;
width: 380px;
height: 17px;
}

.rightcolcontactbottom {
background: url(images/shadowboxrightcolcontact-bttm.jpg) repeat-y;
width: 380px;
height: 17px;
}

.rightcolcontactcontent {
padding: 10px 0 10px 27px;
width: 350px;
}

.rightcolcontactcontent p {
padding: 10px 20px 0 0;
margin: 0;
font-size: .8em;
}


#ClientTable {
 width: 100%; border-width: 0px; font-size:.9em
}

#ClientTable td.cell2, #ClientTable td.cell3, #ClientTable td.cell4 {
 display:none;
}
div.hiddenexcerpt {
 display:none
}

#company-excerpt p {
border-top: 1px solid #ada694;
font-size: 1.1em;
line-height: 1.2em;
color: #004261;
padding-top: 10px;
}

hr {
color: #ada694;
}

.goback {
font-size: .8em;
}

/* ===== site map ===== */
#sitemap h2 {
font-size: 1.3em;
margin: 0px 0 0 0;
text-decoration: none;
}

#sitemap h3 {
font-size: 1em;
margin: 2px 0 0px 10px;
}

#sitemap h4 {
font-size: .8em;
margin: 2px 0 0px 30px;
padding: 0;
text-transform: uppercase;
}


#sitemap li {
margin: 0 0 0 20px;
}

#sitemap h2 a, #sitemap h3 a, #sitemap li a {
color: #004261;
text-decoration: none;
}

#sitemap h2 a:focus, #sitemap h2 a:hover, #sitemap h3 a:focus, #sitemap h3 a:hover {
color:#91413a;
}

#sitemap li a {
color: #42678A;
}