@import url("../css/global.css");

#container {
	background: url(../gfx/grunge_lower_faded.jpg) no-repeat 100% 420px;
}

#contentarea {
	padding: 60px 0 25px 0;
	background: url(../gfx/grunge_top.jpg) no-repeat 95% 0;
}

#primary {
	background: url(../gfx/grunge_lower_faded.jpg) no-repeat 0 85%;
}

body#media #primary, body#resources #primary, body#blog #primary, body.resources #primary {
	float: left;
	width: 75%;
}
body#media #secondary, body#resources #secondary, body#blog #secondary, body.resources #secondary {
	float: right;
	width: 20%;
	padding: 10px;
	background: #fff;
}
body#blog #secondary, body#media.main #secondary, body#resources #secondary {
	margin: 25px 0 0 0;
}
body#blog #primary form {
	width: 420px;
}
body#blog #primary form p {
	padding: 5px 0;
}
body#blog #primary p.instructions {
	margin: 0 0 15px;
}

body#blog .article {
	padding: 0 0 15px;
}
body#blog .article .posted {
	padding: 0 0 15px;
	color: #87BCA6;
	font-size: 14px;
	text-transform: uppercase;
}
body#media .article .posted {
	padding: 0 0 15px;
	font-size: 14px;
	text-transform: uppercase;
}
body#blog #primary .article p,
body#media #primary .article p {
	margin: 0 0 15px
}
body#media #primary .article a,
body#blog #primary .article a,
body#downloads #primary .body a,
body#downloads .more a {
	color: #C28665;
}
body#media #primary .article a:hover,
body#blog #primary .article a:hover,
body#downloads #primary .body a:hover,
body#downloads .more a:hover {
	color: #003B55;
}
body#downloads #primary .body ul li {
	margin: 0 0 5px 20px;
	list-style: disc;
}
#primary .body ol {
	margin: 15px 0;
}
#primary .body ol li {
	list-style: decimal;
	margin: 0 0 5px 40px;
}
#primary h3.comments {
	border-top: 5px solid #EDDABA;
	font-size: 18px;
	padding: 15px 0 0 0;
}
#primary .entry h4, #primary .article h4 {
	font-size: 14px;
	color: #C28665;
	font-weight: bold;
	margin: 0 0 15px;
}

body#blog #primary .article a,
#primary ul.commentList a  {
	color: #003B55;
	text-decoration: underline;
}
body#blog #primary .article a:hover,
#primary ul.commentList a:hover {
	color: #59A2BC;
}

#primary .article .photo {
	padding: 0 0 15px;
}
#contentarea .blogList h3 {
	font-size: 16px;
}
#contentarea .blogList .photo img {
	float: left;
	margin: 0 15px 10px 0;
}
#contentarea .photo {
	position: relative;
}
#contentarea .photo .credit {
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #eee;
	font-size: 10px;
}

body#blog #primary ul.socialBookmarks li {
	display: inline;
	padding: 0 8px 0 0;
	font-size: 11px;
}
body#blog #primary ul.socialBookmarks li a {
	text-decoration: none;
	color: #59A2BC;
}
body#blog #primary ul.socialBookmarks li a:hover {
	color: #003B55;
}
#primary .commentList {
	margin: 15px 0 30px;
	border-bottom: 1px solid #EDDABA;
}
#primary .commentList h5 {
	border-top: 1px solid #EDDABA;
	border-bottom: 1px dashed #EDDABA;
	padding: 8px 0;
	margin: 0 0 8px;
}
#primary .commentList .date,
#primary .commentList .author {
	font-weight: bold;
}
#primary .commentList .postinfo {
	float: left;
	width: 60%;
	display: block;
	font-size: 11px;
	color: #999;
}
#primary .commentList .perma {
	font-size: 11px;
	display: block;
	float: right;
	width: 80px;
}
#primary .commentList .comment {
	color: #3C522D;
	padding: 0 100px 0 0;
}
#primary .commentList li {
	margin: 0 0 15px;
	padding: 0 0 15px;
}

