/*
Theme Name: blacknblue
Theme URI: http://documentarystorm.com
Description: DocumentaryStorm Theme
Version: 1
Author: x
Author URI: http://documentarystorm.com


/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
p {margin: 0 0 12px}

/* Global reset-RESET */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } 
.alert { background:red; color:white }

a,a:link,a:visited{color:#667990;text-decoration: none}
a:hover, a:active{color:#fff}

.wprp_wrapper{margin:12px 0}
.admin-comment{color:#fff}


/* TYPOGRAPHY */
/* ----------------------------------------- */
ol, ol li{list-style-type: circle;padding-bottom:4px}
body,p,div,lo,ul,li,input,textarea,span,.children{
font-weight: normal;
font-family: Helvetica,Tahoma;
font-size: 0.96em;
line-height: 1.3;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family: Georgia, Times, "Times New Roman";color:#fff}

h2{background:#0d1e34;padding:10px 20px;font-size:1.3em;margin: 0;text-shadow: 2px 2px 2px #000;}
#main-left h2 a{color:#fff}
h4{font-size:1.2em;margin:5px 0;}
h5{font-size:1.2em;}
#header-buttons h6{font-size:1em;padding:7px;text-align: center;background:#0d1e34}
h6{font-size:1.2em;padding:10px;text-align: center;background:#0d1e34}
h1{margin-bottom:10px;font-size: 3em;color: #fff;text-shadow: 2px 2px 2px #000;}

#header h1 a,#header h1 a:link,#header h1 a:visited{color: #fff}
#header h1 a:hover, #header h1 a:active{text-shadow: 2px 2px 30px #000}
.tagline{color:#fff;font-size:0.8em;position:relative;top:-15px;left:5px}
#main-left h3{font-size:1.5em;color:#fff}
#main-left h3 a{text-shadow: 2px 2px 2px #000;}
#main-left h3 a:hover,#main-left h3 a:active{color:#fff}

/* MAIN LAYOUT */
/* ----------------------------------------- */
#fb-container{margin-bottom:10px;width:280px;overflow:hidden}
#fb-container-post,#fb-container-post2{position:relative;top:-3px;display:inline;overflow:hidden;width:150px;margin-left:8px}
#fb-root{display:inline}
#rating-inline a.FlattrButton{margin-right:22px}
#rating-inline{float:left;width:176px;overflow:hidden;position:relative;top:-5px}
#fb-container2{position:relative;top:-1px;left:-10px;overflow:hidden}
.flattr-inline{display:inline;width:60px;overflow:hidden}
#rating-box2{margin-bottom:10px}
#rating-box3{margin-top:15px}

.sexy-bookmarks{margin:0 0 0 10px;padding:0}
body {background:#000 url('images/bg-main.png') repeat-x}
#header-container{width: 940px;margin: 0 auto;padding:0;z-index:2; position: relative}

#main-container{width: 940px;margin: 0 auto;color: #b0aba4;background: #000 url('images/bg-black.gif') repeat-y;z-index:2; position: relative}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.clear {clear: both;}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* FOOTER */
/* ----------------------------------------- */
#bottom-container{
width:100%;
background: #122e54;
}
.current_page_item{
background:#0e1f34;
}

#bottom{
margin: 0 auto;
width:940px;
height: 50px;
}
#bottom a{padding:17px 17px;display:block}
#bottom a:link,#bottom a:hover,#bottom a:active,#bottom a:visited{color:#fff}

#bottom ul{float:right;}

#bottom li{
float:left; display:block;
border-right: 1px solid #132030;
}

.home-block{
border-left: 1px solid #132030;
}

#bottom li:hover,#bottom li:active{
background:#0e1f34;
}
#footer-container{
width: 100%;
margin: 0 auto;
background: #000;
height: 65px;
}

#footer{
width: 940px;
margin: 0 auto;
color: #fff;
padding-top: 20px;
text-align: right;
}

/* POSTS */
/* ----------------------------------------- */
#main-left{
float: left;
padding-bottom:20px;
}

.main-left{
width: 600px
}

#main-left a{color: #667990}
#main-left a:hover{color:#fff;text-shadow: 2px 2px 2px #0d1e34;}
.post{
padding: 20px;
overflow: auto;
border-bottom: 1px dotted #132030;
display: block;
width: 560px;
}
div.post:hover{
background: #133154;
}
.post-left{
float:left;
height: 150px;
width:150px;
border: 5px solid #000;
}
.post-right{
float:right;
margin-left:15px;
width: 385px;
}

.post-meta{font-size:0.85em}

.page-numbers{padding: 15px 0;}

.single-post-css{
padding: 20px;
overflow: auto;
display: block;
text-align: justify;
}
.spacing{
padding: 10px;
overflow: auto;
display: block;
}
/* COMMENTS */
/* ----------------------------------------- */
#respond {padding-bottom:20px}
ol.commentlist {list-style:none; margin:0; padding:0;}

.comment-left{
float:left;
height: 75px;
width:75px;
border: 5px solid #000;
padding:15px 0 0 15px;
}

.comment-right{
padding:15px 0 0 15px;
margin-left:95px;
}

.commentlist li {  
    list-style:none;  
    }

.depth-1{padding:0 15px 15px 0;border: 1px dotted #0d1e34;margin:15px}
ol.commentlist li ul.children {list-style:none; text-indent:0; border: none; font-size: 14px}  
ol.commentlist li ul.children li.depth-2 { margin:10px 0 0 20px; border-top: 1px dotted #0d1e34; font-size: 14px}  
ol.commentlist li ul.children li.depth-3 { margin:10px 0 0 20px; border-top: 1px dotted #0d1e34; font-size: 14px}  
ol.commentlist li ul.children li.depth-4 { margin:10px 0 0 20px; border-top: 1px dotted #0d1e34; font-size: 14px}  
ol.commentlist li ul.children li.depth-5 { margin:10px 0 0 20px; border-top: 1px dotted #0d1e34; font-size: 14px} 


/* SIDEBAR */
/* ----------------------------------------- */
#recent-comments{
background:#133154;
margin-bottom:20px;
padding:0;
}

.recent-comment{padding: 7px 15px}
.recent-comment:hover, .recent-comment:active{background:#0e1f34} 

#jaghut {margin:0}

#main-right{
float:right;
width:300px;
text-align: left;
margin-right:20px;
padding-top:20px;
}

#categories{background:#0D1E34;overflow:show;}

#tag-cloud{
padding: 10px 15px 10px 20px;
background: #0e1f34;
}

#tag-cloud a:hover{text-decoration:underline}

.menu li{
background:#0e1f34;
font-size: 12px;
border-left: 1px solid #000;
margin-left: 120px;
}

.wppp_list li, .top-rated-documentaries li{
background:#0e1f34;
font-size: 12px;
border-bottom: 1px solid #000;
}

.wppp_list li a, .top-rated-documentaries li a{padding: 8px 8px 8px 20px;
display:block;}

.menu li:hover,.wppp_list li:hover, .top-rated-documentaries li:hover{
background:#133154;
}

#main-right a{color:#fff}

.sidebar-titles{display:block;background:#133154;height: 48px}

.yui-nav li{
list-style: none; 
float: left; 
background: #133154;
color: #fff;
padding:15px 17px;
height:18px
} 
.sidebar-skyscraper{float:left}
.yui-nav li.selected{ 
    background-color: #0d1e34;
} 
 
.yui-content { 
    clear: both; 
}
.sponsors-index{border-bottom: 1px dotted #132030;padding:20px 20px 20px 0;overflow:hidden;width:580px}
.sponsors-inline{margin-top:25px;padding:0;overflow:hidden;width:560px}
.sponsors-header{float:left;display:inline}
/* #block-1 {margin-bottom:15px} */
#block-2,#block-3{margin-top:20px;}
/* #block-2{margin-bottom:14px} */

/* HEADER */
/* ----------------------------------------- */
#header-category-background{z-index:1;
top:84px;left:0px;
position: absolute;
height:277px;
width:100%;
overflow: hidden;
}
#header-main-menu{
float: left;
padding: 0;margin:0;
height:83px;
overflow:hidden;
}

#header-main-menu li{
float:left; display:block;
border-right: 1px solid #132030;
}
#header-main-menu a{
color:#b0aba4;
display:block;
padding:33px 25px;
}
#header-main-menu a:hover, #header-main-menu a:active{
color:#fff;
}
#header-main-menu li:hover,#header-main-menu li:active{
background:#0e1f34;
}

#div1{font-size:0.8em;color:#d9e7f5;margin:0;padding:0;text-shadow: 2px 2px 2px #0e1f34;}
#search{
float:right;
padding:20px 0 0;
text-align:right;
margin-right:10px;
}

