/*
Theme Name: E2ENERGY
Theme URI: http://e2energy.us
Description: Web theme
Version: 2 (WP2.6.2)
Author: Coyote LAb
Author URI: http://coyotelab.org
Tags: E2ENERGY
*/

/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
.clear{clear:both}

/* TYPOGRAPHY */
/* ----------------------------------------- */
h1{font:bold 50px Arial,Helvetica,sans-serif; padding:10px 0 0 0; color:#155492}
h2{font:small-caps bold 16px Arial,Helvetica,sans-serif; padding:20px 20px 0 20px; color:#155492; text-align:justify}
h3{}
h4{font:small-caps bold 20px Arial,Helvetica,sans-serif; padding:60px 0 0 0; color:#155492}
h5{font:bold 12px Arial,Helvetica,sans-serif; padding:0 0 10px 0; color:#FFF}
h6{font:bold 12px Arial,Helvetica,sans-serif; padding:10px 0 10px 20px; color:#155492}

a:link{}
a:active, a:visited{}
p{font:normal 12px/18px Arial,Helvetica,sans-serif; padding:0 20px; color:#333; text-align:justify}

/* CONTENT */
/* ----------------------------------------- */
body{background:#989796 url(/wp-content/themes/e2energy/img/bg.gif) repeat-x top center; font:normal 12px Arial,Helvetica,sans-serif}
#container{width:960px; margin:0 auto}
#spacer{background:transparent; width:auto; height:35px}
#header{background:#FFF; width:auto; height:130px; display:block; border:1px solid #DDD; border-bottom:medium none}
#logo{background:transparent url(/wp-content/themes/e2energy/img/logo.jpg) no-repeat bottom left; width:150px; height:114px; margin-top:10px; float:left}
#logo h1{text-indent:-9999px}
#topnav{float:right; padding:10px 18px}
#topnav a, a:visited{  color:#717880;   font-weight:normal;   text-decoration:none}
#topnav a:hover{  color:#155492;   text-decoration:none}
#topnav ul{list-style-position:outside; list-style-type:none}
#topnav ul li{background:transparent url(/wp-content/themes/e2energy/img/topnavpipe.gif) no-repeat scroll 100% 0.2em; display:inline; float:left; font-size:0.9em; height:1.1em; line-height:1.1em; padding:0 15px}
#topnav ul li.last{background:transparent none repeat scroll 0 0; padding-right:0}
#topnav #search{padding:80px 0 0 150px}
#topnav #search input.text{background:#FFF url(/wp-content/themes/e2energy/img/bg-search.gif) no-repeat scroll 0 0; border:1px solid #DDD; color:#666; float:left; font-size:1em; height:1.3em; margin-right:5px; padding:1px 0 0 20px; width:128px}
#navbar{background:transparent url(/wp-content/themes/e2energy/img/bgNav.gif) repeat-x 0 0; height:25px;   width:100%;     font-size:1.1em;     clear:both}
#navbar a{  color:#717880;   font-weight:normal; font-family:"Trebuchet MS",Helvetica,sans-serif}
#navbar a:hover{  color:#155492}
#navbar ul, #navbar ul li{list-style-image:none; list-style-position:outside; list-style-type:none}
#navbar ul, #navbar ul li{  list-style:none;   float:left}
#navbar li a:link, #navbar li a:visited{  background:transparent;   text-decoration:none;   height:24px;   line-height:24px;   display:inline;   float:left;   width:auto;   padding:0px 18px}
#content{background:#FFF; width:auto; border:1px solid #DDD; border-bottom:8px solid #EEE}
#content .counter{font-size:1em; padding:5px 0 35px 0; color:#DDD}
#main{Width:auto; display:block; background:transparent url(/wp-content/themes/e2energy/img/water-mark.gif) no-repeat center center}
#main a, a:visited{color:#717880;   font-weight:normal;   text-decoration:underline}
#main a:hover{  text-decoration:none}
#main h3{padding:0.5em 0 0 1.5em; font-size:14px; font-weight:bold}
#main p{padding:5px 20px}
#main ul{padding-top:1em; color:#155492}
#main ul li{list-style-position:inside; list-style-type:disc; line-height:2em; padding:0 2.5em}
#main ul li span{color:#333}

#main .position{position:relative}
#main .folder{position:absolute; left:15em}
#main .docs{position:absolute; left:30em}
#main #form{font:normal 12px/18px Arial,Helvetica,sans-serif; margin:0 0 0 10px}
#main #form td{padding:5px 0}
#main #form input.text{background:transparent; border:1px solid #999; color:#666; float:left; font-size:1em; height:1.3em; margin-right:5px; padding:1px 0; width:250px}
#main #form textarea.text{background:transparent; border:1px solid #999; color:#666; float:left; font-size:1em; height:1.3em; margin-right:5px; padding:1px 0; width:250px; height:150px}
#main #form .button{background:transparent; width:60px; height:25px; border:1px solid #999}
#main .counter{font-size:1em; padding:5px 0 35px 0; color:#DDD}
#mainSearch{Width:auto; display:block}
#mainSearch a, a:visited{color:#717880;  font-weight:normal;  text-decoration:underline}
#mainSearch a:hover{ text-decoration:none}
#mainSearch h3{padding:0.5em 0 0 1.5em; font-size:14px; font-weight:bold}
#slogan-frame{background-color:#FFF; border:1px solid #DDD; padding:3px 3px 3px 3px; width:920px; height:220px; margin:16px}
#slogan_02{display:none}
#slogan_03{display:none}
#exchange{background-color:#FFF; /*border:1px solid #DDD; */padding:3px; width:270px; position:relative; margin:2px 16px 0 0}
#bio-pic{background-color:#FFF; border:1px solid #DDD; padding:3px; margin:20px 0 0 20px}
#slide-frame{background-color:#FFF; border:1px solid #DDD; padding:3px; width:446px; height:155px; margin:0}
#slider_02{display:none}
#slider_03{display:none}
#slider_03{display:none}
#slider_04{display:none}
#slide-frame ul, #slide-frame ul li{list-style-image:none; list-style-type:none; padding:0}
.content-bottom{background-color:#FFF; border:1px solid #DDD; margin-bottom:1em; padding:3px; width:300px; height:230px}
.content-bottom-second{background-color:#FFF; border:1px solid #DDD; margin-bottom:1em; padding:3px; width:600px; height:230px}
.box-content{background:transparent url(/wp-content/themes/e2energy/img/bg-box.gif) repeat-x 0 100%; padding:10px; height:100%}
.box-content ul{padding-top:0.5em}
.box-content ul li{list-style-position:inside; list-style-type:none; line-height:0.5m; padding:0.5em 1.5em; color:#666}
.box-content a{color:#666; text-decoration:underline}
.box-content a:visited{color:#666; text-decoration:underline}
.box-content a:hover{color:#666; text-decoration:none}
.product-pic{background-color:#FFF; border:1px solid #DDD; padding:3px}
#footer{width:auto}
#footer p{font-size:1em; padding:5px 0 35px 0; color:#DDD}
#footer a{text-decoration:underline; color:#DDD}
#footer a:visited{text-decoration:underline; color:#DDD}
#footer a:visited{text-decoration:underline; color:#DDD}

/* THICKBOX*/
/* ----------------------------------------- */
html, body{height:100%}

#TB_overlay{position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background-color:transparent; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}

#TB_window{position:absolute; background:#fff; z-index:102; color:#000; display:none; border:2px solid #DDD}

#TB_window img{display:block; margin:0px 0px}

#TB_caption, #TB_prev{height:25px; padding:10px 30px 0px 25px; float:left}

#TB_closeWindow, #TB_next{height:25px; padding:10px 25px 0px 0; float:right}

#TB_closeAjaxWindow{padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; background-color:#e8e8e8; display:none}

#TB_ajaxContent{overflow:auto}

#TB_load{text-align:center; position:absolute; top:50%; left:0px; width:100%; overflow:visible; visibility:visible; display:block; z-index:101}

#TB_loadContent{margin-left:-125px; position:absolute; top:-50px; left:50%; width:250px; height:100px; visibility:visible}

#TB_SecondLine, #TB_ImageDIV, #TB_ajaxContent{clear:both}

/* BROWSER SELECTOR*/
/* ----------------------------------------- */
.opera #main #form {margin: 0 0 0 10px;}
.ie #main #form {margin: 0 0 0 10px;}
.ie7 .box-content ul li {float: left; padding:0.2em 1.5em;}