/*
Theme Name: Sungevity Blog v2
Theme URI: http://blog.sungevity.com/
Description: The Sungeivty Blog Theme.
Version: 1
Author: Extro Interactive
Author URI: http://extro.com.au/
Tags: Sungevity

	Sungevity v2
	  http://blog.sungevity.com/

	This theme was designed and built by Extro Interactive,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* GLOBAL RESET 
-------------------------------------------------------------------------------------------------------------*/ 
	/*img,p,div,table,th,td,tr,blockquote,h1,h2,h3,h4,h5,h6,html,body,hr,li,ul,ol,dl,dd,dt,input,select,option,button,form,label,fieldset,textarea {*/
	* { margin:0; padding:0; }
	
/*GLOBAL
-------------------------------------------------------------------------------------------------------------*/
	html, body { height: 100%; width: 100%; }
	
	body{ background-color: #ededed; }
	
	body { behavior:url(wp-content/themes/sungevity2/htc/csshover.htc);}

	#container{
		width: 100%; position:relative;
		background-image: url(images/body_bg.gif);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-color: #fff;
	}
	 
	img, div, li {  behavior: url(htc/iepngfix.htc) }
	
/* FONTS 
-------------------------------------------------------------------------------------------------------------*/

	p { padding-bottom: 16px;}
	
		p.postmetadata{padding-top: 2em;}

	b {font-weight:bold;}

body,input,textarea,select,option {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size:12px;
		color:#595959;
		line-height:1.5;
	}
	
	h1, h2, h3, h4 {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		background-color: inherit;
		font-weight:normal;
	}
		h1 { color: #f15d22; font-size:24px; font-weight: bold;}
		
		h2 { color: #f15d22; font-size:14px; font-weight: bold;}
		
		h3 { color:#f15d22; font-size: 13px; font-weight: bold;}
		
		h4 { color: #595959; font-size:14px; font-weight: bold;}
		
		h5, h6 { color: #595959; font-size:12px; font-weight: bold;}
		
		a { color: #000; text-decoration: underline;}
		a:hover,a:active{color:#F15D22;}
		
		hr{
			margin: 10px 0;
			background-color:#0d8bae;
			border:0 none;
			color:#0d8bae;
			height:1px;	
		}
		
		.clear{ clear: both;}
		
		.highlight { color:#f15d22; font-weight: bold;}
		
		input:focus {  outline: none; }

/*HEADER
-------------------------------------------------------------------------------------------------------------*/
		#header_container{ width: 100%; height: 88px;}
		
		.home_layout #header_container{height:88px;}
		
		#header{
			width: 930px;
			height: 100%;
			margin: 0 auto;
			padding-top: 13px;
 			background: transparent url(images/header_logo.gif)  no-repeat top left;
			text-align: right;
		}
		
		#header_logo{
				width: 205px;
				height: 80px;
				position: absolute;
				margin-top: -10px;
				margin-left: 10px;
			}
				#header_logo a img{ border: 0; }
				
		#header_options{
			min-width: 100%;
			height: 25px;
			margin-top: 0px;
			padding-bottom: 0px;
			display: block;
			text-align: right;
		}		
		
			#header_options a img{ border: 0; }
			
				#header_options ul{ height: 23px; float: right;}
				
					#header_options li{
						min-width: 104px;
						height: 24px;
						margin-right: -4px;
						padding-top: 1px;
						color:#777879;
						float: left;
						list-style-type: none;
						text-align: center;
					}
					
					#ie7 #header_options li{ min-width: 80px;}
					
			#header_options li.last{
				width: 120px;
				padding-top: 2px;
				padding-left: 21px;
				margin-top: 1px;		
				font-size: 12px;
				background-image: url(images/header_standard_nav_last.gif);
				background-repeat: no-repeat;
			}		

				#header_options li a{
					height: 19px;
					padding-top: 4px;
					padding-left: 7px;
					padding-right: 7px;
					
					display: block;
					font-size: 10px;
					text-decoration: none;
					font-weight: bold;
					color: #777879;
					text-transform: uppercase;
					
					background-image: url(images/header_standard_nav_bg.gif);
					background-repeat: no-repeat;
					
				}
				
							#header_options li.first a{
								background-image: url(images/header_standard_nav_first.gif);
								background-repeat: no-repeat;
								padding-right: 13px;
								padding-left: 13px;
							}
							
								#header_options li.first a:hover{ background-image: url(images/header_standard_nav_first.gif); background-position:bottom left;}
								#header_options li a:hover{ background-image: url(images/header_standard_nav_bg.gif); background-position:bottom left; }
								
							#header_options li.last a{
								padding-left: 15px;
								background-image: url(images/header_standard_nav_last.gif);
								background-repeat: no-repeat;
							}
							
								#header_options li.last a:hover{background-image: url(images/header_active_nav_last.gif);}
								
				#header_nav{height: 42px; margin-top: 22px; display: block; }	
			
				#ie6 #header_nav{ margin-top: 18px; }
			
				#header_nav ul{
					float: right;
					height: 23px;	
					background-image: url(images/header_nav_border.gif);
					background-repeat: no-repeat;
					background-position: 100% 100%;					
				}
				
					#ie6 #header_nav ul{ height: 19px;}
				
					#header_nav li{
						padding-right: 10px;
						padding-bottom: 5px;
						padding-left: 15px;
						float: left;
						list-style-type: none;		
						color: #000;
						text-decoration: none;
						text-align: center; 
						background-image: url(images/header_nav_border.gif);
						background-repeat: no-repeat;
						background-position: left bottom;
					}	
					
						#header_nav li.home{
							padding-left: 35px;
							padding-bottom: 5px;
							background-image: url(images/header_nav_border_home.gif);
							background-repeat: no-repeat;
							background-position: 0% 100%;
						}
					
						#ie6 #header_nav li{ padding-bottom: 1px;}
					
						#header_nav li a{
							width: 100%;
							padding-top: 10px;
							padding-bottom: 5px;
							color: #000;
							text-decoration: none;	
						}
						
						#header_nav li a:hover{
							color:#F15D22;
							background-image: url(/img/common/main_nav_hover.gif);
							background-repeat: repeat-x;
							background-position: 0% 87%;
						}
						
							#ie6 #header_nav li a:hover{ background-position: 0% 100%; }			