#header{
padding-top: 55px;
text-align: left;
float:left;
}

#header-buttons{
float: right;
text-align: right;
padding-top: 40px;
padding-right: 20px;
width: 300px;
height:145px;
overflow: hidden;
}
#header-buttons img{padding-left:15px;}
.randomdoc{float:right;
overflow:hidden;
height:123px;
width:123px; 
border: 1px solid #000;
display:inline;
}

.randomdoc a{padding:5px;
background-color:#000;
color:#d9e7f5;
text-shadow: 2px 2px 2px #0e1f34;
display:block;
font-size: 0.7em;}

.breadcrumbs{font-size:0.8em;margin: 0 0 10px 20px;color:#2a4565; padding-top:15px}

/* FORMS */
/* ----------------------------------------- */
input{
background: #133154;
padding: 10px;
margin-right: 10px;
color: #cad8ea;
width: auto;
border: none;
}

textarea{
background: #133154;
padding: 10px;
color: #cad8ea;
width: 400px;
height:170px;
border:none;
}

input.submit-text{
width:196px;
border-left: 1px solid #2f4d70;
border-top: 1px solid #2f4d70;
border-right: 1px solid #0f2540;
border-bottom: 1px solid #0f2540;
font-size:0.8em;
padding:12px 7px;
}

input.submit-button{
width: auto;
border-left: 1px solid #2f4d70;
border-top: 1px solid #2f4d70;
border-right: 1px solid #0f2540;
border-bottom: 1px solid #0f2540;
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding-bottom: 15px;
	margin: 0;
	border: none;
	text-decoration: none;
	list-style: none;
	text-align: left;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 6px;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
}

#wp_page_numbers li a:hover {
	text-decoration: underline;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

#wp_page_numbers li.active_page a {
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
color:#fff;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 6px;
	padding-right: 8px;
}


