/*
Theme Name:	Heat By Pump

*/

/* basic reset */
	* { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, cite, table { margin-bottom: 0.8em; }
	ul, ol, li { margin-left: 0.5em; }
	
/* clearfixes */
.clearfix:after, .menu ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { zoom: 1; }
.clearfix:after { clear: both; }
		

/* page wrappers */
	body {
		text-align: center;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		color: #666;
		background:#d4d5d9;
	}
	#wrapper {
		
	}
	#wrapper2 {
		text-align: left; 
		display: block;  	
		width:960px;
		margin:0px auto;
		background:#fff;
		box-shadow: 5px 5px 3px #999;		
	}

/* common tags */

h1, h2, h3, h4, h5, h6 {
	color:#2c2f66;
}

/* links */
	a:link {
		color: #305aa9;	
		text-decoration:none;
	}
	a:hover {
		color:#666;
		text-decoration:underline;
	}
	/* prettier images */
	img { border: none; }
	/* blockquote */
	blockquote, cite {
		font-size: 0.9em;
		padding-left: 20px;
		padding-right: 20px;
	}

div.postmeta, div.postnavigation {display:none;}

/* main contents */
	#main {background:none; padding:0px; position:relative;}

	#content {
		padding:110px 30px 30px 30px;
		float: left;
		
		font-family:Arial, Helvetica, sans-serif;
	}
	
	body.home #content {
		
		padding:30px 30px 30px 30px;
	}
		
	.postmeta {
		clear: both;	
	}

/* header */
	#header {
		margin: 0;
		background:#fff;
		height:105px;
		position:relative;
	}
	
	#logo {
		position:absolute;
		top:14px;
		left:25px;
		width:96px;
		height:175px;
		z-index:200;
	}
	
	#tagline {
		position:absolute;
		bottom:8px;
		left:175px;
		width:348px; height:22px;
		display:none;
	}
	
	#social {
		position:absolute;
		bottom:5px;
		right:5px;
		width:28px; height:28px;
		z-index:300;
	}	
	
	/* posts */
	.postmeta, .postnavigation {
		font-size: 0.9em;
	}
	body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
		border-bottom: 1px solid #eee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
		border-bottom: none;
	}
	
	.searchresults {padding-bottom:25px; border-bottom:1px solid #999; margin-bottom:25px;}
	.searchresults h3 {margin-bottom:5px;}
	.searchresults em.archiveDate {font-size:.8em;}
	
/* home */

body.home #content {padding-top:0xp; font-size:1.35em;}

#homeRow1 {
		padding:0 40px;
}

#homeRow1 h2 {
	font-size:30px;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin:10px 0;

	text-align:center;
	color:#fff;
	text-transform:uppercase;
	
	}
	
#homeRow1 h1 em {
	color:#f7931e;
}

.homeText {
	padding:0 18px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.3em;
}

.homeText p {
	font-size:12px;
}

.homeText a {
	color:#8a8989;
	text-decoration:none;
}

.homeText a:hover {
	color:#305aa9;
}

.homeOne {	
	width:280px;
	float:left;
	margin-right:20px;
	background:#eaa323 url(images/box1-bg.png) top repeat-x;
	height:255px;
}

.homeTwo {	
	width:280px;
	float:left;
	margin-right:20px;
	background:#5c84bf url(images/box2-bg.png) top repeat-x;;
	height:255px;
}

#topBoxes {
	background:url(http://heatbypump.com/wp-content/themes/heatbypump/images/home-intro-bg.jpg) top left no-repeat;
}


div.pluginBoxDivider {border-top:1px solid #000 !important;} /*for facebook*/

.homeThree {	
	width:280px;
	float:left;
	background:#77bf43 url(images/box3-bg.png) top repeat-x;;	
	height:255px;
}

#homeBottom {padding:40px 40px 20px 40px; font-size:1.25em;}


/*news and gallery*/

#newsPlus {margin-top:35px;}

#newsContent {width:431px; float:left;}

	#newsBox {
		padding:0 0 20px 0;
		}
		
		#newsBox h1 {font-size:18px; margin:0; line-height:20px;}
		
	#newsThumb {
		float:left;
		width:96px;
		padding:0 10px 0 0;
	}
	#newsTime {
	font-style:italic;
	margin-bottom:5px;
	}
	#homeNews {
		float:right;
		font-size:12px;
		width:325px;
		}
		
#gallerySlide {width:431px; float:right;}


/* sidebar */
	#sidebar {
		width: 20%;
		float: right;
		padding: 20px 30px 20px 5px;
		margin-bottom: 20px;
		font-size: 1em;
		display:none;
	}
	#sidebar ul { 
		list-style-type: none;
		margin: 0;
	}
	#sidebar li {
		list-style-type: none;
		margin-left: 0;
	}
	#sidebar li li {
		list-style-type:none;
		margin-left: 18px;
	}
	#sidebar ul {
	}
	#sidebar li ul ul {
		margin-left: 0;
	}
	#sidebar h2 {
		border-top:5px solid #f7921e;
		border-bottom:5px solid #000;
		background:url(http://heatbypump.com/wp-content/themes/heatbypump/images/sidebar-bg.jpg) top repeat-x;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size:18px;
		padding:12px 15px;
		margin: 0 0 10px 0;
	}
