/*
Theme Name: PS3Maven Walyou Network Sites
Theme URI: http://ps3maven.com/
Description: Custom WordPress Theme For Walyou Network Sites
Version: 2.5
Author: Kailoon
Author URI: http://kailoon.com/

/* Basic HTML =======================*/
* { margin: 0; padding: 0; }
body { background-color: #fff; font: 12px/20px 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, .col { float: left; display: inline; }
.right { float: right; display: inline; }

/* Formatting =======================*/
a { color: #f26820; outline: none; }
a:hover { text-decoration: none; }
#content h2 a:hover { color: #000; background-color: #f7f7f7; }
#content a.thumb_link:hover { background-color: #fff; }
h2 a { text-decoration: none; }
p { padding: 0 0 15px 0; }
@font-face { font-family: 'MgOpen Modata'; src: url('font/MgOpenModataRegular.eot'); src: local('MgOpen Modata Regular'), url('font/MgOpenModataRegular.ttf') format('truetype'), url('font/MgOpenModataRegular.svg#MgOpenModata') format('svg'); }
a img { border: 0; }

.alignleft { display: inline; float: left; margin: 10px 10px 10px 0; }
.alignright { display: inline; float: right; margin: 10px 0 10px 10px; }
.aligncenter { display: block; margin: 10px auto; }
.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: 'MgOpen Modata'; padding: 0 0 20px; font-size: 100%; font-weight: 400; }
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }

/* layout =========================*/
.wrapper { width: 960px; margin: 0 auto; }
.top { }
#header { width: 100%; }
#page { display: block; width: 100%; }
#content { position: relative; width: 645px; margin-right: 15px; }
#sidebar { position: relative; width: 300px; }
#video_page { position: relative; width: 960px; }

/* Header =========================*/
#leaderboard { margin-top: 10px; text-align: center; }
#top { padding: 20px 0; }
h1#logo { padding: 0; }
h1#logo a { margin: 12px 5px 0 0; padding: 0; float: left; text-indent: -9999em; width: 146px; height: 31px;display: inline; background: url(images/logo.png) no-repeat top left; }

#menu { background: url(images/nav.png) no-repeat top left; width: 488px; height: 47px; font-family: 'MgOpen Modata'; margin: 0 20px 0 0; }
#menu ul { list-style: none; padding: 0 0 0 10px; }
#menu li { float: left; background: url(images/nav_active.png) no-repeat right 3px; padding: 2px 0; }
#menu li.no_line { background-image: none; }
#menu li a { float: left; padding: 12px 23px; text-decoration: none; color: #fff; text-shadow: 0 1px 0 #000; font-size: 18px; }
#menu li a:hover, #menu li a.current, #menu li.current-menu-item a { text-shadow: 0 1px 0 #000; color: #fff; background: url(images/sub_menu.gif) no-repeat center 1px; color: #fff; }
#menu li:last-child { background-image: none; }

#subscribe { text-transform: uppercase; color: #999; font-size: 10px; width: 116px; }
#subscribe span { display: block; }
#subscribe ul { list-style: none; }
#subscribe ul li { display: inline; text-indent: -9999em; float: left; width: 16px; height: 16px; margin: 0 10px 0 0; }
#subscribe ul li a { display: inline; width: 16px; height: 16px; float: left; }
#subscribe ul li a#rss { background: url(images/rss.png) no-repeat top left; }
#subscribe ul li a#email_rss { background: url(images/email.png) no-repeat top left; }
#subscribe ul li a#facebook_rss { background: url(images/facebook.png) no-repeat top left; }
#subscribe ul li a#twitter_rss { background: url(images/twitter.png) no-repeat top left; }
#search { background: url(images/search.png) no-repeat top left; width: 185px; height: 47px; }
#search form { margin: 12px 0 0 8px; }
#search form input { padding: 5px; float: left; border: 0; width: 123px; font-size: 11px; color: #999; display: inline; }
#search form input#search_submit { width: 31px; height: 31px; padding: 0; cursor: pointer; background: url(images/search_button.png) no-repeat 0 -5px; }
#network { font: 400 11px Arial, Helvetica, sans-serif; padding: 15px 0; color: #ccc; }
#network ul { list-style: none; display: inline; font-size: 10px; padding: 0 0 0 10px; }
#network ul li { display: inline; margin: 0 6px; }
#network ul li a { text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 8px; color: #99c5dc; }
#network ul li a:hover { color: #fff; }
#network ul li a.current { color: #fff; }

