/* CSS for www.howtopowertheworld.com, designed by Michael Ashcroft */

/* --------- Banner --------- */

body{
	margin: 0;
	padding: 0;
	font-family: verdana;
}

#banner{
	width: 100%;
	height: 7em;
	margin: 0;
	padding: 0;
}

#banner img{
	float: left;
	margin: 0;
	border: none;
}

#bannercontainer{
	max-width: 60em;
	height:7em;
	margin: 0 auto 0 auto;
	padding: 0;
}

#bannernav{
	float: right;
	clear: none;
	margin: 0;
	padding: 0.3em 0 0 0;
}

#bannernav a{
	text-decoration: none;
	color: black;
}

#bannernav a:visited{
	text-decoration: none;
}

#bannernav a:hover{
	text-decoration: underline;
}

#bannernav li{
	display: inline;
	margin: 0;
	font-size: 85%;
}

#rss{
	float: right;
}

#search{
	position: relative;
	float: right;
	clear: right;
	top: 1.5em;
}


/* --------- Header --------- */

#header{
	width: 100%;
	height: 20em;
	margin: 0;
	padding: 0;
	background-image: url(../image-files/headergrad1.png);
	clear: both;
}

#headercontainer{
	max-width: 60em;
	height: 20em;
	margin: 0 auto 0 auto;
	padding: 0;
}

#headernavbox{
	width: 13em;
	height: 20em;
	padding: 0;
	margin: 0;
	float: left;
	font-family: lithos pro;
	font-variant: small-caps;
	
}
#headernav{
	position: relative;
	top: 1em;
	padding: 0 0 0 1em;
	margin: 0;
	text-align: left;
	list-style-type: none;
	font-size: 115%;
	line-height: 150%;
}

#headernav a{
	text-decoration: none;
	color: black;
}

#headernav a:visited{
	text-decoration: none;
	color: black;
}

#headernav a:hover{
	text-decoration: underline;
}

.climate a#climatenav{
	font-weight: bold;
}

#headerdescriptionbox{
	position: relative;
	top: 1em;
	height: 20em;
	max-width: 45em;
	margin: 0 0 0 15em;
	padding: 0;
	clear: none;
}

#headerdescription{
	margin: 0;
}

#headerdescription h1{
	margin: 0;
	font-size: 180%;
}

#headerdescription a{
	text-decoration: none;
}

#headerdescription a:hover{
	text-decoration: underline;
	color: green;
}

#headerdescription p a:hover{
	text-decoration: underline;
	color: green;
}

#headerdescription a:visited{
	color: blue;
}

/* --------- Content --------- */

#content{
	max-width: 60em;
	margin: 0 auto 0 auto;
	padding: 1em 0 0 1em;
}

#contentmain{
	width: 75%;
	float: left;	
}

#content h2{
	font-size: 125%;
	padding: 0.4em 0;
}

#contentmain h3{
	font-size: 100%;
	margin-bottom: 0.3em;
}

#contentmain p{
	font-size: 90%;
}

#contentmain a{
	text-decoration: none;
	color: blue;
}

#contentmain a:hover{
	text-decoration: underline;
	color: green;
}

#contentmain p a:hover{
	text-decoration: underline;
	color: green;
}

#contentmain h3 a:hover{
	text-decoration: underline;
	color: green;
}


#contentmain a:visited{
	color: blue;
}

#contentmain li{
	font-size: 90%;
}

.quote{
	font-size: 80%;
	font-style: oblique;
	padding: 0.5em 0 0.5em 0;
}

.contentscaption{
	padding: 0;
	font-size: 80%;
	margin: 0 0 0 2em;
}


/* --------- Content Images--------- */

#imagecentre{
	text-align: center;
	padding: 1em;
}

#imagecentre img{
	border: none;
}

#imagecentre p.citation{
	font-size: 70%;
	text-align: center;
	margin: 0 auto 0 auto;
}

#rightfloatimage{
	float: right;
	padding: 1em;
	width: 18em;
}

#rightfloatimage img{
	border: none;
}

.graphic{
	width: 18em;
}

#rightfloatimage p.citation{
	font-size: 70%;
	text-align: center;
	margin: 0 auto 0 auto;
}

#leftfloatimage{
	float: left;
	padding: 1em;
	width: 18em;
}

#leftfloatimage img{
	border: none;
}

#leftfloatimage p.citation{
	font-size: 70%;
	text-align: center;
	margin: 0 auto 0 auto;
}
	
/* --------- Right Column --------- */

#contentrightcolumn{
	left: 2em;
	margin: 0;
	padding: 0;
	width: 25%;
	float: right;
}

#addthis{
	margin: 1em 0 0 4em;
}

#rightcolumn img{
	margin: 3em 0 0 3em;
}

#blogwidget{
	margin: 1em 0 0 2em;
}
#rightcolumnads{
	margin: 1em 0 0 2em;
}



#postcontent{
	width: 100%;
	height: 40em;
	background: url(../image-files/headergrad2.png);
	margin: 0;
	clear: both;
}

#postcontent p{
	font-size: 75%;
}

#postcontentcontainer{
	max-width: 60em;
	height: 40em;
	margin: 0 auto 0 auto;
	clear: both;
}

#postcontentcontainer h3{
	padding: 0.5em 0 0 0;
	margin: 0;
	font-size: 90%;
}

#postcontent a{
	text-decoration: none;
}

#postcontent a:hover{
	text-decoration: underline;
	color: green;
}

#postcontent p a:hover{
	text-decoration: underline;
	color: green;
}

#postcontent a:visited{
	color: blue;
}

#postcontentleftbox{
	width: 47%;
	float: left;
	margin: 0;
	padding: 0 0 0 1em;
}

#postcontentrightbox{
	width: 47%;
	float: right;
}

#postcontentbottombox{
	width: 100%;
	clear: both;
	padding: 0 0 0 1em;
}

#postcontentbottombox h3{
	padding-bottom: 1em;
	font-size: 90%;
}

#amazonleft{
	float: left;
	padding-right: 1em;
}

#amazonright{
	float: right;
	padding-left: 1em;
}

#copyright{
	width: 100%;
	height: 2em;
	clear: both;
}

#copyrightcontainer{
	text-align: center;
	max-width: 60em;
	height: 2em;
	margin: 0 auto 0 auto;
	clear: both;
}

#copyrightcontainer p{
	padding: 0;
	font-size: small;
}

#copyright ul{
	margin-top: 0.2em;
}

#copyright li{
	list-style-type: none;
	display: inline;
	font-size: 80%;
}

#copyright a{
	color: black;
	text-decoration: none;
}

#copyright a:visited{
	text-decoration: none;
}

#copyright a:hover{
	text-decoration: underline;
}

.copyrightnotice{
	margin: 0 0 1em 3em;
}