/*
Theme Name: Climate Change Stuff
Theme URI: http://www.climatechangestuff.com
Tags: climate change, environment, alternative energy
	
========================================================================*/


/* BODY STYLES */
html, body {height:100%;}
body {margin:0; padding:0; color:#000; font:62.5%/1.4 Helvetica,sans-serif; background:#774D25 url(images/bgBodyStrip.jpg) repeat-x;}
img, form {border:0; margin:0; vertical-align:top;}
p {padding:0; margin:0 0 15px 0; font-size:1.4em;}
h1 {font-size:1.9em; font-weight:normal; line-height:1.2em; color:#329E9E; margin:0; padding:32px 0 0 303px; width:388px;}
h2 {font-size:3em; color:#764C24; font-weight:normal; line-height:1.2em; padding:0; margin:5px 0 5px 0;}
h3 {font-size:2.4em; font-weight:normal; color:#764C24; padding:0; margin:0 0 5px 0; line-height:1.2em;}
h4, h5, h6 {margin:0; color:#764C24; padding:0; font-size:1.4em; margin:12px 0 5px;}

/* FORMS */
fieldset {border:0; margin:0; padding:0;}
legend {color:#91004B; margin:0; padding:0; font-weight:bold; display:block; padding-bottom:7px; font-size:1.5em;}
label {font-size:1.1em;}
select, textarea {font:1.3em Helvetica,sans-serif; width:305px; color:#000; background:#FFF; border:solid 1px #764C24;}
select {height:1.5em; color:#868688;}
input {font:1.3em Helvetica,sans-serif; width:300px; padding:4px 3px 0; height:1.4em; margin-right:6px; border:solid 1px #764C24;}
input[type=text], input[type=checkbox], input[type=password] {border:solid 1px #764C24; color:#000; background:#FFF; height:1.4em;}
* html input {border:solid 1px #764C24; color:#868688; background:#FFF; padding:6px 3px 0 3px;}
input#submit, input#subscribe {background:#764C24; border:none; color:#FFF; width:auto; font-family:georgia,times,serif; height:auto; display:block; font-weight:normal; padding:3px 5px; cursor:pointer;}

/* LISTS */
dl, dd {margin:0; padding:0;}
ul {margin:0 0 15px 15px; padding:0;}
ol {margin:0 0 15px 22px; padding-left:0;}
ol li, ul li {margin:0 0 15px;}
li, dt, dd {font-size:1.4em;}
li p, dd p {font-size:1em;}

/* STANDARD LINKS */
a {color:#2E952B; text-decoration:none;}
a:hover {text-decoration:underline;}

/* CLEARFIX */
div:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
.hidden {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}


/* ========= IMAGE REPLACEMENT ========= */

/* STANDARD IMAGE REPLACEMENT */
.replace, .replaceSubmit {position:relative; overflow:hidden; display:block;}
.replace em, .replaceSubmit em {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}


/* ========= CONTAINERS ========= */

#wrapper {margin:0 auto; padding-bottom:32px; overflow:hidden; background:#FEB100 url(images/bgContent.jpg) 0 0 repeat-x;}
#header {min-width:1000px; min-height:208px; height:auto !important; height:208px; background:url(images/bgHeader.jpg) center bottom no-repeat;}
#header .container {min-width:1000px; max-width:1024px; width:auto !important; width:1000px; margin:0 auto; position:relative;}
#topNavigation {width:1000px; margin:0 auto;}
#content {clear:both; width:909px; padding-top:30px; margin:0 auto; background:#FFF url(images/bgContentBoxTop.gif) no-repeat;}
#content .container {padding:0 37px 30px; overflow:hidden; background:url(images/bgContentBoxBottom.gif) bottom no-repeat;}
* html #content .container {overflow:visible; height:1px;}
#leftColumn {float:left; width:570px; padding-right:19px; border-right:solid 1px #764C24;}
#rightColumn {float:left; margin-left:19px; display:inline; width:222px;}
#footer {background:#774D25;}
#footer .container {width:864px; margin:0 auto; padding:30px 0; color:#FFF;}


/*========================================================================
	LOGO, TOP NAVIGATION & FOOTER
=========================================================================*/

/* SKIP NAVIGATION LINK */
#skipNavigationLink {margin:0; padding:0; text-align:center; font-size:1.4em;}
#skipNavigationLink a, 
#skipNavigationLink a:hover,
#skipNavigationLink a:visited  {position:absolute; display:block; padding:4px; border:0; background:#EEE; color:#8A951D; left:0px; top:-500px; overflow:hidden;}
#skipNavigationLink a:active,
#skipNavigationLink a:focus {right:0; top:0; z-index:10;}

/* LOGO */
#logo {margin:0; position:absolute; left:0; top:0; z-index:2;}

/* TOP NAVIGATION */
#topNavigation ul {list-style:none; float:right; margin:0 80px 11px 0; display:inline;}
#topNavigation ul li {float:left;}
#topNavigation ul li a {color:#FFF; background:#663332; display:block; font-weight:normal; text-decoration:none; cursor:pointer;}
#topNavigation ul li.blog a {width:95px; height:37px; margin-right:11px;}
#topNavigation ul li.blog a em {background:url(images/topNavBlog.gif) no-repeat;}
#topNavigation ul li.about a {width:90px; height:36px; margin-right:6px;}
#topNavigation ul li.about a em {background:url(images/topNavAbout.gif) no-repeat;}
#topNavigation ul li.contact a {width:100px; height:36px;}
#topNavigation ul li.contact a em {background:url(images/topNavContact.gif) no-repeat;}

/* FOOTER */
#footer .column {width:200px; margin-left:20px; display:inline; float:left;}
#footer .columnDouble {width:400px; margin-left:15px; display:inline; float:left; border-right:solid 1px #a87646;} 
#footer .columnDouble .ddmcl {float:left; margin-right:15px; width:185px;}
#footer h3 {color:#FFF; font-size:2em;}
#footer ul {list-style:none; margin:0;}
#footer ul li {font-size:1.3em;}
#footer #ddmcl_container ul li {margin-bottom:0;}
#footer a {color:#FFF;}


/*========================================================================
	CONTENT
=========================================================================*/


/* ========= LEFT COLUMN ========= */

/* LINKS */
h2 a {color:#764C24;}
h2 a:hover {color:#2E952B; text-decoration:none;}
p.comments {overflow:hidden; margin-bottom:20px; float:right;}
p.comments:last-of-type,
p.comments.last {margin-bottom:0;}
p.comments a {display:block; padding:7px 10px; text-decoration:none; font-family:georgia,times,serif;; line-height:1em; background:#9DFF8C; float:left;}
p.comments a:hover {background:#2E952B; color:#FFF;}

/* add this */
.addThis {float:left; padding-top:5px;}
.addThisSingle {padding:15px 0;}

/* BLOG POSTS */
h2 {clear:both; padding-top:20px; border-top:solid 1px #E8E8E8;}
h2:first-of-type {border:none !important; padding-top:0 !important;}
h2.first {border:none !important; padding-top:0 !important;}
.page h2 {margin-bottom:15px;}
#leftColumn h3 {font-size:2em; padding-top:10px;}
.date {color:#FE7E00; margin-bottom:12px;}
p.postmetadata {font-size:1.1em;}

/* navigation */
.navigation {font-size:1.4em; width:570px; overflow:hidden; padding-top:8px;}
* html .navigation div {height:1px; overflow:visible;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}

/* tweeet this */
#tweetbacks { padding-top:20px; border-top:solid 1px #E8E8E8;}
.tweetThis {float:right; margin:0 5px 15px 15px !important;}

/* COMMENTS */
h3#comments {margin-top:20px; padding-top:20px; border-top:solid 1px #E8E8E8;}
ol.commentlist {list-style:none; margin:10px 0 0;}
ol.commentlist li {padding:10px 8px; margin-top:10px; position:relative;}
ol.commentlist li:nth-child(even) {background:#ededed;}
.comment-meta {font-size:0.9em; margin:0 0 10px 42px;}
.comment-author img {position:absolute;}
.comment-author cite {margin-left:42px;}
#respond {margin-top:15px; float:left;}


/* ========= RIGHT COLUMN ========= */

/* TWITTERINGS */
#twitterings h3 {padding:0 0 0 53px; line-height:1.6em; background:url(images/iconTweets.gif) no-repeat;}
#twitterings h3 a {color:#764C24; text-decoration:none;}
#twitterings h3 a:hover {color:#2E952B;}
#twitterings ul {list-style:none; margin:0 0 22px;}
#twitterings ul li {background:#E8E8E8; margin-bottom:9px; padding:6px 9px;}
#twitterings ul li.aktt_more_updates {background:none; padding-left:0;}

/* FOLLOW */
ul#followLinks {list-style:none; margin:0;}
ul#followLinks li {display:inline;}
ul#followLinks a {display:block; margin-bottom:3px; color:#000; text-decoration:none; padding:0 0 0 30px; line-height:1.7em;}
ul#followLinks a.rss {background:url(images/iconRSS.gif) no-repeat;}
ul#followLinks a.twitter {background:url(images/iconTwitter.gif) no-repeat;}
ul#followLinks a.facebook {background:url(images/iconFacebook.gif) no-repeat;}
ul#followLinks a:hover {color:#2E952B;}

/* email updates */
#emailForm {padding-bottom:20px;}
#emailForm h4 {font-size:1.3em; padding-top:15px;}
#emailField {float:left; width:130px; margin-right:0;}
#subscribe {float:left; width:40px; height:1.9em !important;}

/* FLICKR */
#rightColumn ul {list-style:none; margin:0;}
#rightColumn .flickr_photo {width:100px !important; margin:0 11px 11px 0;}
h2.widgettitle {font-size:1.8em !important;}