/*
Theme Name: Pacific Wind Energy 1.0
Theme URI: http://www.pacificwindenergy.co.nz
Description: Pacific Wind Energy theme designed by Karen Rubado in November 2008
Author: Karen Rubado
Author URI: http://karebou.com/
*/

/* -- >1: RESET (Resets styles to common format across browsers) ---------------------------------------------------- */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline: none;}


/* -- >2: DEFAULT CLASSES (Commonly used classes) -------------------------------------------------------------------- */

.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 1.0em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.hide { display: none; }


/* -- >3: ACCESSIBILITY (Quick access for screen readers)------------------------------------------------------------- */

.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}


/* Typography & Colors ------------------------------------------------------------- */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Arial, Sans-Serif;
	background: #fff;
	color: #504f4f;
	}

#content {font-size: 1.3em}


h1, h2, h3 {
	font-family: 'X', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#005eb8;
	}

h1 {font-size: 2.2em;
	padding-top:10px;}

h2 {
	font-size: 1.7em;
	letter-spacing:0.05em;
	}

h3 {font-size: 1.0em;
	color:#2c2c2c;
	font-weight:bold;}

a, h2 a:hover, h3 a:hover {
	color: #639819;
	text-decoration: none;
	}

a:hover {text-decoration: underline;}

.contact  {
	color:#fff;
	font-size:1.3em;
	width:960px;
	margin:0 auto;
	text-align:right;
	padding-top:3px;
	}

	.contact a {color:#fff;}


/* Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	padding: 0;
	background:url(images/img-header.gif) repeat-x;
	}

#header {
	margin: -10px auto 0;
	padding: 0;
	height: 170px;
	width: 976px;
	}
	#header h2.logo {
		width:467px;
		height:143px;
		z-index:2;
	}
	#header .description {text-indent:-9999px;}
#content {
	width:976px;
	margin:0 auto;
}

	#content p {margin-bottom:15px;}
	
.post {margin: 0 0 40px;}

#footer {
	padding: 0;
	margin: 20px auto;
	width: 960px;
	background:url(images/img-hr.gif) repeat-x;
	padding-top:10px;
	height:60px;
	}

#footer p {
	padding: 20px 0;
	}
#sidebar {
	width:960px;
	margin:0 auto;
	padding-top:10px;
}
#divider {
	background:url(images/img-hr.gif) repeat-x;
	margin:15px 0;
}

#divider-blue {
	background:url(images/bg-divider-blue.gif) repeat-x;
}

.breadcrumb {
	text-align:right;
	margin:2px 20px;
	font-size:.9em;}

/* Main navigation -------------------------------------------------------------------*/
#nav {
	font-size:1.3em;
	text-align:right;
	float:left;
	background:url(images/img-hr.gif) repeat-x;
	padding-top:15px;
	z-index:3;
	position:relative;
	margin:-35px 0 0 150px;
	width:800px;
}
	#nav ul {
		float:right;
		padding-bottom:20px;
	}
	#nav li {
		float:left;
		margin-left:15px;
		}
	
	#nav li a{
		color:#504f4f;
		text-transform:uppercase;
	}
		#nav li a:hover, #nav li.current_page_item a {
			color:#639819;
			text-decoration:none;}

/* Home page -------------------------------------------------------------------*/
#intro {
	background:url(images/img-intro.jpg) no-repeat;
	width:976px;
	height:249px;
	z-index:4;
}
#intro h1 {
	width:360px;
	text-align:right;
	color:#fff;
	margin-left:593px;
	line-height:1.3em;
	}
ul.home-feature {
	background:url(images/img-intro-bg.jpg) repeat-y;
	padding:0 32px;
	height:340px;
}
	ul.home-feature h2 {padding-bottom:10px;}
	
	ul.home-feature li {
		width:280px;
		float:left;
		line-height:1.5em;
		padding-top:10px;
	}
		ul.home-feature li.second {margin:0 36px;}
		
		ul.home-feature li img.double-dots {
			background:url(images/img-double-dots.gif) repeat-x top left;
			width:280px;
			padding:15px 0 20px 0;
			margin-top:10px;
		}
			ul.home-feature li a img {border:none;}
		