#network ul li a#wb.current, #network ul li a#wb:hover { background-color: #0d8bce;}
#network ul li a#gb.current, #network ul li a#gb:hover { background-color: #222;}
#network ul li a#xg.current, #network ul li a#xg:hover { background-color: #7fba06;}
#network ul li a#wr.current, #network ul li a#wr:hover { background-color: #d20b0b;}
#network ul li a#gp.current, #network ul li a#gp:hover { background-color: #ef4897;}
#network ul li a#pb.current, #network ul li a#pb:hover { background-color: #000;}

#announcement { width: 100%; }
.frame div { padding: 15px; }
.frame { position: relative; }
.note { border: 1px solid #f7f3c9; background-color: #fffdea; margin-top: 10px; }
#announcement a.close { float: right; margin: 0; display: inline; text-indent: -9999em; background: url(images/action_delete.png) no-repeat 0 1px; padding: 2px 0 2px 18px; font: 900 11px Arial, Helvetica, sans-serif; color: #b9ac17; text-decoration: none; }
#announcement input { padding: 4px; border: 1px solid #ccc; }

/* Featured =========================*/
#featured { padding: 4px; background-color: #f5f5f5; position: relative; margin-bottom: 25px; }
#featured .heading { position: absolute; left: -14px; top: 0; background: url(images/featured.png) no-repeat top left; width: 7px; height: 109px; }
#featured ul { list-style: none; border: 1px solid #e5e5e5; background-color: #fff; }
#featured ul li { float: left; display: inline; width: 200px; padding: 18px; border-right: 1px solid #e5e5e5; height: 250px; overflow: hidden; }
#featured ul a { float: left; display: inline;  width: 200px; text-decoration: none; color: #666; font-size: 11px; line-height: 16px; overflow: hidden; }
#featured ul li.last { border: 0; }
#featured ul a span { font-family: 'MgOpen Modata'; font-size: 18px; color: #f26820; padding: 5px 0; line-height: 22px; display: block;}
#featured ul a span.f_thumb { width: 200px; height: 100px; overflow: hidden; }
#featured ul a:hover { color: #333; }

/* Content =========================*/
.heading { background: url(images/line.png) repeat-x 0 0; }
.heading span { float: left; background-color: #fff; padding-right: 5px; font: 10px/10px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #999; }
.recent_posts { float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #ececec; }
.recent_posts a.thumb_link { float: left; display: block; width: 155px; }
.recent_posts .desc { float: left; display: inline; width: 490px; }
.metadata { font: 400 10px Arial, Helvetica, sans-serif; color: #999; display: block; padding: 0 0 10px; }
.recent_posts .desc .social { display: block; padding: 0 0 10px; }
.recent_posts .desc .social ul { list-style: none; }
.recent_posts .desc .social ul li { display: inline; float: left; height: 24px; }
#content .recent_posts .desc .social ul li.comment a:hover { background-color: #fff; }
.recent_posts .desc .social ul li.rt_button { padding-top: 0; }
.recent_posts .desc .social ul li.comment a { padding: 2px 0 2px 14px; background: url(images/comment.gif) no-repeat 0 5px; text-decoration: none; color: #666; font-weight: 900; display: inline; margin-left: 15px; }

.recent_posts .desc h2 { font-size: 25px; padding: 0 0 10px; line-height: 30px; }
.recent_posts .desc h2 a { text-decoration: none; color: #292929; }
.recent_posts .desc h2 a:hover { border-bottom: 1px solid #f1f1f1; }
#content_ad { width: 100%; float: left; }
#content_ad a img { margin: 15px auto; display: block; }
.a_right { text-align: right; }
#content .a_right a { background-color: #f3bb9e; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 6px; font-size: 10px; color: #fff; text-decoration: none; font-weight: 900; }
#content .a_right a:hover { background-color: #f26820; }

.recent_posts.sticky { }

#video { float: left; width: 100%; }
#video .frame { padding: 4px; background-color: #f5f5f5; position: relative; margin: 15px 0; }
#video .frame .head { font-size: 10px; color: #999; padding: 0 0 5px; border-bottom: 1px solid #ececec; }
#video .frame .head a { float: right; }
#video .frame .video_posts {border: 1px solid #e5e5e5; background-color: #fff; padding: 10px; }
#video .frame div { padding: 0; }
#video .frame ul { list-style: none; width: 100%; padding: 10px 0 0 0; }
#video .frame ul li { float: left; display: inline; width: 205px; padding: 5px 0;  }
#video .frame ul li a { float: left; display: inline;  width: 205px; text-decoration: none; color: #666; font-size: 11px; line-height: 16px; overflow: hidden; position: relative; }
#video .frame ul li a span { float: left; width: 184px; height: 124px; display: block; background-color: #000; padding: 8px; margin-bottom: 5px; }
#video .frame ul li a img.png_bg { position: absolute; top: 40px; left: 75px; width: 45px; height: 45px; }
#video .frame ul li a h3 { font: 900 14px/18px Arial, Helvetica, sans-serif; padding: 5px 0; }

.pagination { float: left; width: 100%; padding: 15px 0; text-align: right; }
.pagination .pages { float: left; font-size: 10px; color: #999; }
.pagination .current { font-weight: 900; color: #000; padding: 2px 6px; }
.pagination a { padding: 2px 6px; }

/* Sidebar =========================*/
#sidebar .heading { padding-bottom: 10px; }
#sidebar .player a img { margin: 10px 0 0 0; display: block; width: 260px; height: 217px; }
#sidebar .widget { padding: 4px; background-color: #f5f5f5; position: relative; margin: 15px 0; }
#sidebar .widget .inner { background-color: #fff; border: 1px solid #e5e5e5; }
#sidebar .widget .box-out { border-bottom: 1px solid #e5e5e5; padding: 1px; background-color: #fff; }
#sidebar .widget .box { padding: 8px; background: url(images/sidebar_bg.png) repeat-x bottom left; }
#sidebar .widget .head { text-shadow: 0 1px 0 #fff; }
#sidebar .widget .head h3 { padding: 0 0 5px; font-size: 22px; line-height: 26px; text-shadow: 0 1px 0 #fff; color: #666; }
#sidebar .widget .head p { font-size: 11px; color: #999; padding: 0; }
#sidebar .widget .side_foot { font: 400 10px Arial, Helvetica, sans-serif; text-align: right; }
#sidebar .widget .side_foot a { color: #999; text-decoration: none; }
#sidebar .empty_widget { margin: 15px 0; }

.counter a { float: left; width: 90px; height: 40px; display: inline; padding: 10px 0 2px 40px; font: 22px 'MgOpen Modata', Arial, Helvetica, sans-serif; color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; background-position: 0 10px; background-repeat: no-repeat; }
.counter a.c_rss { background-image: url(images/rss2.png); }
.counter a.c_twitter { background-image: url(images/twitter2.png); margin-left: 10px; }
.counter a:hover { color: #000; }
.counter a em { font-style: normal; font: 9px/8px Arial, Helvetica, sans-serif; color: #999; }

.external a { color: #666; text-decoration: none; font-weight: 900; font-size: 11px; line-height: 16px; float: left; margin: 0 5px 0 0; display: inline; width: 131px; text-align: center; height: 140px; overflow: hidden; }
.external a img { padding: 5px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px #dcdcdc; -webkit-box-shadow: 0 1px 1px #dcdcdc; }

.contest { text-align: center; }
.cool ul { list-style: none; width: 136px; }
.cool ul li { display: block; margin: 18px 0; }
.cool ul li a { display: block; padding: 4px 0 4px 33px; background-repeat: no-repeat; font: 400 11px/14px Arial, Helvetica, sans-serif; text-decoration: none; }
.cool ul.left li a { background-image: url(images/icons_1.png); }
.cool ul.left.las li a { background-image: url(images/icons_2.png); }
.cool ul li a:hover { color: #000; }
.cool ul li a#c1 { background-position: 0 0; }
.cool ul li a#c2 { background-position: 0 -36px; }
.cool ul li a#c3 { background-position: 0 -72px; }
.cool ul li a#c4 { background-position: 0 -106px; }
.cool ul li a#c5 { background-position: 0 -143px; }
.cool ul li a#c6 { background-position: 0 -178px; }
.cool ul li a#c7 { background-position: 0 -216px; }
.cool ul li a#c8 { background-position: 0 -250px; }
.cool ul li a#c9 { background-position: 0 -287px; }
.cool ul li a#c10 { background-position: 0 -324px; }
.cool ul li a#c11 { background-position: 0 -358px; }
.cool ul li a#c12 { background-position: 0 1px; }
.cool ul li a#c13 { background-position: 0 -36px; }
.cool ul li a#c14 { background-position: 0 -72px; }
.cool ul li a#c15 { background-position: 0 -111px; }
.cool ul li a#c16 { background-position: 0 -145px; }
.cool ul li a#c17 { background-position: 0 -184px; }
.cool ul li a#c18 { background-position: 0 -219px; }
.cool ul li a#c19 { background-position: 0 -255px; }
.cool ul li a#c20 { background-position: 0 -290px; }
.cool ul li a#c21 { background-position: 0 -324px; }
#sidebar .widgets_side ul { list-style: none; }

/* network =========================*/
.network_updates { padding: 20px 0; margin-top: 40px; }
.network_updates .heading { float: left; width: 850px; }
.network_logo { float: left; display: inline; margin: -10px 10px 0 0; }
.network_updates ul { list-style: none; float: left; width: 100%; margin: 10px 0 0; }
.network_updates ul li { float: left; width: 25%; display: inline; }
.network_updates ul li a { float: left; width: 210px; display: inline; text-decoration: none; color: #f26820; }
.network_updates ul li a span { float: left; width: 210px; height: 110px; overflow: hidden; margin-bottom: 5px; }
.network_updates ul li a img { margin-bottom: 5px; }
.network_updates ul li a h3 { font: 900 12px/18px Arial, Helvetica, sans-serif; }
.network_updates ul li a:hover { color: #222; }

/* Single =========================*/
.post { padding: 15px 0; }
.white { color: #999; }
.google_ad { margin-bottom: 15px; }
.post h1 { line-height: 40px; }
.post h1 a { text-decoration: none; color: #222; }
.post h2 { font-size: 24px; line-height: 32px; }
.post h3 { font-size: 22px; line-height: 30px; }
.post h4 { font-size: 20px; line-height: 28px; }
.post h3, .post h4 { padding: 10px 0 6px; background: url(images/line.png) repeat-x bottom left; margin-bottom: 15px; }
.tags { font: 400 11px Arial, Helvetica, sans-serif; padding: 20px 0; clear: both; }
.tags a { font-size: 10px; color: #999; text-decoration: none; }

.social_button { left: -120px; position: absolute; margin-left: 35px; }
.post .social_button ul { list-style: none; padding: 0; margin: 0; }
.post .social_button_inner { background-color: #f9f9f9; box-shadow: 0 1px 2px #e2e2e2; -webkit-box-shadow: 0 1px 2px #e2e2e2; -moz-box-shadow: 0 1px 2px #e2e2e2; padding: 5px 3px; border-width: 1px; border-style: solid; border-color: #f1f1f1 #ccc #aaa #f1f1f1; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.post .social_button_inner.fixed { position: fixed; top: 20px; }

.social_button ul li { height: 75px; display: block; }
/* 
.post .social_button ul { list-style: none; padding: 0; margin: 0; }
.social_button ul li { height: 75px; float: right; display: inline; }
*/
.social_button .FBConnectButton_Small, .social_button .FBConnectButton_RTL_Small { background-position: -5px -232px; }
.social_button .FBConnectButton_Small .FBConnectButton_Text { margin-left: 12px; padding: 2px 3px 3px; }

#related { margin: 15px 0; }
.sidetab-head { background: url(images/related.png) no-repeat top left; width: 625px; height: 20px; list-style: none; padding: 10px; }
.sidetab-head li { margin: 0 10px 0 0; display: inline; }
.sidetab-head li a { text-decoration: none; display: inline; padding: 3px 8px; color: #ccc; font-weight: 900; font-size: 12px; }
#content .sidetab-head li.ui-state-active a, #content .sidetab-head li a:hover { text-shadow: 0 1px 0 #4b0626; color: #fff; }
.ui-tabs-hide { display: none; }
.sidetabdiv { margin: 10px 0 0 0; padding: 10px 0; }
.sidetabdiv ul { list-style: none; }
.sidetabdiv ul li { float: left; width: 25%; display: inline; }
.sidetabdiv ul li a { text-decoration: none; font: 900 12px/18px Arial, Helvetica, sans-serif; color: #4b0626; float: left; width: 140px; display: inline; }
.sidetabdiv ul li a img { margin-bottom: 5px; display: block; }
.sidetabdiv ul li a span { padding: 0 0 0 20px; background: url(images/comment.gif) no-repeat 0 4px; }
#content .sidetabdiv ul li a:hover { background-color: #fff; }
.more_ad { text-align: center; }
.more_ad.cools h3 { text-align: left; } 
.cools { margin: 0 0 15px 0; }
.cools h3 { font: 900 12px/16px Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0 1px 0 #4b0626; background: url(images/related.png) no-repeat top left; width: 621px; height: 16px; list-style: none; padding: 12px; }
.cools table { width: 100%; border: 0; }
.cools table td { width: 25%; }

#content .gallery { padding-bottom: 15px; }
#content .gallery .gallery-item { width: 150px; overflow: hidden; margin: 11px 11px 0 0; }
#content .gallery a img { border: 0; float: left; display: inline; }

.post ul, .post ol { padding: 18px; margin: 9px 0; }

/* Comment =========================*/
#comment_list { display: block; }
#comment_list a { color: #f26820; text-decoration: none; }
.comment_head { border-bottom: 1px solid #b5b5b5; background: url(images/comment_bg.png) repeat-x top left; padding: 10px 20px; position: relative; }
.comment_head img { position: absolute; bottom: -2px; left: 45px; }
.comment_head a { float: right; text-decoration: none; font-weight: 900; }

#comment_list ol { }
#comment_list ol li { display: block; clear: both; position: relative; overflow: visible; border-top: 1px solid #ececec; }
#comment_list ol li .s { padding: 20px; position: relative; }
#comment_list ol li .comment-author img { background: #fff; border-bottom:1px solid #D7D7D7; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; float:left; height:auto; padding:3px; width:38px; margin-top: 3px; }
#comment_list ol li .comment-meta { margin: 0 0 0 61px; }
#comment_list ol li .comment_author { font: 900 1.5em Arial, Helvetica, sans-serif; margin: 3px 3px 0 0; }
#comment_list ol li span.misc { font: 400 11px Arial, Helvetica, sans-serif; }
#comment_list ol li p { padding: 10px 0; }
#comment_list ol li .rep { padding: 10px 0; }
#comment_list ol li .rep a { float: right; font: 900 12px/18px Arial, Helvetica, sans-serif; padding: 2px 24px 10px 0; background: url(images/reply.jpg) no-repeat 40px 8px; }
#comment_list ol li ul.children { }
#comment_list ol li ul.children li { padding: 0 0 0 40px; }

#respond input, #respond textarea { padding: 5px; border: 2px solid #ececec; }
#comment_list #respond form { margin: 15px 0 0 0; }
#comment_list #respond form label small { display: block; font: 900 12px Arial, Helvetica, sans-serif; } 
#respond input#submit { border: 0; display: block; background: url(images/submit.png) no-repeat top left; cursor: pointer; padding: 0; width: 94px; height: 36px; }

/* Footer =========================*/
#footer { background: #f5f5f5 url(images/footer_bg.png) repeat-x top left; border-top: 1px solid #666; padding: 5px 0; }
#footer #footer_tag { text-align: center; font-size: 22px; font-family: 'MgOpen Modata'; padding: 7px 0; color: #f5f5f5; text-shadow: 0 1px 0 #000; }
#footer #footer_tag a { color: #fff; text-decoration: underline; }
#footer #footer_tag a:hover { text-decoration: none; }
#footer .site_map { padding: 30px 0; width: 100%; border-bottom: 1px solid #d6d6d6; }
#footer_logo { float: right; display: inline; margin: 20px 0 0 0; }
.footer_list { width: 792px; float: left; display: inline; }
#footer .site_map ul { list-style: none; font-size: 11px; }
#footer .site_map ul.cat_list { width: 100%; margin-bottom: 20px; }
#footer .site_map ul.cat_list li { width: 20%; }
#footer .site_map ul strong { display: block; padding-bottom: 10px; font-size: 12px; }
#footer .site_map ul li { display: inline; width: 100%; float: left; }
#footer .site_map ul li a { color: #898989; text-decoration: none; width: 100%; float: left; }
#footer .site_map ul li a:hover { color: #333; }
#footer .site_map ul.page_list { width: 700px; }
#footer .site_map ul.page_list li { width: 27.5%; display: block; }
#footer .site_map ul.page_list li a { width: 100%; display: block; }

#footer .credits { padding: 10px 0; border-top: 1px solid #fff; font-size: 10px; color: #a0a4a6; }
#footer .kailoon { float: right; }
.bottom_ad { margin: 10px 0; text-align: center; }
#footer .credits a { text-decoration: none; color: #666; }