/*
Theme Name: Work It
Theme URI: http://youworkit.co.uk/
Description: Custom Work It theme.
Author: Peter Zavoruev <pete@plan5.net>
Tags: one-column, fixed-width
*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:0px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* COMMON STYLE */
body { color: black; padding: 0; margin: 0; font-family: 'Courier New',Courier,monospace; }
input, textarea { font-family: 'Courier New',Courier,monospace; }
#wrapper { width: 990px; padding-top: 25px; margin: 0px auto; overflow: hidden; }
.clear { display: block; height: 1px !important; clear: both; }
hr { color: black; background-color: black; height: 1px; border: 0; }
a { outline: none; }
.center { text-align: center; }
img#wpstats{ width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }
h2{text-align: center;}
/* DARK TEMPLATE */
body.dark_theme { background: black; color: #fdfce0;  }
  body.dark_theme #search_form, body.dark_theme #subscription_form { display: none; } 
  body.dark_theme #logo { background: url('images/workit_inverted.png'); top: 0; width: 248px; height: 63px; }
  body.dark_theme #top_menu_wrapper, body.dark_theme #top_submenu_wrapper, body.dark_theme #bottom_menu_wrapper { border-bottom: 1px solid #fdfce0; }
  body.dark_theme #bottom_menu_wrapper { border-top: 1px solid #fdfce0; }
  body.dark_theme #top_menu a, body.dark_theme #top_submenu a, body.dark_theme #bottom_menu a, body.dark_theme .previews, body.dark_theme .previews a, body.dark_theme .pagination a, body.dark_theme .entry_meta a { color: #fdfce0 !important; }
  body.dark_theme #top_menu a:hover, body.dark_theme #top_menu a.active, body.dark_theme #top_submenu a:hover, body.dark_theme #top_submenu a.active { background: #fdfce0; color: black !important; }

/* TOP SECTION */
#top_section { text-align: center; position: relative; height: 70px; }
#search_form { position: absolute; top: 10px; left: 0; border: 1px solid black; width: 175px; white-space: nowrap; overflow: hidden; }
  #search_form .text { border: 0; padding: 5px; width: 145px; font-size: 9px; font-weight: bold; }
  #search_form .submit { border: 0; padding: 5px; font-size: 9px; font-weight: bold; }
#subscription_form { position: absolute; top: 10px; right: 0; border: 1px solid black; width: 175px; white-space: nowrap; overflow: hidden; }
  #subscription_form .text { border: 0; padding: 5px; width: 97px; font-size: 9px; font-weight: bold; }
  #subscription_form .submit { border: 0; padding: 4px 8px 4px 10px; font-size: 9px; font-weight: bold; background: black; }
#logo { position: absolute; left: 375px; top: 0; width: 236px; height: 61px; display: block; background: url('images/workit.png'); }
.top_section_socmed{position: absolute; right: 0; top: -17px;}


/* TOP MENU */
#top_menu_wrapper { text-align: center; border-bottom: 1px solid black; }
#top_menu { margin: 12px 0 8px 0; }
  #top_menu li { list-style: none; font-size: 1em; text-transform: uppercase; font-weight: bold; display: inline; }
  #top_menu a { color: black; text-decoration: none; padding: 5px 5px 2px 5px; }
  #top_menu span { padding: 0 1px 0 5px; }
  #top_menu li.last span { display: none; }
  #top_menu a:hover, #top_menu a.active { background: black; }

/* TOP SUBMENU */
#top_submenu_wrapper { text-align: center; border-bottom: 1px solid black; }
#top_submenu { margin: 0; font-size: 0.9em; }
  #top_submenu li { list-style: none; text-transform: capitalize; font-weight: bold; display: inline; }
  #top_submenu a { color: black; text-decoration: none; padding: 8px 9px 8px 6px; line-height: 30px; }
  #top_submenu a:hover, #top_submenu a.active { background: black; }

/* FOOTER MENU */
#bottom_menu_wrapper { border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; }
#bottom_menu { margin: 8px 0 8px 0; font-size: 0.9em; }
  #bottom_menu li { list-style: none; font-weight: bold; display: inline; }
  #bottom_menu a { color: black; text-decoration: none; padding: 0 9px 0 6px; }
  #bottom_menu li.last span { display: none; }
  
/* SLIDER WIDGET */
#slider_widget { height: 425px; margin: 30px 0 5px 0; border-bottom: 1px solid black; position: relative; }
  #slider_widget li { list-style: none; }
  #slider_widget_content { height: 390px; overflow: hidden; position: relative; }
  #slider_widget_content ul { width: 10000px; margin: 0; overflow: hidden; }
    #slider_widget_content li { float: left; margin: 0 15px 0 0;	cursor: pointer; }
    #slider_widget_content h3 { display: none; }
  #slider_widget_navigation { display: none; text-align: center; position: absolute; width: 840px; left: 0; bottom: 6px; margin: 0; }
    #slider_widget_navigation li { display: inline; cursor: pointer; }
    #slider_widget_navigation li.previous, #slider_widget_navigation li.next { padding: 0 5px; background: url('images/sprite.png') no-repeat; }
    #slider_widget_navigation li.previous { background-position: 5px 2px; }
    #slider_widget_navigation li.next { background-position: -5px 2px; }
    #slider_widget_navigation li.title { margin: 0 25px; text-transform: uppercase; font-weight: bold; cursor: auto; }


/* HOMEPAGE TUMBLR */
.tt ul{
margin-left: 0 !important;
margin-right: 0 !important;
}

.tt_frontpage{
padding-top: 10px;
}

.tt, .tt_post4col{
opacity: 0;
}

.tt li{
list-style: none;
}

.tt_post4col, .tt_post4col img, .tt_post4col iframe{
width: 240px;
margin-bottom: 2px;
height: auto;
}

.tt_post_last a{
margin-right: 0 !important;
}

.tt_post4col a{
display: block;
}

.tt_post4col p, .tt_post4col br, .tt_post4col blockquote {
display: none;
}

.navigation{
text-align: center;
}

.navigation a{
color: #000
}
    
/* HOMEPAGE SIDEBAR */
#homepage_sidebar { border-bottom: 1px solid black; padding: 20px 0 8px 0; margin: 0; position: relative; }

/* MIXTAPE HOMEPAGE PLAYER */
#mixtape_homepage_player { position: absolute; top: 195px; left: 0; width: 272px; height: 20px; overflow: hidden; z-index: 1000; background: black; }

/* NEWS STRIPE */
.news_stripe { border-bottom: 1px solid black; padding-bottom: 5px; margin: 6px 0 0 0; }
  .news_stripe div { font-size: 1.2em; background: black; text-align: center; text-transform: uppercase; padding: 5px 0 8px 0; }
  .news_stripe h3 { margin: 5px 0 0 0; font-size: 1.2em; }
  .news_stripe a { text-decoration: none; }
  
/* PREVIEWS */
.previews { margin: 15px 0 15px 0; overflow: hidden; }
  .previews ul { margin: 0 auto; }
  .previews li { list-style: none; display: inline; }
  .previews a { display: block; float: left; width: 322px; text-decoration: none; color: black; text-align: center; margin: 0 12px 12px 0; font-size: 0.8em; height: 234px; }
  .previews h3 { margin: 7px 0 0 0; text-transform: uppercase; }
  .previews hr { margin: 12px 0 15px 0; }
  
/* SINGLE ENTRY */
.entry_title { text-align: center; text-transform: uppercase; margin: 20px 0 0 0; font-size: 0.9em; }
.entry_meta { text-align: center; font-style: italic;  font-size: 0.8em; }
  .entry_meta a { text-transform: uppercase; color: black; text-decoration: none; }
.entry_content { margin: 15px auto 20px auto; width: 560px; text-align: center; overflow: hidden; }
.entry_featured_image { text-align: center; margin: 15px 0 0 0; }

/* SOCIAL MEDIA */
.socmed{
padding-left: 417px;
margin-top: 20px;
}

.fb-like{
float: left;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
position: absolute;
margin-left: -258px;
}

/* GALLERY */
.gallery { border-top: solid 1px #000; padding-top: 35px; margin: 30px 0 20px 0; overflow: hidden; }
  .gallery ul { margin: 0; }
  .gallery li { list-style: none; }
  .gallery li a { float: left; display: block; width: 130px; height: 195px; overflow: hidden; margin: 0 13px 13px 0; border: 0; }
  
/* PAGINATION */
.pagination { text-align: center; margin: 15px 0; font-size: 1em; font-style: italic; font-weight: bold; }
  .pagination a { color: black; text-decoration: none; padding: 0 5px; }
  
  
/* FANCYBOX */
div#fancy_overlay{position:absolute;top:0;left:0;z-index:90;width:100%;background-color:#333}div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100}div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(images/fancybox/fancy_progress.png) no-repeat}div#fancy_close{position:absolute;top:-12px;right:-12px;height:30px;width:30px;background:transparent url(images/fancybox/fancy_closebox.png);cursor:pointer;z-index:100;display:none}div#fancy_content{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;z-index:96}#fancy_frame{position:relative;width:100%;height:100%;display:none}img#fancy_img{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:92}div#fancy_title{position:absolute;bottom:-35px;left:0;width:100%;z-index:100;display:none}div#fancy_title table{margin:0 auto}div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:2px}td#fancy_title_left{height:32px;width:15px;background:transparent url(images/fancybox/fancy_title_left.png) repeat-x}td#fancy_title_main{height:32px;background:transparent url(images/fancybox/fancy_title_main.png) repeat-x}td#fancy_title_right{height:32px;width:15px;background:transparent url(images/fancybox/fancy_title_right.png) repeat-x}div#fancy_outer{position:absolute;    top:0;    left:0;    z-index:90;    padding:18px 18px 58px 18px;    margin:0;    overflow:hidden;    background:transparent;    display:none}div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #444;background:#FFF}a#fancy_left,a#fancy_right{position:absolute;bottom:10px;height:100%;width:35%;cursor:pointer;background-image:url(data:image/gif;base64,AAAA);z-index:100}a#fancy_left{left:0px}a#fancy_right{right:0px}a#fancy_left:hover{background:transparent url(fancy_left.gif) no-repeat 0% 100%}a#fancy_right:hover{background:transparent url(fancy_right.gif) no-repeat 100% 100%}#fancy_bigIframe,#fancy_freeIframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}div#fancy_bg{display:none}div.fancy_bg{position:absolute;display:block;z-index:70}div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(fancy_shadow_n.png) repeat-x}div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(fancy_shadow_ne.png) no-repeat}div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(fancy_shadow_e.png) repeat-y}div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(fancy_shadow_se.png) no-repeat}div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(fancy_shadow_s.png) repeat-x}div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(fancy_shadow_sw.png) no-repeat}div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(fancy_shadow_w.png) repeat-y}div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(fancy_shadow_nw.png) no-repeat}