/*
Theme Name: overkill tv
Description: 
Version: 0.1
Author: seb

	Based on Kubrick v1.5

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


#footer {
	height: 32px;
	overflow:hidden;
	margin: 0px 0px 20px 0px;
	clear:both;
	float:none;
	text-align:center;
	padding: 0;
	background:transparent url(images/bottom.gif) no-repeat scroll 0 0;
	color:black;
	font-size:10px;
	width:774px;
}

#footerbar {
		background:transparent url(images/black-under.gif) no-repeat scroll 0 0;
		color:white;
		font-size:11px;
		line-height:26px;
		padding:0;
		margin: 0px 0px 0px 10px;
		height: 24px;
		clear:both;
		float:none;
}

#wrapper {
		text-align: left;
		width: 774px;
		margin: 0 auto;
		padding: 0;
		line-height: 18px;
		position: relative;
		float:none;
		clear:both;
}

#header {
		background: url(images/head.jpg) no-repeat 0px 138px; 
		height: 320px; 
		margin: 0 auto; 
		text-align: center; 
		padding: 0; 
}

#header h1, #header h2 { display: none; }

#video-navigation { margin: 0 0 0 10px; padding: 15px 0px; clear: both; float: none; }
#video-navigation a img { padding: 0px; margin: 0px 0px 0px 0px; border: 2px solid transparent; }
#video-navigation a:hover img { border: 2px solid #FF3333; }
#video-navigation a { display: block; float: left; padding: 0; margin: 0px 8px 8px -2px; width: 120px; height: 90px; }
#video-navigation a img.active { border: 2px solid #FF3333; }

#respond {
	margin: 0px 0px 0px 15px;
}

li.responses { padding: 0; margin: 0; }

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px; padding: 5px 10px; }
.post { margin:0 0 20px; padding: 5px 10px; }
.posts-wrap { clear:none; padding: 0px;  border-left: 1px solid black; border-right: 1px solid black; width: 772px; }

.entry-content { padding: 10px 5px; }

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;height:auto; float:left; clear:both; border-left: 1px solid black; border-right: 1px solid black; width: 772px; }
.sidebar {height:auto;float:left; clear:both; padding: 0px 0px 0px 10px; }

.widget {width:251px; float: left; clear:none; padding: 0px; margin: 0px 0px 10px 0px; }

.widget div { padding: 0px 5px; }

	#logo { position: absolute; top: 65px; left: 10px; height: 59px; width: 245px; }
	#logo a { background: url(images/oklogo.gif) no-repeat 0 0; display: block; height: 59px; width: 245px; }
	#logo span { display: none; }

	#headlink { position: absolute; top: 100px; right: 236px; text-transform: uppercase; font-size: 11px; line-height: 22px; text-align: center; }
	#headlink a { background-color: black; color: white; display: block; position: absolute; height: 24px; }
	#headlink a:hover { text-decoration: none; }

	#headlink a.head_shop { 
		left: 0px; 
		background-color: red; 
		background: url('images/b-shop.gif') no-repeat 0 0; 
		width: 51px; 
	}
	#headlink a.head_shop:hover { 
		background: url('images/b-shop.gif') no-repeat bottom left; 
	}
	
	#headlink a.head_blog { 
		left: 55px; 
		background-color: black; 
		background: url(images'/-blog.gif') no-repeat 0 0; 
		width: 50px; 
	}
	#headlink a.head_blog:hover { 
		background: url('images/b-blog.gif') no-repeat bottom left;
	}

	#headlink a.head_tv { 
		left: 109px; 
		background-color: black; 
		background: url('images/b-tv.gif') no-repeat 0 0; 
		width: 34px; 
	}
	#headlink a.head_tv:hover { 
		background: url('images/b-tv.gif') no-repeat bottom left;
	}

	#headlink a.head_projects { 
		left: 147px; 
		background-color: black; 
		background: url('images/b-projects.gif') no-repeat 0 0; 
		width: 78px; 
	}
	#headlink a.head_projects:hover { 
		background: url('images/b-projects.gif') no-repeat bottom left;
	}


/* - BASIC STUFF - */

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: white;
	font-family: Arial,Helvetica;
	font-size: 0.9em;
	color: black;
}

a img { border: 0; }
a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; color: black; }
hr { display: none;}

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: 12px; }

h2.entry-title a { color: white; }
h2.entry-title { 
		background:transparent url(images/headline-black.gif) no-repeat scroll 0 0;
		color:white;
		line-height:26px;
		padding:0 7px;
}

h2.archive-title { text-align: right; padding: 0px 10px; font-size: 13px; }

h3.widgettitle { background-color: black; color: white; padding: 0px 5px; margin: 0px 0px 5px 0px; line-height:26px; }

a.rsswidget img { display: none; }
h3 a.rsswidget { color: white; }

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}




/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
h3#comments { margin: 10px; }
div.comments-wrap { margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0 0 15px;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation { 
	overflow:auto; 
	float:none; 
	clear:both; 
	margin: 0px 10px; 
	background-color: black; 
	color:white;
	font-size:11px;
	line-height:26px;
	padding:0 7px;
}

* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-next a { color: white; }
.nav-prev {float:left;clear:none;width:48%; text-align:left;}
.nav-prev a { color: white; }