#sidebar li.widget {
		background:url(http://heatbypump.com/wp-content/themes/heatbypump/images/box-texture.jpg);
		margin-bottom:20px;
		padding:0 0 15px 0;
}
#sidebar li.widget ul li {
		padding:0;
	}
	
		
	#sidebar .widget {
		margin-bottom: 20px;	
	}
	
#sidebar .textwidget {

		padding:0 15px;
}	

/* footer */
	#footer {
		display: block;
		clear: both;
		width:960px;
		margin:0 auto;
		padding: 10px 0 10px 0;
		font-size:.75em;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#locations {padding:5px 0;}
	
	#footer p {
		text-align: center;	
		font-size: 0.9em;
	}
	
#sponsorLogos {
	text-align:center;
	padding:20px 0;
}

#sponsorLogos img {
	margin:0 15px;
	}

/* topnav and upper nav */

#nav {	position:absolute;
	bottom:0;
 min-width:350px;right:40px;
 height:38px;
 overflow:visible;
}

/*#social {min-width:200px; float:left; text-align:left; padding-top:10px;}
#social img {margin-right:10px;}*/

#topnav {background:#2c2f66; width:100%; right:0;}
	#topnav ul {
		list-style-type: none; 
		text-align: right;
		margin: 0;
	}
	#topnav li {
		list-style-type: none; 
		display: inline; 
		margin:0 0 0 3px;
	}
	
	#topnav li a {
		display:inline-block;
		padding:8px 18px;
		text-decoration:none;
		color:#fff;		
		background:#bb2b26;
		border-top-left-radius:12px;
		border-top-right-radius:12px;
		font-size:1.1em;
		text-transform:uppercase;
		font-weight:normal;
	}
	
	#topnav li a:hover {
		color:#000;
		background:#d4d5d9;
	}	
	
	#topnav li.current-menu-item a {
		color:#000;
		background:#d4d5d9 !important;		
	}
	
	#topnav li ul {
		display: inline;
		padding: 0;
	}
	#bottomnav {
		padding-bottom: 20px;
	}
	
	#topnav li.second a {
		background:#292c64;
	}
	#topnav li.second a:hover {
		color:#000;
		background:#d4d5d9;
	}	
	
	#topnav li.third a {
		background:#387539;
	}
	#topnav li.third a:hover {
		color:#000;
		background:#d4d5d9;
	}		
	
/* upper nav */

#secondNav {
		min-width:300px;
		position:absolute;
		right:40px;
		top:5px;
		text-align:right;
		background:url(images/tagline2.png) left center no-repeat;
		padding-left:287px;
}

#secondNav ul {
		list-style-type: none; 
		text-align:right;
		margin: 0;
	}
	 #secondNav li {
		list-style-type: none; 
		display: inline; 
		padding-left: 0.5em;
		border-left:1px solid #999;
	}
	#secondNav li a {
		color:#999;
		text-decoration:none;
	}
	#secondNav li a:hover {
		color:#305aa9;
	}
	
	#secondNav li.first {
		border-left:none;
	}
	
	#secondNav li ul {
		display: inline;
		padding: 0;
	}


#copy {text-align:center;}	
#sponsor {float:right; width:40%; text-align:right;}	

/* comments */
	#comments {
		font-size: 0.9em;	
	}
	#comments ol {
		margin: 0;
	}
	#comments li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#comments li ul {
		padding-left: 10px;
		margin-bottom: 0;
	}
	#comments .comment-body {
		padding: 10px 10px 0 10px;
		border-bottom: 1px solid #ccc;
	}
	#comments .comment-meta {
		font-size: 0.8em;
		padding-bottom: 0.5em;
	}
	#comments .reply {
		padding-bottom: 10px;
		font-size: 0.8em;
	}
	#comments .thread-even {
		background: #eee;	
	}
	#comments .thread-odd {
		background: #ddd;	
	}
	#respond {
		margin-top: 30px;
		padding: 10px;
	}
	#respond label {
		display: block;
	}
	#respond input, #respond textarea {
		font-family: Helvetica, sans-serif; 
		font-size: 10pt;
}

/* wordpress classes */
	.alignleft {
		float: left; 
		padding: 2px 8px 8px 2px;
	}
	.alignright {
		float: right;
		padding: 2px 2px 8px 8px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption-text, .gallery-caption { 
		color: #666; 
		font-size: 0.8em; 
		padding: 3px 0; 
	}
	.gallery {
		padding: 10px 10px 25px 10px;
	}

/* customize search widget here */
	.widget_search #searchform {
	}
	.widget_search #searchform label {
		display: block;
	}
	.widget_search #searchform #s {
		width: 100px;
	}
	.widget_search #searchsubmit {	
	}

