@import url(reset.css);
/*
Theme Name: Eco Devo
Theme URI: http://amisuccess.com
Description: null
Version: 1.0
Author: Kyle Gach
Author URI: http://kylegach.name
*/


/* =GLOBALS
----------------------------------------------------------------------- */

body {
	font: 62.5%/1.8 Georgia, "Times New Roman", Times, serif;
	width: 77em;
	margin: 1em auto 2em;
	color: #333;
	background-color: #fff;
	}
	
h2 {
	font-size: 2.8em;
	line-height: 1.1;
	margin: .35em 0 .3em;
	padding-bottom: .35em;
	text-transform: capitalize;
	font-variant: small-caps;
	border-bottom: 1px solid #bfccb2;
	}

h3 {
	font-size: 1.5em;
	font-variant: small-caps;
	padding-bottom: .5em;
	border-bottom: 1px solid #bfccb2;
	}

h4, #home h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	color: #557832;
	text-transform: uppercase;
	}
	
h4 a {
	color: #557832;
	text-decoration: none;
	}
	
h4 a:hover {
	border-bottom: 1px solid #557832;
	}
	
h5 {
	text-transform: uppercase;
	}
	
a {
	color: #557832;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}
	
a:visited {
	color: #777;
	}
	
a:hover {
	color: #557832;
	border-bottom: 1px solid #557832;
	}
	
span {
	font-size: 85%;
	text-transform: none;
	font-variant: normal;
	font-style: italic;
	}
	
acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
	}
	
em {
	font-style: italic;
	color: #000;
	}
	
strong {
	font-weight: bold;
	}
	
.clear {
	clear: both;
	}
	
li.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: .5em;
	background: #fff3ae;
	}
	
.debug {
	display: none;
	visibility: none;
	}
	
.edit a, p.featured a.edit {
	font-weight: bold;
	color: #c00;
	}
	
.edit a:hover, p.featured a.edit:hover  {
	border-bottom: 1px solid #333;
	}
	
p.featured a.edit {
	 font-size: .8em;
	 }
	
/* =NAV
----------------------------------------------------------------------- */
	
#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 1.5em .2em;
	}
	
#nav ul li {
	display: block;
	float: left;
	}
	
#nav ul li a, #nav ul li a:visited {
	margin-right: 1.4em;
	padding-bottom: .1em;
	color: #666;
	text-decoration: none;
	border: none;
	}

#about #nav ul li.about a,
#analysis #nav ul li.analysis a,
#discussion #nav ul li.discussion a,
#conclusions #nav ul li.conclusions a,
#links #nav ul li.links a {
	font-weight: bold;
	}
	
#nav ul li.home a {
	display: block;
	width: 11px;
	height: 11px;
	position: relative;
	top: 3px;
	left: 0;
	padding: 0;
	text-indent: -999px;
	background: url(img/home-icon.jpg) left bottom no-repeat;
	}

#home #nav ul li.home {
	display: none;
	}
	
#nav ul li.home a:hover {
	padding: 0;
	border: none;
	background: url(img/home-icon.jpg) left top no-repeat;
	}

#nav ul li a:hover {
	border-bottom: 1px solid #bfccb2;
	}
	
ul.loginout {
	width: 13em;
	position: absolute;
	top: 1em;
	left: 50%;
	margin-left: 3em;
	text-align: right;
	}
	
ul.loginout li {
	float: right;
	}
	
#searchbar {
	width: 23em;
	position: absolute;
	top: .8em;
	left: 50%;
	margin-left: 16em;
	}
	
input#s {
	width: 10.3em;
	}

	
/* =BANNER (not home)
----------------------------------------------------------------------- */
	
#banner {
	margin-bottom: 2em;
	}
	
#banner a, #banner a:hover {
	border: none;
	}
	
#banner a h1 {
	width: 19.25em;
	height: 3.75em;
	background: url(img/banner.jpg) bottom left no-repeat;
	text-indent: -999em;
	font: 4em Georgia, "Times New Roman", Times, serif;
	}
	
