/* @override http://climatehope.amphibian.info/wp-content/themes/climatehope/style.css */

/*
Theme Name: Climate Hope
Theme URI: http://climatehopebook.com/
Description: Custom theme developed for Ted Nace for his book Climate Hope.
Version: 1.0
Author: Amphibian Design
Author URI: http://amphibian.info
*/

/* @group Reset */

/* Word to Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, hr, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Global */

body {
	background: #EDEDED;
	color: #222;
	font: normal 16px/21px Georgia, Palatino, serif;
	text-align: center;
}

#top {
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
	width: 960px;
}

#top {
	background: transparent url(images/bg.png) repeat-y center top;
}


p, ul, ol, object, embed {
	margin-bottom: 1em;
}

h2 {
	color: #46679A;
	font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	margin-bottom: 20px;
}

h3 {
	color: #46679A;
	font: normal 22px/24px Georgia, Palatino, serif;
	margin: 30px 0 10px;
}

#content ul li {
	list-style: disc outside;
	margin: 0 30px;
}

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

a:hover {
	text-decoration: none;
}

.intro {
	font-size: 18px;
	line-height: 24px;
}

.intro:first-letter {
	float: left;
	font-size: 60px;
	line-height: 48px;
	margin-right: 5px;
}

#body {
	margin: -50px 60px 0;
	padding-bottom: 20px;
	position: relative;
	width: 840px;
}

#content {
	float: left;
	width: 560px;
}

#content #resources li {
	list-style: none outside;
	margin: 0;
}

#content #resources li li {
	margin-bottom: 10px;
}

/* @end */

/* @group Header */

#header {
	background: #FFF url(images/header.jpg) no-repeat center top;
	height: 400px;
	position: relative;
}

#header h1 {
	height: 210px;
	left: 65px;
	position: absolute;
	top: 40px;
	width: 380px;
}

#header a {
	display: block;
	height: 210px;
	text-indent: -9999px;	
	width: 380px;
}

#header .tagline {
	text-indent: -9999px;
}

/* @end */

/* @group Sidebar */

#sidebar {
	color: #888;
	font-size: 14px;
	float: right;
	width: 220px;
}

#sidebar ul {
	margin: 0;
}

h3.widgettitle {
	display: none;
}

li.widget {
	border-bottom: 1px dotted #DDD;
	margin: 0 0 30px 20px;
	padding-bottom: 30px;
}

li.widget:last-child {
	border-bottom: 0px;
}

.widget_pages li {
	font-size: 16px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.widget_pages li:last-child {
	margin-bottom: 0;
}

.widget_pages a {
	color: #46679A;
	letter-spacing: 1px;
	text-decoration: none;
}

.widget_pages a:hover {
	color: #DEA429;
}

li.current_page_item a {
	color: #222;
}

/* @end */

/* @group Footer */

#footer {
	background: transparent url(images/bg-cap.png) no-repeat center top;
	color: #888;
	font-size: 14px;
	line-height: 18px;
	margin: 0 auto;
	padding: 30px 65px 10px;
	position: relative;
	text-align: left;
	width: 840px;
}

#footer a {
	color: #222;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 560px;
}

#footer ul li {
	display: inline;
	margin-right: 10px;
}

#footer img {
	position: absolute;
	right: 65px;
	top: 30px;
}

/* @end */



/* @group Images */

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

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #F9F9F9;
	margin-bottom: 10px;
	padding: 9px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption.alignleft {
	display: inline;
	margin-right: 20px;
}

.wp-caption.alignright {
	display: inline;
	margin-left: 20px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	margin: 5px 0 0;
}

/* @end */

/* @group Misc */


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* @end */



/* @group sIFR */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h2 {
    font-family: Georgia;
    visibility: hidden;
  }
}

/* @end */