#contentarea .intro h1,
#contentarea .article h1 {
	font-size: 34px;
	margin: 0 0 10px;
	font-weight: bold;
}
#contentarea .article h1 {
	margin: 30px 0 10px;
}
#contentarea .intro {
	padding: 30px 0 15px 0;
	margin: 0 0 30px;
	border-bottom: 1px solid #EDDABA;
	border-top: 1px solid #EDDABA;
}

/* --- | Resources | --- */
#primary ul.resources li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #EDDABA;
	position: relative;
}
#primary .resources h3 a {
	color: #B3612A;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 12px;
	font-style: italic;
	text-decoration: none;
}
#primary .resources h3 a:hover {
	color: #DFA154;
}
#primary .resources h3 a strong {
	font-size: 16px;
	font-style: normal;
	color: #884B2A;
}
#primary .resources h3 a:hover strong {
	color: #DFA154;
}
#primary ul.resources li p.url {
	font-size: 11px;
	text-transform: uppercase;
}
#primary ul.resources li p.url  a {
	display: block;
	padding: 3px 5px;
	width: 120px;
	background: #DFA154; 	
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#primary ul.resources li p.url a:hover {
	background: #4389CC;
	color: #fff;
}

#screenshot{
	position:absolute;
	border:1px solid #fff;
	background:#B3612A;
	padding:5px;
	display:none;
	color:#fff;
	}

/* ---| Reports | --- */
#primary ul.reports li {
	float: left;
	width: 288px;
	margin: 0 15px 15px 0;
	padding: 15px 15px 30px;
	height: 264px;
	background: #fff;
	border: 1px solid #EDDABA;
	position: relative;
}
#primary ul.reports li.odd {
	background: #F3E9D2;
}
#primary ul.reports li.last {
	margin: 0 0 15px;
}
#primary .reports h3 {
	color: #B3612A;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 12px;
	font-style: italic;
}
#primary .reports h3 strong {
	font-size: 16px;
	font-style: normal;
	color: #884B2A;
}
#primary .reports img {
	margin: 0 0 2px 15px;
	float: right;
}
#primary .reports .authors, #primary .reports .published {
	font-size: 11px;
	line-height: 1.2em;
}
#primary .reports .published {
	margin: 4px 0 0 0;
}
#primary .reports .summary {
	margin: 0 0 12px 0;
	line-height: 1.2em;
	color: #989985;
}
#primary .reports .report {
	margin: 15px 0 0 0;
	width: 40%;
	font-size: 11px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#primary .reports .report a {
	display: block;
	padding: 3px 5px;
	background: #DFA154;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#primary .reports .report a:hover {
	background: #4389CC; 
	color: #fff;
}

#primary #intro {
	height: 300px;
}
#primary #intro .photo {
	float: left;
	width: 400px;
}
#primary #intro .description {
	float: right;
	width: 526px;
	padding: 50px 25px 25px 0;
}
#primary #fullarticle {
	clear: both;
	padding: 25px 0 0 0;
}
#primary #fullarticle .col_B p {
	margin: 0 0 15px;
	line-height: 1.4em;
}
#primary .article .btn {
	height: 52px;
	width: 366px;
	text-indent: -999em;
}
#primary .article .next {
	height: 52px;
	line-height: 52px;
	font-size: 14px;
}
#primary #fullarticle blockquote {
	margin: 60px 0 25px 68px;
	padding: 34px 0 0 0;
	text-align: right;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
}
#primary #nextarticle {
	clear: both;
}
#primary .article .col_A {
	float: left;
	width: 366px;
}
#primary .article .col_B {
	float: right;
	width: 556px;
	padding: 0 34px 0 0;
}

#primary .col_1 {
	float: left;
	width: 48%;
}
#primary .col_2 {
	float: right;
	width: 48%;
}

/* -------- bc's species -------- */
#intro h1 {
	font-size: 34px;
	margin: 0 0 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#intro h2 {
	font-size: 18px;
	margin: 0 0 20px;
	font-weight: bold;
	line-height: 1.2em;
}
#intro p {
	margin: 0 0 15px;
	line-height: 1.4em;
}
body#privacy_policy #primary p {
	margin: 0 0 15px;
}