#banner a:hover h1 {
	background: url(img/banner.jpg) left top no-repeat;
	}
	

	
/* =HOME
----------------------------------------------------------------------- */
	
#home #banner {
	background: url(img/banner-home.jpg) left top no-repeat;
	height: 38em;
	margin-bottom: 0em;
	color: #a1ab8f;
	}
	
#home #banner dl {
	display: none;
	/*display: block;*/
	float: left;
	width: 36.9em;
	height: 14.5em;
	margin-top: 20.7em;
	border-right: 1px solid #a1ab8f;
	}
/*	
#home dl.feature h2 {
	font-size: 2em;
	margin-top: 0;
	border: none;
	font-variant: normal;
	}	
	
#home #banner dl#cluster {
	margin-left: 1.6em;
	text-align: right;
	background: url(img/cluster_bg.jpg) left top no-repeat;
	}
	
#home #banner dl#cluster:hover {
	background: url(img/cluster_bg_hover.jpg) left top repeat;
	}
	
#home #banner dl#innovation {
	background: url(img/innovation_bg.jpg) left top no-repeat;
	border: none;
	}
	
#home #banner dl#innovation:hover {
	background: url(img/innovation_bg_hover.jpg) left top repeat;
	}
	
#home #banner dl dt a {
	display: block;
	width: 34.7em;
	height: 13.8em;
	position: relative;
	padding: .2em 1.2em .5em 1em;
	z-index: 3;
	color: #fff;
	text-decoration: none;
	}
	
#home #banner dl dt a:hover {
	border: none;
	}

#home #banner dl dd {
	position: relative;
	top: -10.3em;
	left: 1em;
	z-index: 2;
	width: 17em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	}
	
#home #banner dl#cluster dd {
	left: 18.7em;
	}
	
#home #banner dl dt a:visited {
	color: #fff;
	}
*/	
	
	/* =EXCERPTS (on home page)
	----------------------------------------------------------------------- */
		
	#home .excerpt h3 {
		margin-bottom: 1em;
		text-align: center;
		}
		
	#home .excerpt {
		float: left;
		margin: 0 2.5em 0 0;
		width: 23em;
		color: #333;
		}
		
	#home .excerpt h5 {
		text-align: center;
		}
		
	#home .excerpt h5 span {
		color: #333;
		}
		
	#home .excerpt p {
		text-align: justify;
		}
		
	#home .entry h3, #home .entry  h4, #home .entry  h5, #home .entry  h6 {
		display: none;
		}
		
	#home .excerpt p.excerpt-meta {
		margin: 1em 0;
		color: #666;
		text-align: left;
		}
		
	#home .excerpt p.excerpt-meta span {
		font-size: 100%;
		}
		
	#home .last {
		margin: 0;
		}


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

#main {
	margin: 2em 1.5em 0;
	}
	
#content {
	float: left;
	width: 50em;
	padding-left: 1.3em;
	}
	
#content p.featured, #content .post p.featured {
	font-size: 1.4em;
	line-height: 1.8;
	color: #666;
	padding: .5em 0 1.5em;
	margin-bottom: 4em;
	border-bottom: 1px solid #bfccb2;
	}

#content .post {
	margin-top: 8em;
	}
	
#content .post h3 a {
	text-transform: none;
	border: none;
	}
	
#content .post h3 a:hover {
	color: #557832;
	border-bottom: 1px solid #557832;
	}

#content .post p.meta {
	font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: .5em;
	}
	
#content .entry {
	font-size: 1.2em;
	margin: 1em 0;
	}

#content .post p {
	margin-bottom: 1em;
	}
	
