/*
     FILE ARCHIVED ON 7:37:55 Jul 31, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:27:34 Jul 18, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
Theme Name: Fair Climate Project
Description: A custom WordPress theme for the National Wildlife Federation's FairClimateProject.org, based on Hybrid.
Version: 0.2
Author: Diligent Creative
Author URI: http://diligentcreative.com
Template: hybrid
*/

/* Credits
- - - - - - - - - - - - - - - - - - - - - - - - -

Icons: http://www.famfamfam.com/lab/icons/silk/ CC:BY

*/

/* Import Hybrid's CSS reset
- - - - - - - - - - - - - - - - - - - - - - - - -  */

	@import url('/blog/wp-content/themes/hybrid/library/css/reset.css');


/* HTML Elements
- - - - - - - - - - - - - - - - - - - - - - - - - */

	html, body {height:100%;}
	
	body {
		background:#57a url(/blog/wp-content/themes/fairclimateproject/images/body_bg.jpg) center no-repeat fixed;
		font-family:Interstate,"Bell Gothic Std","Trebuchet MS",Verdana,sans-serif;}

	a:link {color:#37d;}
	a:visited {color:#14a;}
	a:hover {color:#15b;}

	h1,h2,h3,h4,h5 {font-weight:bold;}
	
	hr {clear:both;}
	
	strong {font-weight:bold; text-transform:uppercase;}
	em {font-style:italic;}

/* Elements by ID
- - - - - - - - - - - - - - - - - - - - - - - - - */

	#header, #navigation, #container, #footer {width:970px; margin:0 auto;}
	
	#body-container {min-height:100%; position:relative;}
	#container {position:relative; padding-bottom:90px;}
	
	/* Header */

	#header-container {
		height:60px; 
		background:#369 url(/blog/wp-content/themes/fairclimateproject/images/header_bg.png) center 0px repeat-x;}
	#site-title a {
		position:relative; display:block; height:60px; width:400px; z-index:2;
		background:url(/blog/wp-content/themes/fairclimateproject/images/site-title_bg.png) no-repeat;}
	#site-title span {display:block; text-indent:-9999px;}
	#site-description {display:none;}
	
	/* Navigation */
	
	#navigation {
		position:relative; bottom:60px;
		margin:0 auto; margin-bottom:-60px; height:60px; width:970px; overflow:hidden;}
	#navigation .menu {float:right; width:auto; list-style:none;}
	#navigation .menu li {float:left;}
	#navigation .menu li a {
		display:block; height:60px; width:75px; overflow:hidden;
		margin-left:10px; 
		background:url(/blog/wp-content/themes/fairclimateproject/images/header_bg.png) center -61px no-repeat;
		color:#369; font-size:14px; line-height:60px; text-align:center;}
	#navigation .menu li a:visited {color:#369;}
	#navigation .menu li a:hover {
		color:white; background:url(/blog/wp-content/themes/fairclimateproject/images/header_bg.png) center -121px no-repeat;
		text-shadow:0 1px 2px #333;}
	
	/* Content */
	
	.content {min-height:800px; margin:20px 175px; font-size:14px; line-height:22px;}
	.content .page-title {margin:20px 0; font-size:24px; font-weight:bold;}
	.content .page-title a:visited {color:#37d;}
	.content h1 {font-size:18px; margin:18px 0;}
	.content h2 {font-size:18px; margin:18px 0;}
	.content p, .content ul, .content ol {margin-bottom:10px;}
	.content li {margin-left:40px;}
	.content hr {margin:18px 0; height:2px; background:#ccc;}
	.content img {max-width:100%; height:auto;}

	.content a[href$=".pdf"] {
		display:inline-block; padding-right:20px;
		background:transparent url(/blog/wp-content/themes/fairclimateproject/icons/page_white_acrobat.png) center right no-repeat;}
	
	.content a[href$=".doc"], .content a[href$=".docx"] {
		display:inline-block; padding-right:20px;
		background:transparent url(/blog/wp-content/themes/fairclimateproject/icons/page_white_word.png) center right no-repeat;}
	
	/* Sidebars */
	
	#primary {
		position:absolute; top:0; left:0; padding:10px; width:120px;
		background:#eee;}
	#primary ul {margin:0; padding:0; list-style:none;}
	#primary li li {margin-left:10px; font-size:12px; display:none;}
	#primary li.current_page_ancestor li,
	#primary li.current_page_item li {display:block;}
	#primary a:link, #primary a:visited {color:#666;}
	#primary a:hover {color:#37d;}
	
	#primary li.page-item-505 {margin-top:18px;}
	
	#secondary {
		position:absolute; top:0px; right:0; width:150px; min-height:90%;
		color:#666;}
	#secondary .widget {margin:10px 0;}
	#secondary ul {margin:0; padding:0; list-style:none;}
	#secondary .categories li {margin-left:10px; font-size:12px;}
	#secondary a.button {margin-bottom:10px;}
	#secondary #nwf-logo {
		display:inline-block; margin:10px; padding:10px;
		height:100px; width:80px;
		background:#fff url(/blog/wp-content/themes/fairclimateproject/images/nwf.jpg) center no-repeat;
		text-align:center;  text-indent:-9999px;}
	#secondary .label {background:#ddf; padding:10px; width:130px; text-align:center;}
	#secondary h3.featured {padding:10px; font-size:18px; background:#ddf;}
		
	/* Footer */
	
	#footer-container {
		clear:both; height:60px; width:100%;
		position:absolute; bottom:0;
		background:#333 url(/blog/wp-content/themes/fairclimateproject/images/header_bg.png) top repeat-x; border-top:1px solid #9ac;}
	
	#footer {padding-top:20px; color:#333; font-size:12px;}
	#footer a {color:#336;}
	#footer a:hover {color:white;}
	
	
/* Elements by Class
- - - - - - - - - - - - - - - - - - - - - - - - - */
		
	.breadcrumbs {width:970px; margin:0 0 18px -185px; padding:10px 20px; background:#fc2; z-index:10;}
	.breadcrumbs a:link, .breadcrumbs a:visited {color:#37d;}
	.breadcrumbs a:hover {color:white;}
	
	.round {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.round-top {
		border-radius-top-left:10px; border-radius-top-right:10px;
		-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
		-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
		
	.wp-caption-text {color:#666; font-size:10px; font-style:italic;}
	
	.alignleft, .alignright {margin:10px;}
	.alignleft {float:left;}
	.alignright {float:right;}
	
	/* Buttons */
	
	a.button {
		padding:10px; color:#f69; background:#c36;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	a.button:hover {color:white !important; background:#369 !important;}

	#subscribe a.button {display:block; float:right;}
	#secondary a.button {display:block; text-align:center;}
	.content a.button {display:inline; color:#333; background:#ccc;}
	
	.alignleft {float:left; text-align:left;}
	.alignright {float:right; text-align:right;}
	.aligncenter {float:none; margin:0 auto; text-align:center;}


/* Specific Pages
- - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Home */
	
	body.home {}
	body.home .content {margin:0;}
	body.home .page-title {display:none;}
	
	body.home #primary, body.home #secondary {display:none;}
	
	/* Home - FEATURED */
	#featured {
		margin-left:-20px;
		height:auto; min-height:280px; max-height:480px; width:1010px; overflow:hidden;
		background:transparent url(/blog/wp-content/themes/fairclimateproject/images/spotlight_bg.jpg) center no-repeat;}
	#featured .entry {
		float:right; margin:20px; padding:20px;
		height:auto; width:440px;
		background:#fff;}
	#featured .entry h3 {margin:-20px; margin-bottom:20px; padding:10px; color:#fff; background:#369;}
	
	/* Home - WELCOME BAR */	
	#bar {
		margin-left:-20px; padding:20px; height:auto; width:970px; overflow:hidden;
		background:#333 url(/blog/wp-content/themes/fairclimateproject/images/bar_bg.png) top repeat-x;}
	#welcome {float:left; width:720px;}
		#welcome h1 {font-size:24px; color:white; text-shadow:2px 2px 2px #000;}
	#welcome h2 {font-size:24px; color:white; text-shadow:2px 2px 2px #000;}
	#welcome p {color:#999;}
	#welcome p a {color:#c36;}
	#welcome p a:hover {color:#f69;}
	#subscribe {float:right; font-size:1.5em;}

	/* Home - SPOTLIGHTS BOX, NEWS & RESOURCES BOX */
	#spotlights, #resources {
		position:relative; float:left; width:480px;
		margin-top:20px;
		background:#333; overflow:hidden;}
	#spotlights h2, #resources h2 {
		margin:0; padding:0 10px;
		background:#222 url(/blog/wp-content/themes/fairclimateproject/images/bar_bg.png) top repeat-x;
		color:#ccc; line-height:40px;}
	#spotlights h3, #resources h3 {margin:0; padding:15px;}
	#spotlights p, #resources p {margin:-10px 0 0 0; padding:0 15px; color:#ccc; font-size:12px;}
	#spotlights h3 a, #resources h3 a {color:#333;}
	#spotlights h3 a:hover, #resources h3 a:hover {color:#fff;}
	#spotlights {margin-right:10px;}
	
	.box .box-item {height:75px; background:url(/blog/wp-content/themes/fairclimateproject/images/box-item_bg.png) center repeat-x; border:1px solid #666; border-width:0 1px 1px 1px;}
	.box .box-item:last-child {border-bottom:0;}
	.box .subscribe {float:right; width:auto; position:absolute; top:3px; right:3px;}
	.box a.all {float:left; width:auto; margin:5px; padding:5px 10px; color:#333; background:#666;}
	.box a.all:hover {color:#fff; background:#369;}
	.box a.icon {
		display:block; height:32px; width:32px;
		background:#f00;
		text-indent:-9999px;}
	.box a.icon.rss {background:url(/blog/wp-content/themes/fairclimateproject/images/icon_rss_bg.png) no-repeat;}	
	.box a.icon.ical {background:url(/blog/wp-content/themes/fairclimateproject/images/icon_ical_bg.png) no-repeat;}
	
	/* Posts Pages - Events, Resources */
	
	body.page-template-posts #posts .post {padding:15px; border-top:1px solid #999; background:url(/blog/wp-content/themes/fairclimateproject/images/post_bg.jpg) repeat-x;}
	body.page-template-posts .page {padding-top:0; border:0;}
	
	body.page-template-posts .post-title {font-size:16px; margin-bottom:10px;}
	
	/* Single Posts */
	
	body.single .entry-title {margin:20px 0; font-size:24px; font-weight:bold;}
	
	body.single .entry #voting {float:right; width:auto; text-align:center;}
	body.single .entry #voting .votecontainer {
		width:65px; height:85px;
		margin:10px auto; padding:4px;
		border:1px solid #37d;
		font-size:18px; text-align:center;}
	body.single .entry #voting .votelink:hover {cursor:pointer;}
	body.single .entry #voting .votes {display:block; margin-bottom:5px; padding:5px; background:#ccc;}
	body.single .entry #voting .login {margin-top:10px; font-size:10px;}
	body.single .entry #viewall {display:block; float:right;}
	
	/* Photo Contest */

	body.page-template-leaderboard #posts,
	body.page-template-voting #posts {clear:left;}
	
	body.page-template-voting #page .entry {padding:0; background:0; border:0;}
	body.page-template-voting #posts .entry {
		float:left;	height:225px; width:195px;
		margin-right:10px;}
	body.page-template-voting #posts .entry img {
		max-height:200px; max-width:180px;
		margin:0; padding:3px;
		background:white; border:1px solid #ccc;}
	body.page-template-voting #posts .entry img:hover {
		background:#ccf; border-color:#999;}
	body.page-template-voting #posts img.thumbnail {display:none !important;}
	
	body.page-template-leaderboard #posts .entry img {
		max-height:240px; max-width:240px;
		margin:0; padding:3px;
		background:white; border:1px solid #ccc;}
	body.page-template-leaderboard #posts .entry {
		position:relative; 
		float:left; height:275px; width:300px;
		margin-right:10px;}
	body.page-template-leaderboard #posts .entry .badge {
		position:absolute; top:-10px; left:-10px; z-index:9;
		height:75px; width:75px;
		background:url(/blog/wp-content/themes/fairclimateproject/images/burst_bg.png) no-repeat; border:0;}
	body.page-template-leaderboard #posts .entry .place {
		padding-top:28px;
		color:#eee;
		font-size:24px; text-align:center; line-height:24px;}
	body.page-template-leaderboard #posts .entry .place.honorable { font-size:12px; line-height:12px; }
	body.page-template-leaderboard #posts .entry .votes {
		padding:0; width:75px;
		color:#36c; background:transparent; border:0;
		font-size:10px; text-align:center; line-height:12px;}