/*
Theme Name: Industrial Fuel & Power
Description: A custom wordpress theme for Industrial Fuel & Power
Version: 1.0
Author: kailoon
Author URI: http://kailoon.com/
*/

/* General =========================*/
* { padding: 0; margin: 0;}
body { background-color: #f5f5f5; font: 400 0.75em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #434343; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
p { padding: 0 0 20px 0; }

a{ color: #2785d4; outline: none; }
a:hover { color: #C00; }

.single a img { border: 0; }
.aligncenter { margin: 0 auto; display: block; }
.alignleft { float: left; display: inline; margin: 10px 10px 0 0; }
.alignright { float: right; display: inline; margin: 10px 0 0 10px; }
.wp-caption { border: 1px solid #ccc; background-color: #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 4px; font-size: 10px; text-align: center; }
.post .wp-caption p { padding: 5px 0; } 

/* Headings =========================*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: 900; color: #262626; }
h1 { font-size: 2.45em; line-height: normal; letter-spacing: -1px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #262626; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #262626; }

/* Layout =========================*/
.wrapper { width: 960px; margin: 0 auto; }
.full { width: 100%; }
#left_col { width: 637px; }
#right_col { width: 321px; }
.frame { border: 1px solid #e4e4e4; }
.box { background: url(images/break_line.gif) repeat-x; }
.bottom { background-position: bottom; }
.top { background-position: top; }
#content { margin: 25px auto 0; background: url(images/content_bg.gif) repeat-y top left; }
.inner { padding: 10px; }

/*Header =========================*/
#header { background: url(images/bg.gif) repeat-x top left; height: 198px; }
#header_top { padding: 6px 0; }
#header_top #search_submit { display: none; }
#header_top input { padding: 5px; border: 0; color: #777; font-size: 10px; width: 170px; }
#header_top input:focus { color: #333; }
#header_top #page_menu ul { list-style: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding-top: 4px; }
#header_top #page_menu ul li { display: inline; margin-right: 8px; }
#header_top #page_menu ul li ul { display: none; }
#header_top #page_menu ul li a { text-decoration: none; color: #999; padding: 2px 6px; }
#header_top #page_menu ul li a:hover, #header_top #page_menu ul li.current_page_item a { color: #fff; }

#header_middle { padding: 20px 0 0; height: 107px; }
#header_middle a img { border: 0; }

#nav { padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 11px; border-top: 1px solid #f5f5f5; }
#nav ul { list-style: none; }
#nav ul li { display: inline; float: left; }
#nav ul li a, #nav ul li a:visited { color: #2785d4; text-decoration: none; padding: 10px 17px 8px; float: left; display: inline; margin: 0; text-transform: uppercase; }
#nav ul li a:hover { background-color: #f5f5f5; color: #333; }
#nav a.popup { padding: 10px 14px; float: right; background-color: #1d3067; color: #fff; display: inline; text-decoration: none; }
#nav ul li.current-cat a, #nav ul li.current-cat a:hover { background-color: #1d3067; color: #fff; }

#pop_login { display: none; }

/*Main Page =========================*/

#featured { position: relative; }
#featured #pager { width: 87px; text-align: right; }
#featured #pager li { list-style: none; margin-bottom: 3px; }
#featured a img { border: 1px solid #000; }

#featured #pager li a.activeSlide img { border: 1px solid #000; }
#featured #slideshow span { margin-top: -5px; background-color: #000; height: 53px; display: block; width: 520px; padding: 0 5px; overflow: hidden; position: relative; cursor: pointer; }
#featured #slideshow h2 { font-size: 16px; padding: 7px 5px; line-height: 20px; color: #fff; }
#featured #slideshow a { color: #fff; text-decoration: none; }
#featured span#headline { position: absolute; top: 20px; left: 0px; z-index: 999; }

#featured_articles { }
.section { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #999; }
#featured_articles .row { padding: 5px 0; position: relative; }
#featured_articles .thumb { width: 140px; padding-bottom: 20px; }
#featured_articles .thumb a img { padding: 4px; background-color: #fff; border: 1px solid #ececec; -moz-box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec; box-shadow: 0 1px 1px #ececec; }
#featured_articles .text { margin: 0 0 0 145px; }
#featured_articles h2 { padding: 5px 0 15px; }
.postmeta { padding-bottom: 15px; font: 10px/10px Tahoma, Arial, Helvetica, sans-serif; color: #a5a5a5; }
.postmeta a { color: #686868; }

.row a.register { margin: 30px 0 0 25px; background: url(images/button.gif) no-repeat top left; display: block; width: 86px; height: 14px; text-align: center; font: 900 12px/12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 6px 0; }
.member { padding: 0 20px; }

strong.section_title { display: block; padding: 0 0 10px; font-weight: 400; color: #999; font-family:Arial, Helvetica, sans-serif; }
#blog { border-right: 1px solid #f1f1f1; width: 318px; }
#more_articles { width: 318px; }
#col { background: url(images/center.gif) repeat-y top left; }
#col a img { border: 0; }
#col h4 { padding: 10px 0;  }
#col h5 a { font-weight: 400; padding: 5px 0; border-top: 1px solid #f1f1f1; display: block; color: #3151A2; }

/* Sidebar =========================*/
#sidebar .inner { padding: 8px; }
#sidebar a img { border: 0; }
#sidebar #rectangle_ads .inner { padding: 10px 10px 0; }
#rectangle_ads { border-bottom: 1px solid #e9e8e8; height: 281px; }

#side_member a { font: 900 11px/20px Arial, Helvetica, sans-serif; text-decoration: none; color: #434343; }
#side_member a:hover { color: #000; }
#side_member a img { float: left; margin: 0 15px 0 20px; display: inline; }
#side_member a span { float: left; width: 86px; height: 22px; text-align: center; color: #fff; font-weight: 900; font-size: 12px; background: url(images/button.gif) no-repeat top left; padding:  2px 0; display: inline; margin: 5px 0 0; }

#twitter a { background: url(images/twitter.gif) no-repeat 0 -48px; width: 305px; height: 48px; float: left; text-indent: -9999em; }
#twitter a:hover { background-position: 0 0; }
#fix_widget { border-top: 1px solid #fff; }
.sidebar_float { margin-bottom: 16px; }
.sidebar_float_top { background: url(images/side_top.gif) no-repeat top left; padding: 8px ; width: 289px; height: 20px; text-shadow: 0 1px 0 #fff; }
.sidebar_float_top a.right { font-size: 9px; text-decoration: none; color: #777; }
.sidebar_float_content { border-left: 1px solid #e9e8e8; border-right: 1px solid #e9e8e8; background-color: #fff; width: 303px; }
.sidebar_float_bottom { background: url(images/side_bottom.gif) no-repeat top left; width: 305px; height: 7px; }
.sidebar_float_content ul { list-style: none; font-size: 10px;}
.sidebar_float_content ul li { margin: 3px 0; padding: 3px 0 3px 24px; background: url(images/pointer.gif) no-repeat 0 5px; }
.sidebar_float_content ul li a { text-decoration: none; }
#event .sidebar_float_content ul li { margin: 3px 0 12px; padding: 3px 0 3px 20px; background: url(images/pointer2.gif) no-repeat 0 4px; border-bottom: 1px dotted #cecece; padding-bottom: 15px; }
#event .sidebar_float_content ul li img { float: left; display: inline; padding: 3px; background-color: #fff; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; margin: 0 15px 10px 0; }
#event .sidebar_float_content ul li strong { font: 900 11px Arial, Helvetica, sans-serif; }
#event .sidebar_float_content ul li a { text-decoration: underline; }
#event .sidebar_float_content ul li .event_holder { padding: 12px 0 0; font: 10px/14px Tahoma, Arial, Helvetica, sans-serif; color: #a5a5a5; }
#event .sidebar_float_content ul li .event_holder p { padding-bottom: 5px; }
#event .sidebar_float_content ul li .event_desc { width: 80px; padding-right: 15px; }
#event .sidebar_float_content ul li .event_details { width: 162px; padding-left: 10px; }
#event .sidebar_float_content ul li .event_details strong { color: #666; }

/* Single =========================*/
.post { font-size: 1em; }
.post p { padding: 10px 0; }
.post .inner h1 { padding: 0 0 15px; }
.breadcumb { font: 10px/10px Tahoma, Arial, Helvetica, sans-serif; color: #666; padding: 5px 0;}
.single .member { padding: 20px; }
.single h2, .single h3, single h4 { padding: 15px 0 0; }

/* Archive  =========================*/
h2.pagetitle { padding: 10px; } 
.category_title { position: relative; width: 100%;}
.category_title ul { list-style: none; height: 221px; overflow: hidden; }
.category_title .category_name { position: absolute; top: 22px; left: 10px; background: url(images/category_title.gif) repeat-x top left; height: 44px; font: 900 30px Arial, Helvetica, sans-serif; color: #fff; padding: 7px 10px; text-shadow: 1px 2px 0 #620000; }

a.event_archive { float: right; text-decoration: none; font-size: 9px; color: #666; }
#featured_articles .event h2 { padding-bottom: 5px; }
.event li { position: relative; width: 100%; }
.event li img {display: inline; margin: 0 0 10px; padding: 3px; background-color: #fff; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; }
.event_left { float: left; display: inline; width: 100px; }
.left2 { width: 60px; }
.event_right { float: left; display: inline; width: 517px; font-size: 11px; }
.right2 { width: 557px; }
.right2 h3 { padding: 0 0 5px; font-weight: 900; }
.event_right p { padding: 0 0 5px; }
.stat { padding: 2px 6px; position: absolute; top: 10px; right: 10px; background-color: #D3E4A0; font-size: 9px; color: #59554A; border-bottom: 1px solid #90AD2D; }
.stat2 { padding: 2px 6px; position: absolute; top: 10px; right: 10px; font-size: 9px; background-color: #ccc; color: #666; border-bottom: 1px solid #999; }

.ui-tabs-hide { display: none; }
.sidetab-head { list-style: none; padding: 8px 10px 11px; text-align: right; }
.sidetab-head li { display: inline; }
.sidetab-head li a { padding: 5px 8px; -moz-border-radius: 5px; text-decoration: none; }
.sidetab-head li.ui-state-active a { background-color: #D3E4A0; font-weight: 900; color: #59554A; -moz-border-radius: 5px;}

.event_status { font-size: 10px; color: #666; border-bottom: 1px dotted #cecece; background-color: #f5f5f5; padding: 2px; }
.past { background-color: #fbfbfb; color: #999; }
.past a { color: #666; }
.past h2 { color: #666; }

.wp-pagenavi { text-align: right; float: left; width: 617px; margin: 10px;  font-size: 11px; display: inline; }
.wp-pagenavi span.pages { float: left; display: inline; }
.wp-pagenavi a { text-decoration: none; padding: 4px 8px;  }
.wp-pagenavi a:hover { }
.wp-pagenavi .current { font-weight: 900; padding: 4px 8px;  }

/* Comments =========================*/
h3.comments { font-size: 14px;}
#commentform { clear: both; }
#commentform label { font-weight: 900; }
#commentform input, textarea { padding: 5px; border: 1px solid #ccc; }
#commentform p.left { margin: 0 25px 0 0; width: 180px; }
#commentform input#submit { border: 0; padding: 6px 0; background: url(images/button.gif) no-repeat top left; display: block; width: 86px; height: 27px; text-align: center; font: 900 12px/12px Verdana, Arial, Helvetica, sans-serif; color: #fff;}

ul.commentlist, ul.commentlist ul { list-style: none; }
.children { overflow: visible; }
.children  li { padding: 0 0 0 60px; }
ul.commentlist li { position: relative; clear: both; border-top: 1px solid #ececec; padding-top: 12px; }
ul.commentlist li .s { padding: 10px; }
ul.commentlist li .ava { padding: 4px; background-color: #fff; border: 1px solid #ececec; -moz-box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec; box-shadow: 0 1px 1px #ececec; float: left; }
ul.commentlist li .comment-meta { margin: 0 0 0 60px; }
.commentlist li .children li.depth-3 { margin: 0 0 0 -60px; overflow: visible; }
ul.commentlist li.comment-author-admin { background-color: #FFFAE0; border-top: 1px solid #FFEF8A; }
.reply { padding: 0 0 10px; }
.reply small strong { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.reply small strong a { text-decoration: none; }
.reply a.comment-reply-link { float: right; text-decoration: none; font-size: 10px; text-transform: uppercase; }

/* Login =========================*/
.access { position: relative; }
#pop_login { width: 200px; background-color: #1d3067; padding: 10px; position: absolute; top: 33px; right: 0; }
#pop_login img { margin: 0 auto; display: block; }
#loginform { margin: 0 auto; padding: 10px;background-color: #fff; }
#loginform input { padding: 7px; border: 1px solid #d1d1d1; width: 160px; margin: 0 0 15px 0; }
#loginform label { display: block; font-weight: 900; padding: 4px 0; }
#loginform input#my-submit { border: 0; padding: 6px 0; background: url(images/button.gif) no-repeat top left; display: block; width: 86px; height: 27px; text-align: center; font: 900 12px/12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#login_page { width: 400px; margin: 200px auto; }

a.member_only { background: url(images/member.gif) no-repeat 0 3px; padding: 3px 0 3px 22px; font-size: 11px; text-decoration: none; }

/* Footer =========================*/
#footer { font: 10px/16px Tahoma, Arial, Helvetica, sans-serif; color: #999; padding: 10px 0 40px; text-shadow: 0 1px 0 #fff; text-align: center; }

/*ADMIN ==========================*/
#admin { }
#admin h1 { font-size: 18px; }
#admin form p label { width: 100%; font-size: 10px; font-weight: 900; }
#admin form input { padding: 5px; border: 1px solid #ccc; }
#admin form p.check label { float: none; display: inline; }
#admin form input.mid, #admin form.loginform p input.input, #admin form.loginform p input, #admin form.loginform p textarea { width: 500px; }
#admin form input#rememberme { margin-top: 5px; display: inline; width: auto; }
#admin form input#wp-submit { cursor: pointer; border: 0; padding: 0; background: url(images/button.gif) no-repeat top left; display: block; width: 86px; height: 26px; text-align: center; font: 900 12px/12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#cycnav { list-style: none; clear: both; }
#cycnav li { display: inline; font-size: 10px; padding: 4px 15px 0 0; }

.form-table { float: left; width: 300px; }
.form-table p { padding: 10px 20px; }
.form-table p label { display: block; font-family: Tahoma;}
.form-table p input { width: 200px; }
.form-table p select#display_name { padding: 5px; border: 1px solid #ccc; width: 200px;}

.form-table.full { width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.single .form-table h3 { margin: 10px 20px 0; padding: 0; color: #ccc; text-transform: uppercase; }
.first { border-right: 1px solid #ccc; }
.form-table.full textarea { width: 510px; height: 70px; overflow: auto; } 
.submit input#cycsubmit { cursor: pointer; border: 0; padding: 0; background: url(images/button.gif) no-repeat top left; display: block; width: 86px; height: 26px; text-align: center; font: 900 12px/12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

/* Author Page =================================*/
#author { margin-bottom: 15px; padding-bottom: 10px; }
#author .inner { width: 617px; float: left; }
#author .avatar_frame { width: 80px; }
#author .avatar_frame img { padding: 3px; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; background-color: #fff; }
#author .author_bio { width: 537px; font-size: 11px; line-height: 16px; }
#author .author_bio h2 { padding: 0 0 15px; position: relative; width: 100%; }
.author_posts { padding: 2px 0; list-style: none; margin: 5px 0; }
.author_posts li { display: block; }
.author_posts li a { display: block; padding: 6px 10px; border-bottom: 1px solid #ececec; background-color: #fbfbfb; text-decoration: none; font-size: 11px; }
.author_posts li a:hover { background-color: #fff; }
#author .author_bio h2 span { font-size: 10px; padding: 0 10px; position: absolute; top: 0; right: 0; }
#author .author_bio h2 span a { color: #2785D4; margin-left: 10px; } 
span.latest { padding: 10px 0; display: block; }

/* Member 18=================================*/
.inner .wwm_register_page { padding: 0; }
.wwm_register_page form#wwm-members-form { padding: 0; }
.wwm_register_page form#wwm-members-form .field { padding: 0; margin-bottom: 10px; }
.wwm_register_page form#wwm-members-form .field .wwm-star { color: red; }
.wwm_register_page form#wwm-members-form p { clear: both; margin: 0; }
.wwm_register_page form#wwm-members-form .plan { border: 1px solid #d9a929; margin-top: 15px; margin-bottom: 10px; }
.wwm_register_page form#wwm-members-form .plan .important { text-shadow: 0 1px 0 #896912; background-color: #ebbb3b; float: left; width: 605px; padding: 5px; font: 900 16px/18px Arial, Helvetica, sans-serif; color: #fff; border-bottom: 1px solid #d9a929; }
.wwm_register_page form#wwm-members-form .plan p { background-color: #fff7c3; padding: 10px; border-top: 1px solid #d9a929; position: relative; margin-top: -1px; }
.wwm_register_page form#wwm-members-form .plan p:hover { background-color: #fffce9; }

.wwm_register_page form#wwm-members-form .field label { font: 900 11px/14px Arial, Helvetica, sans-serif; color: #666; }
.wwm_register_page form#wwm-members-form .field input, .wwm_register_page form#wwm-members-form .field select, .wwm_register_page form#wwm-members-form .field textarea { padding: 7px 10px; border: 1px solid #ccc; width: 300px; }
.wwm_register_page form#wwm-members-form .field select { width: 322px; }
.wwm_register_page form#wwm-members-form .field textarea { width: 500px; }
.wwm_register_page form#wwm-members-form .field input { color: #999; }
.wwm_register_page form#wwm-members-form .field input:focus, .wwm_register_page form#wwm-members-form .field textarea:focus { color: #000; background-color: #fff7c3; border: 1px solid #d9a929; }
.wwm_register_page form#wwm-members-form .field input#wwm-method, .wwm_register_page form#wwm-members-form .field input#wwm-terms { width: auto; }
.payment { float: left; width: 100%; padding: 10px 0; }
.wwm_register_page form#wwm-members-form .field input#wwm-submit, #wwm-members-form #wwm-submit { width: 86px; height: 26px; background: url(images/button.gif) no-repeat top left; color: #fff; font: 900 12px Arial, Helvetica, sans-serif; border: 0; padding: 0 10px; cursor: pointer; }

.inner .wwm-thanksmessage { margin-top: 15px; }
.inner .wwm-thanksmessage { color: #333; background-color: #f1f1f1; border: 1px solid #ccc; padding: 10px; }
.inner #wwm-members-form .confirm_plan { float: left; width: 615px; border: 1px solid #d9a929; margin: 10px 0; }
.inner #wwm-members-form .confirm_plan .plan_title { float: left; width: 475px; padding: 10px; background-color: #fff7c3; }
.inner #wwm-members-form .confirm_plan .plan_price { float: left; width: 100px; padding: 10px; background-color: #e7b737; text-align: center; color: #2c230b; text-shadow: 0 1px 0 #f1d17c; }
.inner #wwm-members-form .confirm label { font-weight: 900; }

.confirm_plan { float: left; width: 615px; border: 1px solid #d9a929; margin: 10px 0; }
.confirm_plan .plan_title { float: left; width: 475px; padding: 10px; background-color: #fff7c3; }
.confirm_plan .plan_price { float: left; width: 100px; padding: 10px; background-color: #e7b737; text-align: center; color: #2c230b; text-shadow: 0 1px 0 #f1d17c;}
.confirm label { font-weight: 900; }

.post .limited { background-color: #fff7c3; padding: 10px; position: relative; border: 1px solid #d9a929; color: #434343; }
.wwm_deposid form#wwm-members-form input { padding: 7px 10px; border: 1px solid #ccc; }

/*Table =====================================*/
.post .table { padding: 4px; background-color: #B7B7B7; }
.post table { border: 1px solid #666; padding: 0; background-color: #f7f7f7; font-size: 10px; }
.post table td { font-size: 11px; padding: 5px 13px; border: 0; background-color: #f4f4f4; border-bottom:1px solid #D0D0D0; border-top:1px solid #FFFFFF; border-right: 1px solid #e1e1e1; }
.post table th { padding: 5px 13px; text-align: left; font-weight: 400;font-size: 11px; font-style:italic; color: #fff; }
.post tfoot td { font-size: 9px; color: #999; }
.post table tr:hover td { background-color: #fff; }
.post table tfoot tr:hover td { background-color: #f7f7f7; }

.post .table.special { background-color: #B7B7B7; }
.post .table.special table { background-color: #FFFCE9; border: 1px solid #777; }
.post .table.special table th { background: url(images/nav-background.png) repeat-x top left; border: 0; border-bottom: 1px solid #014E88; }

.post .table.left { margin: 15px 10px 10px 0; display: inline; }
.post .table.right { margin: 15px 0 10px 10px; display: inline; }

#featured_articles .rss_bg { padding-bottom: 20px; padding-top: 0; }
.rss_bg h3 { margin-bottom: 15px; font-size: 14px; color: #777; background-color: #fff; padding: 5px 0 5px 25px; border-bottom: 1px solid #e1e1e1; }
.rss_post a { float: left; display: inline; width: 160px; margin: 0 25px; text-align: center; }
.rss_post a { text-decoration: none; font-weight: 900; color: #333; font-size: 11px; line-height: 16px; }
.rss_post a img { padding: 4px; background-color: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 1px 1px #e1e1e1; -webkit-box-shadow: 0 1px 1px #e1e1e1; box-shadow: 0 1px 1px #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.rss_post .direct_a { float: none; font-size: 14px; color: #434343; padding: 0; margin: 0; text-decoration: underline; }