#content .post p.comment-link {
	text-align: right;
	}
	
	/* =ELEMENTS (content)
	----------------------------------------------------------------------- */
	
	#content h3, #content h4, #content h5, #content h6 {
		font: 1.6em Georgia, "Times New Roman", Times, serif;
		line-height: 1.2;
		font-variant: normal;
		font-weight: bold;
		color: #333;
		text-transform: uppercase;
		border-bottom: none;
		padding-bottom: 0;
		margin: 2em 0 .2em;
		}
		
	#content h4 {
		font-size: 1.4em;
		margin: 2.2em 0 .3em;
		}
		
	#content h5 {
		font-size: 1.2em;
		margin: 2.4em 0 .4em;
		}
		
	#content h6 {
		font-size: 1em;
		margin: 2.6em 0 .5em;
		}
		
	#content blockquote {
		margin: 1em 1.5em;
		background: url(img/bq-bg-top.jpg) top left no-repeat;
		}
		
	#content blockquote p {
		padding: 1em 2.5em;
		background: url(img/bq-bg-bottom.jpg) bottom right no-repeat;
		}
		
	#content ul, #content ol, #content dl {
		list-style-type: circle;
		margin: 0 3em 1em;
		}
		
	#content ol {
		list-style-type: lower-roman;
		}
		
	#content dl dt {
		font-weight: bold;
		}
		
	#content dl dd {
		color: #666;
		margin-bottom: 1em;
		}
		
	#content p img, #content p object {
		max-width: 100%;
		margin: 1em auto;
		clear: both;
		}
		
	#content p img.alignnone {
		display: block;
		margin: 1em 0;
		}
		
	#content p img.alignleft {
		float: left;
		clear: left;
		margin: .5em 1em 0em 0;
		}
		
	#content p img.aligncenter {
		display: block;
		}
		
	#content p img.alignright {
		float: right;
		clear: right;
		margin: .5em 0 0em 1em;
		}
		
	#content p a img, .entry p a:hover img {
		border: none;
		}
		
	#content iframe {
		width: 50em;
		}
		
	#content table {
		font-size: .9em;
		margin: 0 auto 1em;
		}
		
	#content table tr td, #content table tr th {
		padding: .3em .5em;
		text-align: center
		}
		
	#content table tr td:first-child, #content table tr th:first-child {
		text-align: left;
		}
		
	#content table tr th {
		font-weight: bold;
		border-bottom: 1px solid #bfccb2;
		}
		
	#content table tr.alt td {
		background: #eff2ec;
		}
		
	#content table caption {
		color: #666;
		text-align: center;
		}
	
	
	/* =OLDER & NEWER NAVIGATION
	----------------------------------------------------------------------- */
		
	.navigation p {
		display: block;
		font-size: 1.4em;
		width: 8em;
		float: left;
		}
		
	.navigation p.newer {
		float: right;
		}


/* =SINGLE POST
----------------------------------------------------------------------- */

#content .single {
	margin-top: 0;
	margin-bottom: 6em;
	}

.single h2 {
	padding-bottom: .3em;
	}
	
#content .single p.meta {
	margin-bottom: 2em;
	}


/* =COMMENTS
----------------------------------------------------------------------- */

h3#comments, h3#respond {
	font-size: 1.5em;
	text-transform: capitalize;
	font-variant: small-caps;
	font-weight: normal;
	padding-bottom: .1em;
	border-bottom: 1px solid #bfccb2;
	}

#content ol.commentlist {
	margin: 4em 0;
	}

#content ol.commentlist li {
	font-size: 1em;
	margin-bottom: 3em;
	list-style: decimal;
	color: #666;
	}
	
#content ol.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

#content ol.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1;
	margin: 0;
	color: #333;
	}

#content ol.commentlist p {
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #333;
	}
	
#content ol.commentlist p.commentmetadata {
	display: block;
	font-size: 1em;
	color: #666;
	}

#commentform  {
	font-family: Verdana, Arial, Sans-Serif;
	margin: 1em 0;
	}

#commentform textarea {
	width: 36em;
	margin: .5em 0;
	padding: .5em;
	}

#commentform #submit {
	float: right;
	padding: 0;
	}
	
#content p.nologin {
	font-family: Verdana, Arial, Sans-Serif;
	margin-top: 1em;
	}

