/*  
Theme Name: Home Gas
Theme URI: http://www.HomeGas.net/
Description: Custom Theme for Home Gas Ltd
Author: NoDiamonds.com
Author URI: http://www.nodiamonds.com/
Version: 1.0

	Home Gas v1.0
	http://www.HomeGas.net/

	This theme was coded by Tim Holt for NoDiamonds.com,
	whose site you will find at http://www.technokinetics.com/

*/



/* General */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
p { margin: 10px 0; }
.clearfix { clear: both; }
table, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: inherit; vertical-align: baseline;
}


/* Layout */
body { background: url(images/bg-waves.jpg) center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; /* Reins in text resizing in IE */ text-align: center; }
#wrapper { width: 900px; margin: 10px auto; text-align: left; }



/* Header */
#header { background: #fff url(images/bgheader.png) left top repeat-x; height: 302px; }
#header h1 { position: relative; float: left; margin: 17px 10px 41px 20px; width: 246px; height: 41px; overflow: hidden; font-size: 0.8em; }
#header h1 span { position: absolute; width: 246px; height: 41px; background: url(images/logo.png) left top no-repeat; }
#header h1 span:hover { cursor: pointer; }
#headerpic { clear: both; width: 900px; height: 203px; background: url(images/headerpic.jpg) left top no-repeat; }
	/* changes header image depending on body id */
	#products #headerpic { background-image: url(images/products.jpg); }
	#aboutus #headerpic { background-image: url(images/aboutus.jpg); }
	#energysavings #headerpic { background-image: url(images/energysavings.jpg); }
	#companynews #headerpic, #companynewsitem #headerpic { background-image: url(images/companynews.jpg); }
	#safetytraining #headerpic { background-image: url(images/safetytraining.jpg); }
	#hurricane #headerpic { background-image: url(images/hurricane.jpg); }
	#community #headerpic { background-image: url(images/communityinvolvement.jpg); }
	#contactus #headerpic { background-image: url(images/contactus.jpg); }
    #cooking #headerpic { background-image: url(images/cooking-duo.jpg); }

	
	
/* Header Menu */
#header ul { float: right; margin: 25px; list-style: none; }
#header li { float: left; border-left: 1px solid #000168; }
#header li.page-item-14 { border-left: none; }
#header ul li a { display: block; padding: 0 10px; font-size: 0.8em; color: #000168; text-decoration: none; }
#header ul li a:hover { color: #D51427; text-decoration: underline; }



