/*
Theme Name: freewheeling
Theme URI: 
Description: .
Version: 1.6
Author: clickthinking
Author URI: http://clickthinking.com/
Tags: freewheeling

*/

/*hieratical css layout*/
body {font:12px Verdana, Arial, Sans-Serif; background: #422F1E url(images/bg.jpg) repeat-x top left; color: #000;text-align: center; margin:0px;}
a { color:#E30B5C}
a:active{outline: none;}
a:hover{color:#BED12A;}
a:focus{-moz-outline-style: none;}
h1, h2, h3, h4 { padding:0px; margin:0px; text-transform:capitalize; clear:all}
h1 a, h2 a, h3 a, h4 a{ text-decoration:none; color:#FFFFFF} 
.alignright{ float:right}
.textright { text-align:right}
img.alignright{ margin-left:10px}
.alignleft{ float:left}
img.alignright{ margin-right:10px}
#page{background:#211811;text-align: left; width:990px; margin:0px auto; color:#FFFFFF}
#header { background:url(images/header.png) no-repeat top center; height:165px}
#dropmenu {background:url(images/nav_bg.png) repeat-x top left;  height:33px; font: 16px Arial, Helvetica, sans-serif;  }
/*top nav*/
#dropmenu, #dropmenu ul {margin:0px; padding:0px; list-style-type:none; list-style-position:outside; position:relative;z-index:300;}
#dropmenu a {display:block; padding:7px 22px 6px 22px; color:#fff; border-right:1px solid #B7C82C; text-decoration:none; font-weight:bold  }
#dropmenu a:hover, #dropmenu .current_page_item a, #dropmenu .current_page_parent a, #dropmenu .current_page_ancestor a{background:#818C14 url(images/nav_bg_active.png) repeat-x top left; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em;left:-1px;}
#dropmenu ul a {background:#818C14; font-weight:normal;border-right:none}
#dropmenu ul a:hover{background:#93A012}
#dropmenu li ul {width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #B7C82C; background:#818C14 !important}
#dropmenu li ul a:hover{background:#93A012 !important}
#dropmenu ul ul {top:auto; }
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu .page-item-39 a{border:none !important; padding:7px 26px 6px 26px;}
/*content*/
#content{ padding:30px; padding-bottom:15px;}
.breadcrumb {margin-bottom:25px}
.breadcrumb, .breadcrumb a:hover{color:#C1D72E}
.breadcrumb a{ color:#FFFFFF; text-decoration:none}
#content h1, #content h1 a{font-size:30px; margin-bottom:20px; color:#BED12A;}
#content h2 {font-size:18px; margin-bottom:15px;  clear:both}
#content h3 {font-size:16px; margin-bottom:12px }
#content h4 {font-size:18px; margin-bottom:15px;  clear:both; color:#BED12A}
#content .listing h3 {font-size:12px;}
#content h3 a{color:#BED12A;}
#content .home_latest_news{ margin-top:35px; padding-bottom:20px }
#content .line2{border-bottom:1px #513d29 solid; padding-bottom:10px}
#content .listing{ padding:0px 0px}
#content .widecolumn .listing{ border-top:none}
#content .actions{ color:#FFFFFF; font-size:11px; clear:both; padding-bottom:10px; margin-bottom:10px}
.short {width:300px;border-bottom:1px solid #513d29;}
#content .actions span{ color:#BED12A; font-style:italic; }
#content .homecolumn, #content .blogcolumn{ width:535px; }
#content .widecolumn{ width:630px; }
#content .widecolumn h2{ border-bottom:#513d29 1px solid; padding-bottom:13px; margin-top:10px}
#content .widecolumn h4{ border-bottom:#513d29 1px solid; padding-bottom:13px; margin-top:10px}
.message_label{ display:block; padding:5px; background:#93A012; margin-top:5px}
.all_tabs div{display:none}
#tab_content_1 {display:block}
#content .blogcolumn h3{ border-top:1px solid #513d29; padding-top:15px }

#content .homecolumn, #content .widecolumn, #content .blogcolumn { line-height:20px}

.tabs { margin-top:20px; border-bottom:1px solid #513d29; margin-bottom:10px}
.tabs a{ background:url(images/tab_off.png) no-repeat top left; display:inline-block; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none}
.tabs a span{ background:url(images/tab_side_off.png) no-repeat top right; display:inline-block; margin-left:15px; padding:10px 12px 10px 0px}

.tabs a:hover, .tabs .active_tab{ background:url(images/tab_on.png) no-repeat top left;}
.tabs a:hover span, .tabs .active_tab span{ background:url(images/tab_side_on.png) no-repeat top right;}

#sidenav ul, #sidenav {list-style-type:none; list-style-position:outside; margin:0px; padding:0px;}
#sidenav{padding:0px; margin:0px; border:1px solid #513D29; border-bottom:none; margin-bottom:30px }
#sidenav li a{ color:#C1D72E; display:block; background:#342417; padding:7px 23px; text-decoration:none; border-bottom:1px solid #513D29; font-weight:bold}
#sidenav ul li a{ color:#fff; padding-left:37px;font-weight:normal}
#sidenav li a:hover{ background:#513D29;}
#sidenav h2{ padding:5px 21px; margin:0px; background:url(images/sidenav_top_bg.png) repeat-x top left}
.tag_cloud{ background:#342417; padding:10px; margin-bottom:30px}
.tag_cloud a{ color:#BED12A; text-decoration:none}

/*buttons*/
.btn{display:inline-block; width:129px; height:30px; text-decoration:none; background-repeat:no-repeat; background-position:top left}
.contact_us_{ background:url(images/contact_us_btn.png); margin-right:50px}
.register_now_ {background:url(images/register_now_btn.png)}
.register_ {background:url(images/register_btn.jpg); width:263px; height:63px; margin-bottom:30px}
.read_more_{background:url(images/read_more_btn.png); margin-right:30px}

.contact_us_pink_ { background:url(images/contact_us_btn_pink.png); width:173px; height:42px; margin-left:20px; margin-bottom:30px}

.fb_ { background:url(images/icon_fb.png); width:80px;}
.bookmark_ { background:url(images/icon_bookmark.png); width:80px;}

.twit_ { background:url(images/icon_twit.png); width:60px;}
.email_ { background:url(images/icon_email.png); width:60px;}

.share_ { background:url(images/icon_share.png); width:40px;}
.print_ { background:url(images/icon_print.png); width:40px;}

.smally { background-repeat:no-repeat; background-position:left; text-decoration:none; width:22px !important; height:20px; color:#FFFFFF; display:inline-block;  margin:0px !important; padding:0px !important}
.share { background-repeat:no-repeat; background-position:left; padding:3px 0px 3px 25px; color:#FFFFFF; display:inline-block;  margin-top:5px;}


.clear{ height:1px; clear:both}
.line {border-top:1px solid #513d29; margin-top:15px}
/*sidebar*/
.homeside{ width:310px;}
.allside{ width:270px;}
/*sidebar boxes*/
.home_tools, .home_video, .news_tools { margin-bottom:30px}
.home_tools .top{ background:url(images/home_tools_top.png) no-repeat top left; height:7px}
.home_tools .content{ background:url(images/home_tools_bg.png) repeat-y top left;}

.home_tools .content div{ background:url(images/home_tool_bg_overlay.png) repeat-x top left; margin:0px 6px 0px 2px; padding:0px 15px;}
.home_tools .content .subscribe_bg{background:url(images/subscribe_bg.png) repeat-x top left}
.home_tools .bottom{ background:url(images/home_tools_bot.png) no-repeat top left; height:7px}

.news_tools .top{ background:url(images/news_tools_top.png) no-repeat top left; height:7px}
.news_tools .content{ background:url(images/news_tools_bg.png) repeat-y top left;}
.news_tools .content div{background:url(images/news_tools_bar.jpg) repeat-x top left; margin:0px 3px 0px 3px; padding:0px 15px;}

.news_tools h2, .home_tools h2{ padding:0px !important; margin:0px !important; padding-bottom:7px !important; padding-top:3px !important;}
.news_tools .bottom{ background:url(images/news_tools_bot.png) no-repeat top left; height:7px}
.news_tools fieldset, .home_tools fieldset{border-top:1px solid #513d29; padding-top:5px; margin-bottom:0px}
/*  */
.home_video .content{ background:#2E2620; text-align:center; margin-right:4px}
.home_video p{ margin:0px 14px; padding:10px 0px; border-bottom:1px solid #513d29;}
.home_video .content h2{ text-align:left; color:#BED12A; padding-left:15px}
.home_video .top{ background:url(images/video_top_bg.png) no-repeat top left; height:12px}
.home_video .bottom{ background:url(images/video_bottom_bg.png) no-repeat top left; height:12px}

.home_advert{margin-bottom:30px}

/*footer*/
#homefooter { clear:both; padding-top:20px}
#homefooter .home{ border-top:1px solid #513d29;}
#homefooter .home .blob{ width:304px; float:left; padding-top:15px; margin-right:13px }
#homefooter .home .blob div {border-right:1px solid #513d29; padding-right:10px; height:200px}
#homefooter .home .blob .actions {height:auto}
#homefooter .home .blob img { margin-bottom:10px}
#homefooter .home .end{ width:290px; float:left; padding-top:15px; margin-right:0px }
#homefooter .home .end div {border-right:none; padding-right:0px}

#footer{ background:url(images/footer.jpg) repeat-x top center; height:186px}
#footer .content{text-align: left; width:960px; margin:0px auto; color:#FFFFFF; padding-left:30px;font-size:11px}
#footer .linkbox{line-height:22px}
#footer .linkbox ul{ list-style-position:inside; list-style-type:none; padding:0px; margin:0px; }
#footer .linkbox ul a{ color:#FFFFFF; }
#footer .linkbox b{color:#C1D72E}
#footer .linkbox { width:180px; float:left; margin-top:30px}
#footer .content .powered_by_ { background:url(images/optimal_energy_logo.png); width:225px; height:54px; float:right; margin: 30px 20px}

/* form elements*/
form {margin:0px; padding:0px}
form fieldset{ border:none; margin-top:10px; padding-left:0px; padding-right:0px}
form label{ display:block;margin-bottom:3px}
form label b { display:inline-block;width:85px; font-weight:normal; }
form .text { font-family:Arial, Helvetica, sans-serif; padding:3px; font-size:11px; color:#333333; border:none; width:170px}
form .subscribe { width:107px; height:26px; cursor:pointer; margin:10px 0px}
#comment { width:520px;}
.commentlist { list-style-position:inside; list-style-type:none; margin:0px; padding:0px; margin-bottom:10px;border-bottom:1px solid #513d29;}
.avatar {display:none}
.leftnews label b{width:50px}
.sharcons { display:block; width:260px; margin-top:10px; padding-left:10px; border:1px solid #3F2F23}
.sharcons a {display:inline-block; width:70px}
.page_share { width:400px; float:right; padding-top:15px; text-align:right; padding-right:35px; position:relative;  z-index: 2;
 right: 0px;  top: 0px;}
.page_share .sharcons{width:380px; text-align:left;position:absolute;top:30;right:30; background:#211811; clear:both }