/* SUCKERFISH */
/* ----------------------------------------- */

#suckerfishnav {
background:#0e1f34;
   }

#suckerfishnav a {
   color:#fff;
   }
#suckerfishnav li {
    border-left:1px solid #000;
    border-right:none;
border-top: 1px solid #000;
border-bottom: none;
   }
#suckerfishnav li a{
padding: 8px 8px 8px 20px;
display:block;
}

#suckerfishnav ul {
   position:absolute;
   margin:-50px 0 0 70px;
   line-height:1;
   border:0;
   left:-999em;
   height:auto;
width:170px;
z-index:10;
border-bottom: 1px solid #000;
   }


#suckerfishnav li li {
    border-left:1px solid #000;
    border-right:1px solid #000;
border-top: 1px solid #000;
border-bottom: none;
    width:100%;
margin:0;
    }
#suckerfishnav li li a {
    color:#fff;

    }
#suckerfishnav li li:hover {
    background:#133154;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#0e1f34;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#133154;
    }


/* FEATURED */
/* ----------------------------------------- */
#featured-container{
width: 940px;
margin: 0 auto;
overflow: hidden;
padding:0;
}
#featured-margin{
width: 920px;
overflow: hidden;
background:#000;
}
#featured{
	width:590px;
	margin-left:5px;
	padding-right:320px;
	position:relative;
	height:300px;
	background:#000;
border-top:5px solid #000;
border-bottom:5px solid #133154;
overflow:hidden;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:590px;
	list-style:none;
	padding:0; margin:0;
	width:320px;
border-right:5px solid #000;
}
#featured ul.ui-tabs-nav li{
border-bottom:2px solid #000;
border-left:5px solid #000;
	font-size:12px;
	color:#fff;
}
#featured ul.ui-tabs-nav li span{
	font-size:15px; font-family:Georgia;
}
#featured .ui-tabs-panel{
	width:590px;
	background:#000; position:relative;
}
#featured .ui-tabs-hide{
	display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	padding: 14px 0 15px 10px;
	color:#fff;  background:#133154;
	outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#0d1e34;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:#0d1e34;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#0d1e34;
}


ol.top100{
	margin: 0;
	background: #133154;
	padding: 0 0 0 50px;
	border: 1px solid #111;
}

ol.top100 a{display:block;background: #0e1f34;
	font-size: 0.8em;
	padding: 10px 10px;}
ol.top100 a:hover, ol.top100 a:active{background: #133154;}

ol.top100 li {
	margin:0;
	padding:0;
	border-top: 1px solid #353535;
	border-bottom: 1px solid #000;
	border-right: 1px solid #333;
	border-left: 1px solid #151515;
list-style-type: decimal;
}