/*breadcrumb
-------------------------------------------------------------------------------------------------------------*/					
	#breadcrumb{
		width: 100%;
		margin-top: -5px;
		margin-bottom: 10px;
		font-size: 10px;
		text-align: left;
	}
	
		#breadcrumb li{
			display: inline;
			list-style-type: none;
			padding: 0 0px;
			padding-left: 8px;
			background-image: url(images/breadcrumb_bullet.gif);
			background-repeat: no-repeat;
			background-position: 0% 50%;
		}
		
			#breadcrumb li#first{ padding-left: 0px; background-image: none; }
				
		#breadcrumb li a{
			padding-bottom: 1px;
			color: #7d7d7d;
			text-decoration: none; 
			border-bottom:  1px solid #7d7d7d;
		}
		
		#breadcrumb li a:hover{ color: #F15D22 ; border-bottom:  0px solid #F15D22 ; }
		
		#breadcrumb li.active{ color: #F15D22 ; }

/*page
-------------------------------------------------------------------------------------------------------------*/	

	#page_container{ width: 100%; }		

		#page_container{
			background-color: #fff;
			color: #000;
			padding: 50px 0 0;
			background-image:url(images/page_container_bg.gif);
			background-position:50% 0;
			background-repeat:repeat-x;
		}
	
		#page{
			width: 930px;
			/*min-height: 800px;*/
			height: 100%;
			margin: 0 auto;
			padding-top: 0px;	
			background-color: white;
			text-align: left;
			height: 100%;			
		}
		
		#page .page_title{width: auto;}
			
			#page .page_title h1{
				margin-top: 21px;
				margin-right: 15px;
				display: inline;
				font-size: 20px;
				font-weight: bold;
				color: #595959;
			}
				
				#page .page_title h1 a{text-decoration: none;}
		
/*content
-------------------------------------------------------------------------------------------------------------*/
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0;
	padding-right:20px;
	width:690px;
	}

.widecolumn {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	width: 690px;
	}