#content p.tech {
	font-size: 1em;
	line-height: 1.2;
	margin-top: 1em;
	color: #666;
	}
	
	
	/* =ELEMENTS (comments)
	----------------------------------------------------------------------- */
		
	#content ol.commentlist ol, #content ol.commentlist ul,
	#content ol.commentlist dl {
		font-size: 1.2em;
		margin-bottom: 1em;
		list-style-type: lower-roman;
		color: #333;
		}
		
	#content ol.commentlist ol li,
	#content ol.commentlist ul li	{
		margin-bottom: 0;
		color: #333;
		}
		
	#content ol.commentlist li ul {
		list-style-type: circle;
		}
		
	#content ol.commentlist table {
		font-size: 1.1em;
		color: #333;
		}
		
	#content ol.commentlist cite, #content ol.commentlist cite a {
		font-size: 1.2em;
		font-weight: normal;
		}
		
	
/* =PAGES (generic)
----------------------------------------------------------------------- */

#content .page {
	margin-top: 0;
	}
	
#content .page p.featured {
	margin-bottom: 4em;
	}


	/* =SIDEBAR
	----------------------------------------------------------------------- */
		
	#sidebar {
		float: left;
		width: 21em;
		margin: 1.5em 0 0 3.2em;
		}
		
	#sidebar ul li {
		margin-top: 6em;
		}
		
	#sidebar ul li:first-child {
		margin-top: 0;
		}
		
	#sidebar ul li ul li {
		margin-top: 3em;
		line-height: 1.4;
		}
		
	#sidebar ul li ul li :first-child{
		margin-top: 1.5em;
		}
		
	#sidebar ul li ul li h5 {
		margin-bottom: 1em;
		}
		
	#sidebar ul li ul li p {
		margin-bottom: 1em;
		}
	
	
	/* =LINK LISTS displayed on a SINGLE POST and PAGES
	----------------------------------------------------------------------- */
		
	#sidebar ul li.linklist ul {
		margin-top: 1em;
		
}
		
	#sidebar ul li.linklist ul li {
		margin-top: .8em;
		margin-left: 1em;
}
		
	#sidebar ul li.archivelist ul li a:visited {
		color: #557832;
                
}
		
	#sidebar ul li.subnav ul {
		font-size: 1.1em;
		margin-left: 1.75em;
		list-style-type: decimal;
		color: #888;
		}
		
	#sidebar ul li.subnav ul a {
		font-size: .9em;
		}
		
	#sidebar ul li.subnav ul li.current_page_item a	{
		font-weight: bold;
		color: #557832;
		}
		
	#sidebar ul li.subnav ul li.current_page_item ul li a ,
	#sidebar ul li.subnav ul li ul li.current_page_item ul li a,
	#sidebar ul li.subnav ul li ul li ul li.current_page_item ul li a {
		font-weight: normal;
		color: #557832;
		}
		
	#sidebar ul li.subnav ul li.current_page_item ul li a:visited ,
	#sidebar ul li.subnav ul li ul li.current_page_item ul li a:visited,
	#sidebar ul li.subnav ul li ul li ul li.current_page_item ul li a:visited {
		color: #777;
		}
		
	#sidebar ul li.subnav ul li.current_page_item ul li a:hover ,
	#sidebar ul li.subnav ul li ul li.current_page_item ul li a:hover,
	#sidebar ul li.subnav ul li ul li ul li.current_page_item ul li a:hover {
		color: #557832;
		}
		
	#sidebar ul li.subnav ul li ul {
		font-size: 1em;
		margin-left: 2em;
		font-weight: normal;
		list-style-type: lower-alpha;
		}
		
	#sidebar ul li.subnav ul li ul li ul {
		font-size: 1em;
		list-style-type: lower-roman;
		}
		
	#sidebar ul li.subnav ul li ul li ul li ul {
		list-style-type: disc;
		}
	
/* =FOOTER
----------------------------------------------------------------------- */
	
#footer {
	margin: 6em 1.2em 0;
	padding-top: .8em;
	text-align: center;
	border-top: 1px solid #bfccb2;
	color: #666;
	}