/* Content */
#main { background: #fff url(images/bgmain.gif) left top repeat-y; border-top: 1px solid #8E8E8E; /* Prevents gap between header and main in FF */ }
#content { float:left; padding-left:25px; width:445px; }
#content h1.postTitle { margin: 5px 0 20px 0; color: #d51427; text-align: center; font-size: 1.45em; }
h1.postTitle a { text-decoration: none; color: #D51427; }
h1.postTitle a:hover { color: #000168; text-decoration: underline; }
.post p.postMeta { margin: 5px 0; font-size: 0.8em; }
#content h1 { font-size: 1.2em; }
#content h2, h3, h4, h5, h6 { font-size: 0.9em; }
#content h3 { margin-top: 30px; color: #D51427; }
#content ul, #content ol { margin-left: 25px; }
#content li { margin: 5px 0; line-height: 1.25em; font-size: 0.75em; }
#content li h3, #content li p { font-size: 1em; } /* Prevents nested elements getting progressively smaller */
.post { margin: 20px 0; }
.post p, .post li { line-height: 1.25em; font-size: 0.75em; }
.post a, #nextprevious a { color: #D51427; }
.post a:hover, #nextprevious a:hover { text-decoration: none; color: #000168; }

#content ul.child-pages { padding: 0; margin-top: 15px; list-style: none;}
#content ul.child-pages li { margin-bottom: 15px; padding: 0px 0;}
#content ul.child-pages .page-thumbnail { float: left; width: 40px; padding: 0 15px; }
#content ul.child-pages a img { border: none; }
#content ul.child-pages .page-text { float: left; width: 340px; }
#content ul.child-pages h3, #content ul.child-pages p { margin: 0 0 4px 0; }
#content ul.child-pages a.more { font-weight: bold; color: #d51427; text-decoration: none; }
#content ul.child-pages a.more:hover { text-decoration: underline; color: #000168; }
#content ul.child-pages div.container { padding-bottom:5px; border-bottom:1px solid #bbb; margin-bottom:10px; }
#content ul.child-pages h3.cat_title { color:#d51427; padding-bottom:10px; padding-top:0px; }
#content ul.child-pages li { margin: 5px 0 0 0; } 

#content ul.child-pages2 { padding: 0; margin-top: 0px; list-style: none; }
#content ul.child-pages2 li { margin-bottom: 15px; padding: 0px 0;}
#content ul.child-pages2 .page-thumbnail { float: left; width: 40px; padding: 0 15px; }
#content ul.child-pages2 a img { border: none; }
#content ul.child-pages2 .page-text { float: left; width: 340px; }
#content ul.child-pages2 h3, #content ul.child-pages p { margin: 0 0 4px 0; }
#content ul.child-pages2 a.more { font-weight: bold; color: #d51427; text-decoration: none; }
#content ul.child-pages2 a.more:hover { text-decoration: underline; color: #000168; }
#content ul.child-pages2 div.container { padding-bottom:5px; border-bottom:1px solid #fff;  }
#content ul.child-pages2 h3.cat_title { color:#d51427; padding-bottom:10px; padding-top:0px; }
#content ul.child-pages2 li { margin: 5px 0 0 0;  } 
#content table { font-size:0.75em; }
/* Sidebar */
#sidebar { float: left; padding-top: 18px; width: 201px; background: #fff url(images/bgsidebar.jpg) left top no-repeat; }
#sidebar ul { list-style: none; }
* html #sidebar li { margin-bottom: -1px; /* Fixes list item spacing bug in IE6 */ border-bottom: 1px solid #CCDBEC; /* Fixes list item spacing bug in IE6 */ }
#sidebar a { display: block; padding-left: 30px; height: 30px; line-height: 30px; font-size: 0.7em; font-weight: bold; color: #FFF; text-decoration: none; overflow: hidden; background: url(images/bgsidebarlink.jpg) left top no-repeat; }
	/* highlights current page link in sidebar (or parent page link if this is a sub-page */
	#sidebar li.current_page_item a, #home #sidebar li.page-item-4 a, #products #sidebar li.page-item-5 a, #aboutus #sidebar li.page-item-6 a, #energysavings #sidebar li.page-item-7 a, #companynews #sidebar li.page-item-8 a, #safetytraining #sidebar li.page-item-9 a, #hurricane #sidebar li.page-item-10 a, #community #sidebar li.page-item-11 a, #contactus #sidebar li.page-item-12 a, #sidebar a:hover { background: url(images/bgsidebarlink.jpg) left -30px no-repeat; }



/* Right sidebar */
#rightbar { float: right; margin-top: 25px; width: 222px; }
#rightbar ul { list-style: none; width: 197px; }
#rightbar li { margin: 10px 0; padding-bottom: 10px; background: url(images/bottomshadow.png) left bottom no-repeat; }
#rightbar li h2 { margin: 0; padding-left: 8px; overflow: hidden; font-size: 0.7em; height: 26px; line-height: 26px; text-transform: uppercase; background: url(images/bgrightbartitle.png) -1px top no-repeat; }
#rightbar li p { margin: 0; padding: 5px 16px 0 8px; font-size: 0.6em; background: url(images/rightshadow.png) left top repeat-y; }
#rightbar li p.readmore { padding-left: 124px; }
#rightbar li p.readmore a { display: block; padding-top: 4px; width: 58px; height: 16px; line-height: 16px; overflow: hidden; color: #D51427; font-size: 6pt; text-transform: uppercase; text-align: center; background: url(images/readmore.png) left top no-repeat; }
#rightbar ul.subnav { width: auto; }
#rightbar ul.subnav li { margin: 0; padding-bottom: 3px; background: none; }
#rightbar ul.subnav li a { font-size: .7em; font-weight: bold; color: #d51427; text-decoration: none; }
#rightbar ul.subnav li a:hover { text-decoration: underline; }
#rightbar h2 a { text-decoration: none; color: #000; }
#rightbar h2 a:hover { color: #d51427; text-decoration: underline; }
#rightbar a { color: #d51427; text-decoration: none; }
#rightbar a:hover { text-decoration: underline; }
#rightbar img {
	max-width: 170px;
}


/* Footer */
#footer { padding-top: 15px; height: 81px; background: url(images/bgfooter.png) left top repeat-x; text-align: center; }
#footer ul { margin: 0 auto; width: 28em; list-style: none; }
#footer li { display: inline; }
#footer li a { height: 1.2em; padding: 0 5px; font-size: 0.7em; color: #010066; }
#footer li a:hover { color: #D51427; text-decoration: none; }
p#copyright { clear: both; color: #010066; font-size: 0.7em; }



/* WordPress image alignment */
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { margin: 0 15px 15px 0; float:left; }
.alignright { margin: 0 0 15px 15px; float:right; }


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}