.post {
	margin: 1px 0 40px;
	text-align: left;
	}

.widecolumn .post {
	margin: 0;
	}
	
	
	#ie7 .widecolumn .post h2{ clear: both;}

.narrowcolumn div.postmetadata {
	padding-top: 5px;
	}

.widecolumn div.postmetadata {
	background: #fff url(images/postmetadata_header.gif) no-repeat 10px 0px;
	margin: 20px 0 30px 0;
	padding-top: 13px;
	height: auto;
	background-color: #ffffff;
	background-position: 0 0;
	background-repeat:no-repeat;
	}
	
	.widecolumn div.postmetadata p{
		background: #fff url(images/postmetadata_bg.gif) no-repeat center bottom;
		padding: 10px 0 26px 20px;
	}
	
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.clear {
	clear: both;
}
/*narrowcolumn formatting
-------------------------------------------------------------------------------------------------------------*/
#container #content{padding-top: 30px;}
	#container #content h2 a, #container #content h3 a{font-size: 14px;color: #f15d22; text-decoration: none;}
	#container #content small{ font-size: 9px;}
	
	#container #content .entry{ padding-top: 20px;}

/*footer
-------------------------------------------------------------------------------------------------------------*/	
	.push{ height: 250px; }

	#footer_container{
		width: 100%;
		height:150px;
		padding-top: 100px;
		position: absolute; /* standards based browsers */
		bottom: 0px;

		background-image: url(images/footer_bg.gif);
		background-repeat: repeat-x;
		background-color: #ededed;
		font-size: 12px;
		color: #595959;
	}		
	
		#footer{ width: 930px; margin: 0 auto; }
		
			#footer .content .column ul{ width: 165px; float: left; }
				
				#footer .content .column li{ list-style-type: none; margin-bottom: 5px; }
				
					#footer .content .column li a{
						color: #595959;
						text-decoration: none;
						border-bottom: 1px dotted #595959;
					}
					
					#footer .content .column li a:hover{
						color: #624219;
						text-decoration: none;
						border-bottom: 1px dotted #624219;
					}
			
			#footer .subcontent{ float: right; width: 300px;  }
				
				#footer .subcontent #country ul{ margin-top: 10px; float: right; }
				
						#footer .subcontent #country li{ display: inline; list-style-type: none; }
						
							#footer .subcontent #country li a img{ border: 0; }
							
			#footer .footer_feedback { margin-top: -20px;  margin-bottom: 10px; }
		
/* End Structure */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.widecolumn .navigation .alignright , .widecolumn .navigation .alignright {
	font-weight: normal;
	color: #000;
	background-repeat:no-repeat;
	background-position:left;
	margin-left: -5px;
}	

	.widecolumn .navigation .alignright a{
		font-weight: normal;
		text-decoration: underline;
		color: #000;
		margin-left: 15px;
	}		
		
		.widecolumn .navigation .alignright a:hover{color:#F15D22;}

	
.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
	
	#sidebar ul li h2{
		font-size: 18px;
		color: #737475;
		height: 40px;
		padding: 5px 0 0 15px;
		background: #fff url(images/widget_header.gif) no-repeat 0 0;
	}
	
	#sidebar ul li ul li, 
	#sidebar ul li ol li{
		color: #545454;
		margin-bottom: 0px;
		padding-top:5px;
		padding-bottom: 10px;
		background: #f2f2f2 url(images/widget_bg.gif) repeat-y 0 0;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0;
	width: 178px;
	padding-left: 15px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0;
	padding-bottom: 10px;
	background: #fff url(images/widget_footer.gif) no-repeat bottom center;
	}
	
		#ie7 #sidebar ul ul, #sidebar ul ol {background: #fff url(images/widget_footer.gif) no-repeat 0px 100% ;}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}


#sidebar ul ul li, #sidebar ul ol li {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;
	}

#sidebar ul ul li, #sidebar ul ol li {
	color: #F15D22;
	}

