/*
Theme Name: Collective Energy Solutions
Theme URI: 
Description: Custom theme for Collective Energy Solutions, designed by Jeff Robbilard. Basic page site with contact form an animated elements.
Author: Doug Wollison
Author URI: 
Version: 1.0
Tags: 
Generator: WordPress QuickStart by Doug Wollison
Generator URI: http://wpthemequickstart.com
*/

/* ===== Resets ===== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {padding:0;margin:0;} table {border-collapse:collapse;border-spacing:0;} fieldset, img, abbr {border:0;} address, caption, cite, code, dfn, h1, h2, h3, h4, h5, h6, th, var {font-weight:normal;font-style:normal;} ul {list-style:none;} caption, th {text-align:left;} h1, h2, h3, h4, h5, h6 {font-size:1.0em;} q:before, q:after {content:'';} body{font-size:62.5%;}

/* ===== Typography ===== */
body{
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link, .read-more{
	color:#679C2E;
	text-decoration:none;
}
a:hover, a:visited:hover, .read-more:hover{
	color:#679C2E;
	text-decoration:underline;
	cursor:pointer;
}
a:visited{
	color:#5E7348;
	text-decoration:underline;
}

p{
	clear:both;
}
p, li{
	font-size:1.2em;
	margin:0 0 0.8em;
	line-height:1.6em;
}
li *{
	font-size:1em;
}
ul, ol{
	padding-left:1.5em;
}
ul{
	list-style:circle;
}
ol{
	list-style:decimal-leading-zero;
}

h2,h3,h4,h5,h6{
	font-size:1.2em;
	border-bottom:1px solid #7F7F7F;
	margin:1.5em 0 0.5em;
}
h2.post-title{
	font-size:1.8em;
}

/* ===== Backgrounds and Layout ===== */

html{
	background:#DEDEDE url('img/html-bg.png') top center no-repeat;
	position:relative;
	min-height:100%;
}

body{
	color:#707070;
	padding:100px 0 50px;
}

#body, #header h1, #menu-navigation, #footer{
	width:450px;
	margin:0 auto;
}

#body, #content{
	position:relative;
}
	#sidebar{
		position:absolute;
		top:53px;
		left:-240px;
		width:215px;
	}
	body#home #sidebar{
		display:none;
	}

#body.loading{
	padding-top:100px;
	background:url('img/ajax.gif') center center no-repeat;
}

#footer{
	position:absolute;
	bottom:25px;
	left:50%;
	margin-left:-225px;
}

/* ===== Utility Classes ===== */
.screen-reader-text{
	text-indent:-999em;
	width:0;
	height:0;
}
.clear{
	clear:both;
}
hr.clear{
	border:none;
	margin:0;
	visibility:hidden;
}
.hidden{
	visibility:hidden;
}

.fleft{
	float:left;
}
.fright{
	float:right;
}
body.noscript div.js{
	display:none;
}

.center{
	margin:0 auto;
	text-align:center;
}

/* ===== Header ===== */
#header{
	position:relative;
}

	body#home #header{
		margin-top:150px;
	}

#header a:link, #header a:visited{
	color:#707070;
	text-decoration:none;
}

#header h1, #header h1 a{
	display:block;
	height:60px;
	position:relative;
}

div.header-nav{
	width:450px;
	margin:3em auto 0;
	position:relative;
	z-index:2;
}
	#menu-navigation{
		width:450px;
		list-style:none;
		padding:2em 125px 2em 0;
		overflow:auto;
		margin:0;
	}
		#menu-navigation li{
			float:left;
			width:130px;
			margin:5px 20px 5px 0;
		}
		#menu-navigation a{
			display:block;
			border-bottom:1px solid #FFF;
		}
		#menu-navigation li.current-menu-item a:link, #menu-navigation li.current-menu-item a:visited, #menu-navigation li a:hover, #menu-navigation li a:visited:hover, #menu-navigation li a.current{
			color:#679C2E;
			border-color:#679C2E;
		}

#header hr{
	position:absolute;
	display:block;
	border:none;
	margin:0;
}

#logo_image{
	position:absolute;
	z-index:1;
	top:45px;
	left:50%;
	margin-left:-470px;
	padding-bottom:40px;
	text-align:center;
}

	body#home #logo_image{
		top:-220px;
		margin-left:-225px;
	}

	#logo_image img{
		position:relative;
	}
	#logo_image hr.shadow{
		content:"";
		width:200px;
		height:28px;
		background:url('img/logo-shadow.png') center no-repeat;
		position:absolute;
		bottom:0;
		left:50%;
		margin:0 0 0 -100px;
		border:none;
	}
	
#header hr.end-nav{
	top:75px;
	left:50%;
	margin-left:250px;
	width:75px;
	height:130px;
	background:url('img/lightbulb.png') 0 0 no-repeat;
	z-index:3;
}
#header hr.end-nav.lit{
	background-position:0 -130px;
}
	
#header hr.end-header{
	background:#FFF;
	width:100%;
	height:9.8em;
	top:90px;
	right:50%;
	margin-right:-350px;
	z-index:0;
	border-radius:0 20px 20px 0;
}

body#home #menu-navigation, body#home hr.end-nav, body#home hr.end-header{
	display:none;
}

/* ===== Content ===== */
img.alignleft{
	float:left;
	margin:.25em .5em .5em 0;
}
img.alignright{
	float:right;
	margin:.25em 0 .5em .5em;
}

body#home #enter{
	font-size:2em;
}

p.read-more{
	border-top:1px solid #679C2E;
}

ul.navigation{
	list-style:none;
	overflow:auto;
	padding:0;
}
	#nav-above{
		border-bottom:1px solid #E7E7E7;
		margin-top:10px;
	}
	#nav-below{
		border-top:1px solid #CFCFCF;
	}
	ul.navigation li{
		width:45%;
		margin:0;
	}
	ul.navigation li.nav-previous{
		float:left;
		text-align:left;
	}
	ul.navigation li.nav-next{
		float:right;
		text-align:right;
	}

form p{
	margin:1em 0 1.5em;
	position:relative;
}
	label span{
		display:block;
		padding:2px 0 0;
	}
		label span b{
			font-size:1.5em;
			font-weight:bold;
			color:#679C2E;
			position:relative;
			top:.25em;
		}
	label input, label textarea{
		display:block;
		width:440px;
		padding:4px;
		margin:0;
		color:#707070;
		border:1px solid #7f7f7f;
		background:transparent;
	}

	label input:focus, label input:active, label textarea:focus, label textarea:active,
	input.submit:hover, input.submit:focus, input.submit:active{
		color:#5E7348;
		border-color:#5E7348;
		outline:none;
	}
		label input:focus, label input:active, label textarea:focus, label textarea:active{
			background:#FFF;
		}
	input.submit{
		display:block;
		float:right;
		padding:4px;
		cursor:pointer;
		background:transparent;
		border:1px solid #7f7f7f;
	}
	span.error{
		position:absolute;
		top:-14px;
		right:5px;
		font-style:italic;
		color:#000;
	}

/* ===== Footer ===== */