/*
Theme Name: Helios Solar
Theme URI: http://heliossolar.com
Theme Author: Marcus Cudd
Theme Version: 1.0a

*/


@charset "UTF-8";
/* CSS Document */

html{font-family: Arial, arial, helvetica, sans-serif; font-size: 13px;}

img{border: none;}

html body{margin: 0px auto; text-align: center;}

.container{background: #ffffff; width: 870px; margin: 0px auto; text-align: left; /* border-left: 2px solid #6FB346 ; border-right: 2px solid #6FB346 ; border-bottom: 2px solid #6FB346 ;*/}

a:link{color: #65A937; text-decoration: none;}

a:visited{color: #65A937; text-decoration: none;}

a:hover{color: #000000; text-decoration: underline;}

.top{width: 870px; height: 130px; overflow: hidden;}

.top .logo{width: 400px; height: 130px; float: left; margin-left: 15px;}
.top .logo img{padding-top: 25px;}

.top .rightpanel{width: 430px; height: 130px; float: left; text-align: right;}
.inputpanel{width: 200px; width: 430px; padding-top: 64px;  margin: 0px;}
.inputbox{width: 150px; height: 18px; border: 4px solid #c7d9f1; margin-top: 0px; padding: 0px;}

.menu{ width: 840px; margin-left: 15px; height: 35px;}


.menu ul{text-align: right; padding: 0px; margin: 0px;}
.menu ul li{list-style: none; display: inline; background: url('images/menu.jpg') top left no-repeat; padding-left: 20px; padding-top: 8px; padding-bottom: 14px; margin-left: 5px;


}
.menu ul li:hover,  .menu ul li.current_page_item{background: url('images/menuselect.jpg') no-repeat top left;}

.menu ul li a{color: black; font-family: Arial, helvetica, sans-serif; font-size: 16px; background: url('images/menu.jpg') bottom right no-repeat; padding-right: 20px;  padding-top: 14px; padding-bottom: 6px; }
.menu ul li:hover a, .menu ul li.current_page_item a{background: url('images/menuselect.jpg') no-repeat bottom right; color: black; text-decoration: none;}

.content{}

.content .solarlanding{width: 849px; height: 459px; background: url('images/solar2.jpg') center top no-repeat; margin: 0px auto;}
.content .insolarlanding2{width: 550px; float: left; margin-right: 20px;}
.content .insolarlanding3{width: 270px; float: left; text-align: left;  font-size: 18px; color: black;}
.content .starthere{width: 840px; clear: left; text-align: right;}

/* BLOG-SINGLE */
.content .left{width: 265px; float: left; margin-right: 10px; margin-left: 15px;}
.content .right{width: 550px; float: left;  line-height: 1.16em}






.widgets{width: 835px; border: 7px solid #ffcc00; margin: 0px auto; overflow: hidden;}
.widgettopper{width: 100%; height: 2px; float: clear;}

.widgetbox{width: 274px; float: left; margin-left: 2px; margin-right: 2px;}

.widgethead{width: 274px; min-height: 40px; background: #ffcc00; margin-bottom: 3px;}

.widgettitle{text-align:center; width: 260px; padding-top: 8px; font-size: 22px; color: black;}

.widgetbody{width: 269px; margin: 0px auto;}

.widgetfooter{width: 274px; padding-bottom: 3px; margin-bottom: 8px;}




.widgettofooter{width: 100%; height: 10px; float: clear;}

.footer{width: 870px}

.rollover {
    margin-top: 20px;
    display:block;
    width:150px;
    height:50px;
    background:url(images/button_0.jpg) no-repeat;
    text-indent:-9999px;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
    background:url(images/button_0.jpg) no-repeat;
}

a.rollover:hover {
    background-position:-150px 0;
    background:url(images/button_1.jpg) no-repeat;
}

a {outline:none;}

.rolloverhome {
    float: right;
    margin-right:20px;
    display:block;
    width:150px;
    height:50px;
    background:url(images/button_0.png) no-repeat;
    text-indent:-9999px;
}

a.rolloverhome:link, a.rolloverhome:visited, a.rolloverhome:active {
    background:url(images/button_0.png) no-repeat;
}

a.rolloverhome:hover {
    background-position:-150px 0;
    background:url(images/button_1.png) no-repeat;
}

#fader {
    width: 200px;
    height: 150px;
    margin-left: 25px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}