/*sidebar formatting*/
#sidebar li a{
	font-weight: bold;
	color: #545454;
	text-decoration: none;
}

	#sidebar li a:hover{
		border-bottom: 1px solid #545454;
	}
	
	#sidebar li #searchform {
		background: #fff url(images/widget_search_bg.gif) no-repeat bottom center;
		height: 50px;
		overflow: hidden;
	}
	
		#ie7 #sidebar li #searchform {
			background: #fff url(images/widget_search_bg.gif) no-repeat 0px 100%;
		}
		
	#sidebar li#search{
		background: #fff url(images/search_widget_bg.gif) no-repeat 0px 0px;
	}
	
	#sidebar li#search.widget.widget_search form#searchform{
		background: #fff url(images/search_widget_bg.gif) no-repeat 0px 100%;
	}

/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 0 0 2px 0 ;
	text-align: left;
	position; relative
	}

	#searchform input{
		border: 0px solid #edcabc;
		background-color: transparent;
	}
	
		#sidebar #searchform input#s {
			width: 124px;
			padding: 3px 0px;
			margin-left: 26px;
			margin-top: 5px;
			position: absolute;
			}

		#sidebar input#searchsubmit {
			width: 41px;
			height: 41px;
			cursor:pointer;
			background: transparent url(images/search_btn.gif) no-repeat 0 0;
			position: absolute;
			margin-left: 160px;
			margin-top: -3px;
			}

		#sidebar input#searchsubmit:hover {
			background-position: 0 -41px;
		}
		
		
#sidebar #tag_cloud{
	padding: 0 0 15px 15px;
	background: transparent url(images/tag_cloud_bg.gif) no-repeat center bottom;
	margin-bottom: 20px;
	}
		
	#sidebar #tag_cloud h2{
		margin-left: -15px;
	}
	
	#sidebar  li#tag_cloud.widget_tag_cloud ol{
		background-image: none;
		background-color: transparent;
		margin-left: 0;
		padding-right: 10px;
	}
	
		#sidebar  li#tag_cloud.widget_tag_cloud ol li{
			background: none;
			color:#545454;
			margin:0px;
			padding:0px;
			display: inline;
		}
	
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 168px;
	height: 21px;
	padding: 2px 0 0 0;
	margin: 0 5px 0 0;
	}
	
#commentform input {
	font-size: 1em;
	border:1px solid #9c9c9c;
	padding: 2px 10px 0;
}	

#commentform textarea {
	width: 619px;
	padding: 2px;
	border:1px solid #9c9c9c;
	}

#commentform #submit {
	font-weight: bold;
	height: 30px;
	width: 61px;
	cursor:pointer;
	background:#fff;
	color:#999;
	background:url(images/search.gif) no-repeat left bottom;
	margin: 0;
	float: right;
	border: 0;
	}
	
	p.right_align_submit{ text-align: right; padding-right: 30px;}
		#commentform  p.right_align_submit #submit{ float: none;}

	
/* End Form Elements */

/*respond form
-------------------------------------------------------------------------------------------------------------*/	
.respond_container{
	background: #fff url(images/respond_container_bg.gif) no-repeat center bottom;
	margin-top: 30px;
}

	#ie7 .respond_container{padding-bottom: 1px;}
	
	.respond_container .respond_container_header{
		background: #fff url(images/respond_container_header.gif) no-repeat center top;
		height: 38px;
		padding-top: 5px;
		padding-left: 21px;
	}

	.respond_container form{ padding-left: 31px; padding-top: 20px;}
	
	h3#respond{ color: #595959; font-size: 18px; background-color: transparent; }
	
	form#commentform p{padding-left: 126px}
	
	form#commentform p.left_align{padding-left: 0px; padding-bottom: 11px;}
	
	form#commentform label{margin-left: -137px;}
	
	form#commentform label small{font-size: 12px !important; margin-left: -186px;}



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	padding-bottom: 1.7em;
	}	
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 0;
	margin-left: 725px;
	margin-top: -35px;
	width: 203px;
	background-repeat:repeat-y;
	background-position:50%;
}

#sidebar form {
	margin: 0;
}