.entry-end {
	background:url(images/img-intro-btm.jpg) no-repeat;
	width:976px;
	height:35px;
}

#sidebar li {
	float:left;
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:15px;
	}

#sidebar li#cat-posts-283510811 {
	width:620px;
	margin-right:20px;
	}
	
	#sidebar li#cat-posts-283510811 a {font-size:1.3em;}
	
	
#sidebar li#cformsii {
	width:319px;
	background:url(images/bg-contact-sm.jpg);
	height:255px;
}
	
	#sidebar li#cformsii h2 {margin:20px 0 0 20px;}
	

#sidebar h2 {padding-bottom:10px;}

#sidebar .failure, #sidebar .success {width:230px!important;}

#sidebar .cf_info {
	padding:5px 15px!important;
	margin:0;
}

#sidebar ol.cf-ol li.cf_li_err {padding:5px 20px!important}


/* Products -------------------------------------------------------------------*/

ul.products-feature {margin-top:20px;}

	ul.products-feature h1 {padding-bottom:10px;}
	
	ul.products-feature li {
		width:231px;
		float:left;
		line-height:1.5em;
		padding-top:10px;
		margin-right:13px;
	}
	
	ul.products-feature li h2 {padding-bottom:10px;}
	
		ul.products-feature li ul, .product-detail ul {padding:3px 0 20px 0}
		
			ul.products-feature li ul li, .product-detail li {
			line-height:1.8em;
			padding:0 0 0 6px;
			float:none;
			}
			
			.product-detail {
				width:231px;
				float:right;
				margin-left:30px;
			}
			
			.product-detail h3.first {
				width:231px;
				border-top:1px solid #D3DFF0;
				margin-top:10px;
				padding-top:10px;
			}
		
		ul li.odd, .product-detail li.odd {background:url(images/bg-odd-line.gif) repeat-x;}
		
		ul.products-feature li img.single-dots {
			background:url(images/img-single-dots.gif) repeat-x top left;
			width:231px;
			padding:15px 0 20px 0;
			margin-top:6px;
		}
		
		.single-dots {
			background:url(images/img-single-dots.gif) repeat-x top left;
			width:231px;
			padding-bottom:10px;
		}
		
		.single-dots-services {padding-bottom:0!important;}
			ul.products-feature li a img {border:none;}
		
		a.green-arrow {
			background:url(images/bullet-link.gif) no-repeat 0 3px;
			padding-left:12px;
		}

.product-pages h2 {font-size:1.3em;}

.product-pages p {margin-bottom:20px;}

.btn-wind-turbines {
	width:160px;
	height:22px;
}
	.btn-wind-turbines:hover {top:-22px;}
	
/* News page -------------------------------------------------------------------*/
.news li{
	background:none;
	padding-left:0;
}

.news h2 {font-size:1.5em;}
	
/* News page -------------------------------------------------------------------*/
.contact-details {
	float:left;
	width:370px;
	margin:30px 0 0 80px;
	height:400px;
	}
/* Generic page styles -------------------------------------------------------------------*/
ul.pages {margin-bottom:15px;}

.pages li {
	background:url(images/bullet.gif) no-repeat 0 12px;
	padding:6px 0 6px 12px;
	}
	
.pages h3 {margin-top:15px;}

.pages p {
	margin-bottom:15px;
	line-height:1.6em;
	}

.pages table {width:500px;}

	.pages table td, .pages table th {
		padding:5px;
		border:1px solid #989797;
		}
	.pages table th {background:#c8c7c7;}
.posts p img {margin:20px;}	

/* Footer -------------------------------------------------------------------*/
	#footer li {float:left;}

	#footer li.taproot {
		float:right;
		background:url(images/taproot.png) no-repeat right;
		padding-right:115px;
		height:40px;
		margin-right:5px;
		}
