/* *************************** 
  Site - commuter-hero
  ---------------------------
  StyleSheet Index
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 Website Structure Styles
   ***************************/
@font-face {
		font-family: 'Gotham-Ultra';
		src: url('../fonts/gotham-ultra.eot');
		src: url('../fonts/gotham-ultra.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/gotham-ultra.woff') format('woff'),
				 url('../fonts/gotham-ultra.ttf') format('truetype'),
				 url('../fonts/gotham-ultra.svg#gotham-ultra') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Gotham-Black';
		src: url('../fonts/gotham-black.eot');
		src: url('../fonts/gotham-black.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/gotham-black.woff') format('woff'),
				 url('../fonts/gotham-black.ttf') format('truetype'),
				 url('../fonts/gotham-black.svg#gotham-black') format('svg');
		font-weight: normal;
		font-style: normal;
}
html{ background: url(../images/bg_html.jpg) center top repeat;}
body{font-family:Arial, Helvetica, sans-serif;font-size:13px;background:url(../images/bg_body.jpg) center top no-repeat; color:#FFF;}
p {padding-bottom:14px; line-height:16px;}
a{color:#0da3e2;text-decoration:none;}
a:hover {color:#0da3e2;text-decoration:underline;}
h1{font-size:30px;margin-bottom:20px;color: #0da3e2; font-weight:bold;}
h1 a{color: #0da3e2;}
h1 a:hover{color: #0da3e2;}
h2{font-size:28px;margin-bottom:8px;}
h3{font-size:24px;margin-bottom: 10px;}
h4{font-size:20px;font-weight: normal;margin-bottom: 10px;}
h5{font-size:16px;margin-bottom: 10px;}
h6 {font-size:14px;margin-bottom: 10px;}
ul{ margin:0 0 20px 15px;}
ul li{list-style:disc outside none;padding:6px 0px 6px 0px;}
ol{padding-left: 20px;}
ol li{list-style-type: decimal;padding-bottom:20px;}
em{ font-style:italic;}
.alignleft{ float:left; display:block; margin:10px 10px 10px 0px;}
.alignright{ float:left; display:block; margin:10px 0px 10px 10px;}
.aligncenter{display:block; margin:10px auto;}
.clear { width:100%; clear:both;}
strong{ font-weight:bold;}
#container{ width:960px;margin:0px auto; padding:0px 6px; background:url(../images/bg_container.png) left top repeat-y;}
/* *************************** 
   $2 Header Styles
   ***************************/
#header{ width:960px; height:128px; background:url(../images/bg_header.png) left top no-repeat; position:relative; z-index:9;}
.logo{ display:block; position:absolute; left:24px; top:22px; width:239px; height:168px; background:url(../images/logo.png) no-repeat;}
.logo a { width:239px; height:168px; display:block; text-indent:-9999px; outline:none;}
.slider_wrapper{ background:url(../images/bg_slider.jpg) left top no-repeat; height:370px; padding:0 0 16px; position:relative; width:960px; overflow:hidden; text-align:center; z-index:8;}
.slider_wrapper .slider{ background:url(../images/bg_slider.jpg) left top no-repeat;}
.slider_wrapper .slider{ margin:0px; padding:0px;}
.slider_wrapper .slider li{ padding:0px; margin:0px; list-style:none; width:100%; height:358px; position:relative;}
.slider_wrapper .slider li .slider_text{ position:absolute; left:101px; top:117px; width:450px; display:block; color:#FFF; text-align:left;}
.slider_wrapper .slider li .slider_text h1{ margin:0px; line-height:46px; margin-bottom:7px;font-size:55px;font-family: 'Gotham-Ultra'; line-height:55px;}
.slider_wrapper .slider li .slider_text p{ font-size:16px; font-weight:bold; padding-right:36px;}
.slider_wrapper .slider li img{ display:inline-block;}
.slider_wrapper .slider li .slider_img{ display:inline-block; position:absolute; right:240px; top:19px;}
.slider_wrapper .slider li .slider_icon{display:inline-block; position:absolute; right:103px; bottom:65px;}
/*pager*/
.slider_wrapper .bx-pager{ display:inline-block; _display:inline;}

.slider_wrapper .bx-pager a{ float:left; *+float:none; *+display:inline-block; overflow:hidden; width:14px; height:14px; background:url(../images/bg_pager.png) 0 0 no-repeat; font-size:0; line-height:0; margin:0 4px; }

.slider_wrapper .bx-pager .pager-active,
.slider_wrapper .bx-pager a:hover { background:url(../images/bg_pager.png) 0 -14px no-repeat;}
.slider_wrapper .bx-auto{ display:none;}
/* *************************** 
   $3 Content Styles
   ***************************/
#content{ width:100%; background:#262323 url(../images/bg_content.jpg) left top no-repeat;}
.clear{ clear:both; width:100%;}
.main_content{ width:638px; float:left;}
.post_single{ width:100%; padding:30px 0px 4px 0px;}
.post_single .date{ text-transform:uppercase; float:left; width:81px; height:100px; background:url(../images/bg_date.png) left top no-repeat; position:relative; margin-left:-8px; color:#FFF; text-align:center;font-family: 'Gotham-Black'; font-size:24px; line-height:23px; margin-top:6px;}
.post_single .date strong{ display:block; font-size:48px; font-weight:normal; line-height:41px; padding-top:10px;}
.post_single .post_content{ float:right; width:532px;}
.post_single .post_content .share_this{ padding-bottom:10px;}
.post_single .post_content .share_this span{ font-size:12px; font-weight:bold; color:#FFF; vertical-align:middle; padding-right:37px;}
.post_single .post_content .share_this img{ display:inline; vertical-align:middle; margin-right:5px;}
.post_single .post_content .comment_box{font-size:12px; font-weight:bold; color:#FFF;  padding-bottom:29px; padding-top:10px;}
.post_single .post_content .comment_box a{ color:#FFF;}
.post_single .post_content .comment_box a:hover{ color:#FFF;}
.post_single .read_more{clear:both; width:100%; background:url(../images/bg_read_more_box.png) left center repeat-x; text-align:center; font-size:14px; font-family: 'Gotham-Ultra';}
.post_single .read_more a{color:#0da3e2;}
.post_single .read_more a:hover{color:#0da3e2;}

#comments-form label{ width:100px; display:block; float:left;}
#comments-form .input_box{ width:410px; float:left; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:#dcdcdc; border:1px solid #cccccc; line-height:22px; padding-left:10px;}
#comments-form textarea {width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:#dcdcdc; border:1px solid #cccccc; line-height:22px; height:100px; padding:10px;}
#comments-form p{ padding:0px 0px 12px 0px; margin:0px; width:100%; overflow:hidden;}
#comments-form #submit{height:22px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; background:#dcdcdc; border:1px solid #cccccc; width:120px; cursor:pointer; text-transform:uppercase; font-weight:bold; text-align:center; font-weight:bold; float:right; margin-right:7px;}

.comment_box{}
.comment_box ol{ margin:0px; padding:0px; margin-bottom:20px;}
.comment_box ol li{ list-style:none; padding:10px 10px 10px 10px; margin-bottom:6px; background:#3f3a3a;}
.comment_box ol li .comment-meta{width:100%; overflow:hidden; }
.comment_box ol li .comment-meta p.gravatar{ padding:5px 0px 0px 0px; margin:0px; float:left; width:62px;}
.comment_box ol li .comment-meta p.gravatar img{ display:block; margin:0px auto;}
.comment_box ol li .comment-meta .comment_right_box{ width:422px; float:right}

.wp-socializer-buttons span.title { float:left; font-weight:bold; margin-right:35px; font-size:12px;}

/* *************************** 
   $4 Sidebar Styles
   ***************************/
.sidebar{ float:right; width:297px; padding-top:40px;}
.tab_container{ margin-bottom:10px;}
.tab_container .tabs1{ background:url(../images/bg_tab_nav.png) left top no-repeat; height:26px; width:279px; overflow:hidden; padding:0px 0px 0px 2px; margin:0px;}
.tab_container .tabs1 li{ margin:0px; list-style:none; float:left; padding:0px;}
.tab_container .tabs1 li a{ font-size:14px; font-weight:bold; text-align:center; color:#0185b7; display:block; float:left; padding:4px 25px 0px 10px; height:22px;}
.tab_container .tabs1 li a:hover{text-decoration:none;}
.tab_container .tabs1 li.active a{ color:#FFF; text-decoration:none;}

.tab_container .tabs1 li a.recent_posts{ background:url(../images/bg_recent_posts.png) right bottom no-repeat;}
.tab_container .tabs1 li.active a.recent_posts{ background:url(../images/bg_recent_posts.png) right top no-repeat;}
.tab_container .tabs1 li a.most_popular{ background:url(../images/bg_most_popular.png) right bottom no-repeat;}
.tab_container .tabs1 li.active a.most_popular{ background:url(../images/bg_most_popular.png) right top no-repeat;}

.tab_container .tabs1 li a span{ display:block; background:url(../images/bg_tabs1_li_span.png) left top no-repeat; width:20px; height:26px; position:absolute; right:0px; top:0px;}
.tab_container .tab_content{ background:url(../images/bg_tab_content.png) left bottom no-repeat;width:276px; padding:7px 11px 12px 2px;}
.tab_container .widgettitle{ display:none;}
.tab_container .tab_content ul{ margin:0px; padding:0px; }
.tab_container .tab_content ul li{ padding:7px 12px 9px 11px; margin:0px; list-style:none; font-style:italic; font-size:12px; background:url(../images/bg_read_more_box.png) left bottom repeat-x;} 
.tab_container .tab_content p{ padding:0px 19px 30px 19px;}
.tab_container .tab_content ul li a{ color:#FFF;}
.tab_container .tab_content ul li a:hover{ color:#FFF;}

.widget-alert h4{ display:none;}
.widget-alert .tagcloud{overflow:hidden; background: url(../images/bg_tagcloud.png) left top repeat-y; width:265px; padding-left:2px; padding-right:11px;}
.widget-alert .tagcloud a{ display:block; color:#FFF; font-size:10px; float:left; background: url(../images/bg_tagcloud_a.png) left top no-repeat; line-height:26px; padding:0px 18px 0px 18px; text-transform:uppercase; position:relative;}
.widget-alert .tagcloud a:hover{ color:#FFF;}
.widget-alert .tagcloud a span{ display:block; position:absolute; right:-11px; top:1px; background:url(../images/bg_tagcloud_span.png) left center no-repeat; width:12px; height:24px;}

/* *************************** 
   $5 Footer Styles
   ***************************/
#footer{ background:#262323; text-align:center; color:#FFF; font-size:13px; padding:30px 0px 36px 0px; clear:both;}