/* Mass Template Styles */

	#headerMass {
		margin: 0;
		background:#fff;
		height:105px;
		position:relative;
	}
	
#headerMass #logo {
		position:absolute;
		top:14px;
		left:25px;
		width:96px;
		height:175px;
}
		

#main.massmain {background:none; padding:0px;}

#slideshow {width:960px; height:314px;}

#content.mass {width:605px; margin:0; padding:30px;}
#content.mass h1 {font-size:20px; color:#666; margin:0;}

#content.massInt {width:605px; margin:0; padding:100px 30px 30px 30px;}
#content.massInt h1 {font-size:24px; color:#2c2f66; margin:0 0 20px 0;}

#main.massmainFull {background:none; padding:100px 30px 30px 30px;}
#content.massFull {margin:0; padding:0;}

#locationThumb {width:120px; float:left; font-size:.75em; color:#000;}

#content.mass div.pagecontent {width:465px; float:right; line-height:1.5em;}
#massSidebar {width:265px; padding:30px 30px 30px 0px; float:right;}

#nav.mass {	background:#2c2f66; width:100%; right:0;
}

#massnav {padding-left:106px; display:block;}
	#massnav ul {
		list-style-type: none; 
		text-align: left;
		margin: 0;
		padding-left:0;
	}
	#massnav li {
		list-style-type: none; 
		display: inline; 
		margin:0;
		float:left;
	}
	
	#massnav li a {
		display:block;
		padding:9px 18px 9px 18px;
		text-decoration:none;
		color:#fff;		
		background:#2c2f66;
		font-size:1em;
		text-transform:uppercase;
		font-weight:normal;
		border-right:1px solid #fff;
	}
	
	#massnav li a:hover {

	}	
	
	#massnav li.current-menu-item a {
				
	}
	
	#massnav ul ul {
	float: left;
	padding-left:0;
	position: absolute;
	top: 38px;
	left: -999em;
	z-index: 99999;
	}
	
#massnav ul ul ul {
	left: -999em;
	top: 0;
}

#massnav ul ul a {
		width:150px;
	text-transform:none;		
}

#massnav ul ul a:hover {

}

#massnav ul ul li {
	background:#2c2f66;		
	border-top:1px solid #fff;
}
	
	
	#massnav li.second a {
		background:#292c64;
	}
	#massnav li.second a:hover {
		color:#000;
		background:#d4d5d9;
	}	
	
	#massnav li.third a {
		background:#387539;
	}
	#massnav li.third a:hover {
		color:#000;
		background:#d4d5d9;
	}
	
#massnav ul li:hover > ul {
	left: auto;
}

#massnav ul ul li:hover > ul {
	left: 100%;
}	

#lowerRow {width:100%; margin-top:35px;}
#newsCol {width:285px; float:left;}
#newsCol h2.widgettitle {display:block; font-size:16px; text-transform:uppercase; color:#fff; background:#2c2f66; padding:5px 12px;}
#newsCol li {list-style:none; margin-left:0px;}

#calloutCol {width:285px; float:right;}
#calloutCol h2.widgettitle {display:block; font-size:16px; text-transform:uppercase; color:#fff; background:#2c2f66; padding:5px 12px;}
#calloutCol li {list-style:none; margin-left:0px; font-size:14px; line-height:1.5em;}
#calloutCol #quoteauthor {display:block; padding-top:5px; font-weight:bold; color:#000;}

body.category #main {background:none; padding:100px 30px 30px 30px;}
body.single #main {background:none; padding:100px 30px 30px 30px;}

/* Maine Template Styles */

	#headerMaine {
		margin: 0;
		background:#fff;
		height:105px;
		position:relative;
	}
	
#headerMaine #logo {
		position:absolute;
		top:14px;
		left:25px;
		width:96px;
		height:175px;
}
		

#main.mainemain {background:none; padding:0px;}

#slideshow {width:960px; height:314px;}

#content.maine {width:605px; margin:0; padding:30px;}
#content.maine h1 {font-size:20px; color:#666; margin:0;}

#content.maineInt {width:605px; margin:0; padding:100px 30px 30px 30px;}
#content.maineInt h1 {font-size:24px; color:#2c2f66; margin:0 0 20px 0;}

#main.mainemainFull {background:none; padding:100px 30px 30px 30px;}
#content.maineFull {margin:0; padding:0;}

#locationThumb {width:120px; float:left;}

#content.maine div.pagecontent {width:465px; float:right; line-height:1.5em;}
#maineSidebar {width:265px; padding:30px 30px 30px 0px; float:right;}

#nav.maine {	background:#2c2f66; width:100%; right:0;
}