body#sitemap #primary a,
body#feeds #primary a {
	color: #865021;
}
body#sitemap #primary a:hover,
body#feeds #primary a:hover {
	color: #D58421;
}

body#sitemap #primary ul,
body#feeds #primary ul {
	margin: 0 0 15px;
	line-height: 1.2em;
}
body#sitemap #primary ul li,
body#feeds #primary ul li {
	margin: 5px 0 5px 20px;
	list-style: disc;
}

/* -- media + blog + resources styling -- */
#primary .video {
	margin: 0 0 15px;
}
#primary p.file {
	padding: 8px 16px 8px 35px;
	background: #fff url(../gfx/Document_16x16.png) no-repeat 10px 50%;
	border: 1px solid #EDDABA;
}
#primary h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
	color: #87BCA6;
	line-height: 1.2em;
}
#primary h3 {
	color: #C28665;
	font-size: 14px;
	margin: 0 0 5px;
	line-height: 1.2em;
}
#primary dd h3 a {
	text-decoration: none;
	font-weight: bold;
}
#primary dt {
	color: #C28665;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 15px;
	padding: 5px 0 15px;
	border-bottom: 1px solid #EDDABA;	
}
#primary dd {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #EDDABA;
}
#primary .posted {
	font-weight: bold;
}
#primary dd .more {
	text-align: left;
	padding: 20px 0 0 0;
}
#primary dd.more {
	text-transform: uppercase;
	font-size: 11px;
}
#primary dd a {
	color: #865021;
}
#primary dd a:hover {
	color: #D58421;
}
#primary dd.more a {
	text-decoration: none;
	font-weight: bold;
	color: #D58421;
}
#primary dd.more a:hover {
	color: #865021
}

#secondary h3, #secondary dt {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: bold;
}
#secondary dt {
	padding: 5px 0 0 0;
	margin: 0 0 5px;
	font-size: 14px;
	color: #87BCA6;
}
#secondary ul li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}
#secondary a {
	color: #C28665;
	font-weight: bold;
	text-decoration: none;
}
#secondary a:hover {
	color: #87BCA6;
}
#secondary dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #EDDABA;
	font-size: 11px;
}
#secondary dd .more a {
	font-weight: bold;
}
#secondary dd h4 {
	font-size: 12px;
}
#secondary dd .posted {
	color: #884B2A;
}

#secondary .btn {
	height: 16px;
	font-size: 11px;
	width: 99%;
}
#secondary .btn a {
	display: block;
	height: 16px;
	width: 99%;	
	text-indent: 20px;
	background: url(../gfx/feed_icon16x16.gif) no-repeat 0 0;	
}

/* -- the crisis -- */
body#species.crisis #intro {
	background: #696F5E;
}
body#species.crisis #intro h1 {
	color: #2A2821;
}
body#species.crisis #intro h2 {
	color: #87BCA6;
}
body#species.crisis #intro p {
	color: #D0D7CA;
}
body#species.crisis #fullarticle .cont {
	background: url(../gfx/cont_crisis.gif) no-repeat 0 0;
}
body#species.crisis #nextarticle .col_A .next {
	background: url(../gfx/next_crisis.gif) no-repeat 0 0;
}
body#species.crisis #primary #fullarticle blockquote {
	background: url(../gfx/quotes_crisis.gif) no-repeat 100% 0;
	color: #87BCA6;
}
body#species.crisis #primary a {
	color: #406E5B;
	font-weight: bold;
	text-decoration: underline;
}
body#species.crisis #primary a:hover {
	color: #87BCA6;
}

