/*
Theme Name: Good Energy 2010
Theme URI: http://www.oomphagency.com/
Description: Template for Good-energy.co.uk site
Version: 2.0
Author: Beef
Date: June 2010

2 column layout for Good Energy website
*/

/*--------------------------------------------------------------------------- Base ---*/ 
*{font-size:100%;font-family:inherit;margin:0;vertical-align:baseline;}
html{overflow-y:scroll;}
html,body,div,ul,ol,li,dl,dt,dd,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,p,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,img,object,embed,iframe{padding:0;border:0;}
ul,ol{list-style:none;}
th{text-align:left;}
img{-ms-interpolation-mode:bicubic;}
img,object,embed,iframe{vertical-align:bottom;}
table{border-collapse:collapse;}
textarea{overflow-y:auto;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
blockquote,q{quotes:'' '';}
a:active{outline:0;}
body{background:#fff;color:#000;-webkit-text-size-adjust:none;}


/*--------------------------------------------------------------------------- Utility classes ---*/ 
/* hide elements in a way that keeps them screen-reader accessible */
.hide{position:absolute!important;left:-999em!important;width:0!important;overflow:hidden!important;}
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
/* old clear-fix style float clearing - still useful */
.cf:after,.li-cf li:after, div.wrap:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;} 
.cf,.li-cf li,div.wrap{*zoom:1;}


/*--------------------------------------------------------------------------- Base styles ---*/ 
body {font:12px/1.2 verdana,sans-serif;color:#675646;background:#dfded9;}
a {color:#675646;font-weight:bold;text-decoration:underline;}
a:hover,
a:focus {text-decoration:none;color:#322a23;}


/*--------------------------------------------------------------------------- Persistent elements ---*/
div.wrap {width:940px;margin:0 auto;position:relative;}
#siteBody {background:#fff;padding-top:2.1em;}

#siteHead {}
	#siteHead .widgets {background:#f5d312;border-bottom:1px solid #fff;
		height:114px;}
	#siteHead .nav {overflow:hidden;zoom:1;padding:14px 0;}
		#siteHead .nav li {float:left;}
		#siteHead .nav a {text-decoration:none;padding:0 11px;border-left:1px dotted;}
		#siteHead .nav a:hover {color:#322a23;}
		#siteHead .nav li:first-child a {padding-left:0;border:0;} 
		#siteHead .nav .current_page_item > a {color:#322a23;}
	
	#search form {position:absolute;right:0;top:17px;color:#fff;font-size:11px;
			font-weight:bold;}
		#search form a {color:#fff;text-decoration:none;}
		#search form .delim {}
		#search form input[type=text] {width:12em;border:1px solid #fff;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
			font-size:1.4em;margin-left:5px;
			padding-left:2px;
			vertical-align:middle;}
		#search form input[type=image] {vertical-align:middle;}
	
	#good-energy-logo img {position:absolute;left:-15px;top:15px;}
	#site-description h2 {position:absolute;right:0;top:62px;color:#675646;font-size:22px;}

#list-ge-divisions {position:absolute;top:2.5em;left:0;}
	#list-ge-divisions li {float:left;margin-right:1.5em;}
	#list-ge-divisions a {text-decoration:none;}
	#ge-generation span {color:#f68121;}
	#ge-group span {color:#342d59;}
	#ge-shop span {color:#d2424c;}
	
#foot-credit {text-align:right;padding:2.5em 0 4em;}
	#foot-credit .delim {padding:0 .3em;}
	#foot-credit a {font-weight:normal;text-decoration:none;}

#colSide,
#siteBody {padding-bottom:2em;}

#colSide,
.rightContent {padding-top:.5em;}
	

/*--------------------------------------------------------------------------- Reusable styles ---*/
.alignright {float:right;margin:0 0 20px 20px;}
.alignleft {float:left;margin:0 20px 25px 0;}

div.clear, hr.clear {clear:both;height:0;overflow:hidden;width:100%;}

#siteHead .widgets #text-250987801 h2, 
#siteHead .widgets #text-250988581 h2, 
#colSide .widgets #sub-page-menu.widget h2 {position:absolute;left:-999em;}


/*--------------------------------------------------------------------------- Side bar ---*/
#colSide {float:left;width:222px;}
	#colSide p {margin:0 0 1.5em;}
	#colSide h3 {font-size:15px;padding:1em 0 0;}
	#colSide .copyArea,
	#sub-page-menu > ul > li {margin:0 0 .9em;border-bottom:1px solid #e9e3d5;}
	#colSide .copyArea {margin:0 0 .6em;}
	
	#colSide .copyArea a,
	#sub-page-menu a {position:relative;}
	#colSide .copyArea ul ul a:hover:before,
	#sub-page-menu  ul ul a:hover:before {content:'\2022';position:absolute;left:-1em;}
	
	#colSide .copyArea p {margin:.4em 0 .8em;}
	#colSide ul {margin: 0 0 0 2px;}
	
	#colSide ul ul {font-weight: normal;padding-top: 0.5em;}
	#colSide ul li {padding-bottom: 0.6em;margin-bottom: 0.5em;border-bottom: 1px solid #e9e3d5;}
	#colSide ul li li {margin-bottom: 0;border-bottom: 0;}
	#colSide ul ul a {font-weight:normal;text-decoration:none;}
	
	/*--- Styles to control nested levels of navigation appearing---*/
	#colSide ul ul,
	#colSide li.current_page_item ul ul,
	#colSide li.current_page_ancestor ul ul {display: none;}
	#colSide li.current_page_item ul,
	#colSide li.current_page_ancestor ul,
	#colSide li.current_page_ancestor ul li.current_page_item ul,
	#colSide li.current_page_ancestor ul li.current_page_parent ul {display: block;margin: 0 0 0 10px;}
	#colSide li.current_page_ancestor ul li.current_page_item ul {margin-bottom: 0 !important;}
	#colSide li.current_page_item a {text-decoration:none;display:block;}
	
	#sidebar-offers {border:1px solid #e9e3d5;border-width:1px 0;padding:10px 0;margin:1em 0 .5em;}
	#sidebar-champions {text-align:center;padding:0 0 .5em;}
	#sidebar-champions p {padding:0;margin:0;}
	#sidebar-champions img {padding:2em 0;}
	#sidebar-social-networks h3 {padding:1em 0 1em;}
	#sidebar-social-networks a {margin-right:.6em;}
	
		
/*--------------------------------------------------------------------------- Center content ---*/
#colCopy {float:right;width:700px;}
	.post {}
	.post p,
	.post ul,
	.post ol {padding:0 0 1.4em;}
	.post ul {list-style:outside disc;margin-left:40px;font-weight:bold;}
	.post ol {list-style:outside decimal;margin-left:40px;}
	.post li {padding:0 0 .6em 10px;}
	.post blockquote {font-style:italic;}
	.post .storycontent h2,
	.post h3 a:hover,
	.post h3 a:focus,
	.post h3 a,
	.post h3,
	.post h4  {text-align:left!important;margin:1.2em 0;font-size:14px;color:#014167;}
	.post h1 + p,
	.post p.lead {font-size:14px;}
	
	.post h2 {margin-top:.5em;}
	.post h1,
	.post > h2 {font-size:30px;line-height:1.1;padding:0 0 .6em;}
	
	.post.serp {padding-bottom:2em;margin-bottom:1em;border-bottom:1px dotted;}
	.post h2.headline {font-size:20px;}
	.post.serp h2 a {text-decoration:none;}
	.post.serp h2 a:hover {border-bottom:.1em solid;}
	
	.pageLinks {position:absolute;left:730px;top:5px;}

	.post .storycontent h3:first-child {margin-top:0;}
		
	h1 *,
	h2 *,
	h3 * {font-size:100%!important;} /* wysiwyg output quality control */
	.post h2:first-child {margin-top:0;}

	#colCopy .post {width:470px;float:left;margin-left:3px;}
	#colCopy .post-126, 
	#colCopy .post-168, 
	#colCopy .post-190 {width:412px;}

	#colCopy .post-162 {width:505px;}

	#colCopy .button {margin-bottom:10px;}
	#colCopy .buttons {padding-top:10px;text-align:center;}
	#colCopy .buttons:first-child {padding-top:0;}
	
	#rightImg {padding:0 0 1em;}

	#colCopy .rightContent {float:right;}
	#colCopy .rightContent.narrow {width:200px;}
	#colCopy .rightContent img {max-width:250px;}
	
#homeCompare {padding:0 0 1.7em;}