/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 0;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
	
	
.breaknavigation { border-top: 0px solid #CDCDCD; width: 100%; margin-bottom: 10px; margin-right: 0; margin-left: 0;}

.widecolumn .breaknavigation { border-top: 0px dashed #CDCDCD; width: 100%; margin: 60px 0;}
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.narrowcolumn .navigation .alignleft , .widecolumn .navigation .alignleft {
	font-weight: normal;
	color: #000;
	background-image:url(images/bullet_arrow_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left: -5px;
}	

.narrowcolumn .navigation .alignright {
	font-weight: normal;
	color: #000;
	background-repeat:no-repeat;
	background-position:left;
	margin-left: -5px;
}	

.narrowcolumn .navigation .alignright a{
	font-weight: bold;
	text-decoration: none;
	margin-left: 15px;
}		
	
/* End Various Tags & Classes*/


/*RSS*/
.rss_feed{
	background-image: url('images/feed_icon.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 15px;
	margin-left:740px;
	padding-left: 30px;
	width: 150px;
	height: 24px;
}
	.rss_feed a{
		display: block;		
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}
	
		.rss_feed a:hover{
			color: #F15D22;
		}

/*HYPERLINK BUTTONS
-------------------------------------------------------------------------------------------------------------*/			
	a.orange_btn{
		background: transparent url('images/sungevity_btn_right.gif') no-repeat scroll top right;
		font-size:12px; 
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		display: block;
		float: left;
		height: 24px;
		margin-right: 6px;
		padding-right: 10px; /* sliding doors padding */
		text-decoration: none;
	}	

		a.orange_btn span,
		a.grey_btn span{
			background: transparent url('images/sungevity_btn_left.gif') no-repeat;
		    display: block;
		    line-height: 14px;
		    padding: 5px 0 5px 10px;
		}	
		
			a.orange_btn:hover, a.orange_btn:focus { background:url(images/sungevity_btn_right.gif) right -78px no-repeat; }
		
			a.orange_btn:hover span, a.orange_btn:focus span {  background:url(images/sungevity_btn_left.gif) left -78px no-repeat; }
			
			
	button.orange_btn{
		border:0; 
		cursor:pointer; 
		font-weight:bold; 
		padding:0 11px 0 0; 
		text-align:center;  
		background:url(images/sungevity_btn_right.gif) right top  no-repeat; 
		font-size:12px; 
		text-transform: uppercase;
	}		
		
		#ie7 button.orange_btn{padding-right: 0px;}
		
		button.orange_btn span{
		  position:relative; 
		  display:block; 
		  white-space:nowrap; 
		  padding:0 0 0 12px; 
		  margin-top:-1px; 
		  height:23px; 
		  line-height:23px;
		  background:url(images/sungevity_btn_left.gif) left top no-repeat;
		  color:#fff; 
		  text-transform: uppercase;
		}		
		
			button.orange_btn:hover, button:focus { /*light grey*/ background:url(images/sungevity_btn_right.gif) right -78px no-repeat; }
		
			button.orange_btn:hover span, button:focus span { /*light grey*/ background:url(images/sungevity_btn_left.gif) left bottom no-repeat; }

/*IE6 is special*/
	#ie6 #header_nav{ margin-top: 18px; }
		#ie6 #header_nav ul{ height: 19px;}
			#ie6 #header #header_options li{display: inline;}
			#ie6 #header #header_options li{width: 130px;}
			#ie6 #header #header_options li.first {
				/*border: 0px solid #fff;
				width: expression(document.body.clientWidth <120 ? "150px" : "15%" );*/
				width: 150px;
			}
			#ie6 #header #header_options li.last{ width: 120px; padding-right: 5px; }
			#ie6 #header_nav li{ padding-bottom: 1px;}
			#ie6 #header_nav li{ padding-bottom: 5px; margin-top: 2px; }
				#ie6 #header_nav li a{ padding: 0; }
					#ie6 #header_nav li a:hover{ background-position: 0% 100%; }						
		 #ie6 #header #header_options ul{
			float: right;
			width: auto;
		}		
						
#ie6 #sidebar ul li h2{
	font-size: 18px;
	color: #737475;
	height: 40px;
	padding: 5px 0 0 15px;
	background: #fff url(images/widget_header.gif) no-repeat 0px 0px;
}
	
	
#ie6 #sidebar{margin-top:-30px; width: 202px;}