/* -- the vision -- */
body#species.vision #intro {
	background: #919380;
}
body#species.vision #intro h1 {
	color: #464836;
}
body#species.vision #intro h2 {
	color: #884B2A;
}
body#species.vision #intro p {
	color: #E5E9E6;
}
body#species.vision #fullarticle .cont {
	background: url(../gfx/cont_vision.gif) no-repeat 0 0;
}
body#species.vision #nextarticle .col_A .next {
	background: url(../gfx/next_vision.gif) no-repeat 0 0;
}
body#species.vision #primary #fullarticle blockquote {
	background: url(../gfx/quotes_vision.gif) no-repeat 100% 0;
	color: #C28665;
}
body#species.vision #primary a {
	color: #C28665;
	font-weight: bold;
	text-decoration: underline;
}
body#species.vision #primary a:hover {
	color: #884B2A;
}

/* -- the solution -- */
body#species.solution #intro {
	background: #003B55;
}
body#species.solution #intro h1 {
	color: #7ED0EF;
}
body#species.solution #intro h2 {
	color: #DCECF1;
}
body#species.solution #intro p {
	color: #B7E3ED;
}
body#species.solution #fullarticle .col_B p {
	color: #274A59;
}
body#species.solution #fullarticle .cont {
	background: url(../gfx/cont_solution.gif) no-repeat 0 0;
}
body#species.solution #nextarticle .col_A .next {
	background: url(../gfx/next_solution.gif) no-repeat 0 0;
}
body#species.solution #primary #fullarticle blockquote {
	background: url(../gfx/quotes_solution.gif) no-repeat 100% 0;
	color: #61B0C6;
}
body#species.solution #primary a {
	color: #003B55;
	font-weight: bold;
	text-decoration: underline;
}
body#species.solution #primary a:hover {
	color: #59A2BC;
}


/* -- take action -- */
body#action #primary .article .col_A {
	float: left;
	width: 400px;
}
body#action #primary .article .col_B {
	float: right;
	width: 550px;
	padding: 0;
}

body#action #intro {
	background: #3C522D;
}
body#action #intro h1 {
	color: #9DB737;
}
body#action #intro h2 {
	color: #C99F46;
}
body#action #intro p {
	color: #DBE1B0;
}
body#action #fullarticle .col_B p {
}
body#action #fullarticle .cont {
	background: url(../gfx/cont_solution.gif) no-repeat 0 0;
}
body#action #nextarticle .col_A .next {
	background: url(../gfx/next_solution.gif) no-repeat 0 0;
}
body#action #primary #fullarticle blockquote {
	background: url(../gfx/quotes_solution.gif) no-repeat 100% 0;
	color: #61B0C6;
}
body#action #primary a {
	color: #003B55;
	font-weight: bold;
	text-decoration: underline;
}
body#action #primary a:hover {
	color: #59A2BC;
}
body#action #primary #intro a {
	color: #9DB737;
}
body#action #primary #intro a:hover {
	color: #C99F46;
}

body#action .article h2 {
	color: #3C522D;
}
body#action .article h3 {
	color: #C99F46;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
body#action .article p,
body#blog .article p,
body#media .article p,
.commentList .comment p {
	margin: 0 0 15px;
}
#signonLetter {
	height: 300px;
	overflow-y: scroll;
	padding: 15px;
	background: #fff;
	border: 1px solid #9DB737;
}
#signonLetter .wrap {
	padding: 0 0 15px;
}
.signees {
	padding: 15px 0 0 0;
	font-size: 11px;
}
.signees .more {
	text-transform: uppercase;
}

/* -- endorsements -- */
.endorser_category {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dashed #87BCA6;
}
.endorser_category ul {
	margin: 0 0 10px;
}
.endorser_category ul li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #C28665;
	font-size: 14px;
	border-bottom: 1px dashed #ECBDA3;
}
.endorser_category p {
	color: #003B55;
	margin: 5px 0 0 0;
}
.endorser_category a {
	color: #59A2BC;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 11px;
}
.endorser_category a:hover {
	color: #003B55;
}
.endorser_category .photo {
	float: right;
	width: 215px;
}
.endorser_category .photo img {
	border: 3px solid #ECBDA3;
}
.endorser_category .info {
	float: left;
	width: 260px;
}