/*
Theme Name: 3ecobees
Theme URI: 
Description: 
Version: 
Tags: 
Author: 
Author URI: 
*/

body { font-family:Arial, Helvetica, sans-serif; font-size:13.5px; line-height:1.5; color:#FFF; background-color:#000000; background-repeat:no-repeat; background-position: 0 0; text-align:left}

/* typography */
h1, h3, h4 {color:#99cc00; font-family: "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase}
h2 {color:#fff; font-family: "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase}
h5 {color:#99cc00; font-family: "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase}
/* Layout */
#header { height:60px; background:url(images/tbg.png); margin-bottom:60px; padding-left:60px;}
	#header img { float:left}

#container {width:840px}
	#container h2 { float:left; width:220px; padding:20px; font-size:24px; text-align:right; clear:both}
	

.content { float:left; width:340px; padding:20px; background:url(images/mbg.png); margin-right:20px; margin-bottom:20px}
	.content img { float:left; margin:10px -10px}
	.content h3 { font-size:14px; color:#9ace0e} 
	
.contentFull {float:left; width:540px; padding:20px; background:url(images/mbg.png); margin-bottom:20px}
	
#side, .side { float:left; width:180px;}
	#side div { background:url(images/mbg.png); padding:10px; margin-bottom:20px; position:relative}
	#side .blog { height:160px; color:#CCC; font-size:11px;}
		#side .blog span { position:absolute; bottom:5px; right:5px; font-size:11px; color:#8f8f85}
		
	#side .any { height:auto !important}
		
	#side h3 { font-size:13px; color:#FFF; margin-bottom:4px; font-weight:bold}
	#side h3 a { text-decoration:none}

	#twitter_div p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0}
	#twitter_div h3 { line-height:32px; padding-left:32px; background:url(images/twitt.png) no-repeat 0 0; font-weight:bold}
	#twitter_div span { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}

#footer { clear:both; padding:40px 0 60px 280px; line-height:30px; font-size:11px; color:#fff;}
	#footer a { color:#fff; font-size:12px;}
	#footer a:hover { color:#e3f4fd}

/* menu */
#menu li { float:left; line-height:60x; height:60px; font-family:Arial, Helvetica, sans-serif; font-size:17px;}
#menu li a { overflow:hidden; float:left; background-image:url(images/menu.png); height:60px;}
#menu li a span { float:left; margin-top:-999px;}

#mIntro, #mIntro a { width:70px; background-position:0 0}
	#mIntro a:hover, #mIntro a.active { background-position:0 -60px}
#mAbout, #mAbout a { width:80px; background-position:-132px 0}
	#mAbout a:hover, #mAbout a.active { background-position:-132px  -60px}	
#mServices, #mServices a { width:95px; background-position:-212px 0}
	#mServices a:hover, #mServices a.active { background-position:-212px -60px}	
#mPartners, #mPartners a { width:97px; background-position:-307px 0}
	#mPartners a:hover, #mPartners a.active { background-position:-307px -60px}	
#mBlog, #mBlog a { width:68px; background-position:-404px 0}
	#mBlog a:hover, #mBlog a.active { background-position:-404px -60px}
#mContact, #mContact a { width:110px; background-position:-472px 0}
	#mContact a:hover, #mContact a.active { background-position:-472px -60px}
	
.cbox { float:left;}

.meta { border-top:1px dotted #000; color:#999; font-size:11px; padding:10px 0 0 0; margin:10px 0 0 0; }

.post .content { position:relative}
.post .content .date { position:absolute; top:20px; right:20px; font-size:11px; color:#8f8f85}
.post .content h3 { font-size:21px; margin-bottom:0.5em;}

#container .post h2 { float:left; width:100%; text-align:left; padding:0 0 10px 0; font-size:24px; clear:both}
.bigDate { float:left; width:220px; padding:20px; text-align:right; clear:both}

.info { float:left; padding-left:280px}

.comments { float:left; padding-left:20px; width:820px }
.comments h3 { clear:both; padding-left:260px; font-size:24px;}

.commentlist li { clear:both; float:left; margin:10px 20px 10px 260px; padding-bottom:10px; border-bottom:1px dashed #9ace0e}
.commentlist h4 { text-transform:none; font-size:18px;}

#commentform label { float:left; width:240px; text-align:right; padding-right:20px}
#commentform input { float:left; width:320px; padding:4px; margin-bottom:5px}
#commentform textarea { float:left; width:520px; padding:4px; margin-bottom:5px}
#commentform #submit { width:auto; background:#9ace0e; margin-left:260px; display:inline; float:left; font-weight:bold}

.blog ul { margin:0.5em 0;}
	.blog ul li{ padding-left:20px; margin-bottom:0.5em; padding-bottom:0.5em; background:url(images/bullet.gif) no-repeat 5px 5px; border-bottom:1px dotted #000}

#cformsform .cf-ol, #cformsform .cf-ol li {list-style:none !important; margin:0; padding:0;}
#cformsform label {float:left; width:100%; text-align:left;}
#cformsform input, #cformsform textarea {padding:3px; margin-bottom:3px; width:200px; margin-right:10px;}
#cformsform textarea {width:330px;}
#cformsform #sendbutton {float:left; display:inline; background:#9ace0e; font-weight:bold; width:auto;}
#cformsform legend {font-weight:bold; padding-left:90px;}


/* defaults */	
a img { border:none}
a { color:#99cc00}
a:hover { color:#99cc00}

.contentFull ul, .contentFull ol { margin:1em 0;}
	.contentFull ul li{ padding-left:30px; margin-bottom:0.3em; background:url(images/bullet.gif) no-repeat 12px 7px}
	.contentFull ol li { margin-left:30px; margin-bottom:0.3em; list-style:decimal }

.contentFull img { float:left; margin:0 20px 10px 0}
	
blockquote { padding:1em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#fff}

/* white space reset */
* { margin:0; padding:0; border:none; list-style:none outside}
p { margin-bottom:1.2em}

/* easy clear */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */