/*************************************
 +Containers
 *************************************/
.c 	{ clear: both; }
html { margin:0; padding:0; }
body{
	background: #fff;
	color: black;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
#wrap0 {
	margin:0;
/*	background: url(./images/dirty_background2.gif) top center no-repeat; */
}

#wrap {
	margin:0 auto;
	width: 950px;
	text-align: left;
}


#contentbody {
	background: #fff;
	float: left;
	width: 948px;	
	margin: 0;
	padding: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#content {
	width: 600px;
	float: left;
	background: url('images/blackhead.gif') 0 0 no-repeat;
	margin: 0 0 0 15px;
	padding: 15px 0 0 0;
}

#navi {
	width: 246px;
	float: right;
	margin-right: 6px; /* total is 12, we add 6 on the ul inside */
}

#sidebar {
	width: 318px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header {
	padding: 0;
	margin: 0;
	height: 321px;
	width: 950px;
}

 .bimage1 { background: url(images/bhead_01.jpg) no-repeat 0 138px; }
 .bimage2 { background: url(images/bhead_02.jpg) no-repeat 0 138px; }
 .bimage3 { background: url(images/bhead_03.jpg) no-repeat 0 138px; }
 .bimage4 { background: url(images/bhead_04.jpg) no-repeat 0 138px; }
 .bimage5 { background: url(images/bhead_05.jpg) no-repeat 0 138px; }
 .bimage6 { background: url(images/bhead_06.jpg) no-repeat 0 138px; }
 .bimage7 { background: url(images/bhead_07.jpg) no-repeat 0 138px; }
 .bimage8 { background: url(images/bhead_08.jpg) no-repeat 0 138px; }
 .bimage9 { background: url(images/bhead_09.jpg) no-repeat 0 138px; }
 .bimage10 { background: url(images/bhead_10.jpg) no-repeat 0 138px; }
 .bimage11 { background: url(images/bhead_11.jpg) no-repeat 0 138px; }
 .bimage12 { background: url(images/bhead_12.jpg) no-repeat 0 138px; }
 .bimage13 { background: url(images/bhead_13.jpg) no-repeat 0 138px; }
 .bimage14 { background: url(images/bhead_14.jpg) no-repeat 0 138px; }
 .bimage15 { background: url(images/bhead_15.jpg) no-repeat 0 138px; }
 .bimage16 { background: url(images/bhead_16.jpg) no-repeat 0 138px; }
 .bimage17 { background: url(images/bhead_01.jpg) no-repeat 0 138px; }
 .bimage18 { background: url(images/bhead_02.jpg) no-repeat 0 138px; }
 .bimage19 { background: url(images/bhead_03.jpg) no-repeat 0 138px; }
 .bimage20 { background: url(images/bhead_04.jpg) no-repeat 0 138px; }
 .bimage21 { background: url(images/bhead_05.jpg) no-repeat 0 138px; }
 .bimage22 { background: url(images/bhead_06.jpg) no-repeat 0 138px; }
 .bimage23 { background: url(images/bhead_07.jpg) no-repeat 0 138px; }
 .bimage24 { background: url(images/bhead_08.jpg) no-repeat 0 138px; }
 .bimage25 { background: url(images/bhead_09.jpg) no-repeat 0 138px; }
 .bimage26 { background: url(images/bhead_10.jpg) no-repeat 0 138px; }
 .bimage27 { background: url(images/bhead_11.jpg) no-repeat 0 138px; }
 .bimage28 { background: url(images/bhead_12.jpg) no-repeat 0 138px; }
 .bimage29 { background: url(images/bhead_13.jpg) no-repeat 0 138px; }
 .bimage30 { background: url(images/bhead_14.jpg) no-repeat 0 138px; }
 .bimage31 { background: url(images/bhead_15.jpg) no-repeat 0 138px; }

#header .headerblock {
	position: relative;
}

#headlink {
	font-size: 11px;
	line-height: 22px;
	position:absolute;
	right: 235px;
	text-align: center;
	text-transform: uppercase;
	top: 100px;
}
#headlink a {
	background-color:black;
	color:white;
	display:block;
	height:24px;
	position:absolute;
	text-decoration:none;
}
#headlink a:hover {
	text-decoration:none;
}
#headlink a.head_shop {
	background:transparent url(images/b-shop.gif) no-repeat scroll 0 0;
	left:0;
	width:51px;
}
#headlink a.head_shop:hover {
	background:transparent url(images/b-shop.gif) no-repeat scroll left bottom;
}
#headlink a.head_blog {
	background:transparent url(images/b-blog.gif) no-repeat scroll 0 0;
	left:55px;
	width:50px;
}
#headlink a.head_blog:hover {
	background:transparent url(images/b-blog.gif) no-repeat scroll left bottom;
}
#headlink a.head_tv {
	background:transparent url(images/b-tv.gif) no-repeat scroll 0 0;
	left:109px;
	width:34px;
}
#headlink a.head_tv:hover {
	background:transparent url(images/b-tv.gif) no-repeat scroll left bottom;
}
#headlink a.head_projects {
	background:transparent url(images/b-projects.gif) no-repeat scroll 0 0;
	left:147px;
	width:78px;
}
#headlink a.head_projects:hover {
	background:transparent url(images/b-projects.gif) no-repeat scroll left bottom;
}

#footer {
	padding: 50px 10px 10px 10px;
	background: url(images/bottom.gif) top center no-repeat;
}

#footer img {
float: left;
margin: 0 5px 2px 0;
}

#footer span.links a {
background: black;
color: white;
padding: 2px 7px;
text-decoration: none;
text-transform: uppercase;
font-size: 9px;
font-width: normal;
}
#footer span.links a:hover { background: #464646; }

#footer span.links {
float: left;
line-height: 16px;
}
#footer span.copyleft {
float: right;
}


/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: 0px;
	margin:0;
}
#header h1{
	display: inline;
	float: left;
	position: relative;
}
#header h1 a span {
	display: none;
}
#header h1 a {
	display: block;
	height: 95px;
	width: 245px;
	background: url(./images/oklogo.gif) 0 0 no-repeat;
	position: absolute;
	top: 65px;
	left: 10px;
}

#header p {
	float: none;
	position: absolute;
	top: 40px;
	left: 500px;
	font-weight: bold;
	display: none;
}

#topnavi {
	float: left;
	width: 950px;
	margin: 0 0 10px 0;
}

#topnavi #search {
	width: 400px;
	float: left;
	margin: 10px 0px 0px 15px;
}

#topnavi #search input#s {
	border: 1px solid black;
	width: 300px;
	height: 19px;
	margin: 0px 10px 0px 0px; padding: 0;
	float: left;
}

#topnavi #search input#searchsubmit {
}

#topnavi ul {
	display: block;
	float: right;
	margin: 10px 12px 0px 0px;
}
#topnavi ul li  {
	float: left;
	list-style: none;
}

#topnavi ul li a {
	display: block;
	margin: 0 3px;
	padding: 1px 7px;
	background: black;
	color: white;
	text-decoration: none;
	background: black;
	font-weight: normal
}

#topnavi ul li a:hover {
	background: #464646;
}

.entrytitle h2{
	font-size:1.8em;
}
.entrytitle h2 a
{
	text-decoration: none;
}
.entrytitle h2 a:hover {
	text-decoration: underline;
}
.entrytitle h3{
	font-size:1.0em;
}

/*************************************
 +Entry
 *************************************/
.entry {
	margin: -5px 15px 15px 0px;
}

.entrymeta{
	font-size:0.9em;
}

.postinfo{
	padding: 0;
}

.postedby{
	padding:3px 0 3px 0;
}
.filedto{
	padding:3px 0 20px 0;

}


.commentslink{
	background:#fff url(./images/packaged.gif) no-repeat;
	padding:3px 0 10px 0;
}

.entrybody img {
	border: 0px;
	margin: 5px 0;
}

.entrybody a img {
	border: 1px dotted silver;
}

.entrybody a img:hover {
	border: 1px solid #CC0000;
}

.entrybody span.more a {
	background: #cc0000;
	color: white;
	padding: 2px 10px;
	text-decoration: none;
}

.entrybody span.more a:hover {
	background: #FF3333;
	text-decoration: none;
}


/*************************************
 +Sidebar
 *************************************/

#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 12px 0px;
	padding:0;
}

#sidebar h2 {
	font-size: 1.0em;
	font-weight: bold;
	padding: 0px 6px;
	color: white;
	background: url(images/headline-black.gif) no-repeat 0 0;
	width: 300px;
	height: 18px;
	margin: 0px 0px 0px 1px;
	clear: left;
}

#sidebar h2.archive {
	margin: 6px 0px 0px 1px;
}

#sidebar h3 {
	border-bottom:1px solid black;
	margin:10px 0 0;
	padding:0 6px;
}
 

#sidebar ul li.linkcat h2 {
	margin: 6px 0px 0px 1px;
}

#sidebar ul li.linkcat ul {
	clear: both;
}

#sidebar ul li{
	margin: 0;
	padding: 0;
}

#sidebar .border ul li a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 2px 6px;
	margin: 0px;
	height: 16px;
	width: 88px;
	overflow: hidden;
/*
	color: white;
	background-color: #464646;
	font-weight: bold;
*/
}

#sidebar ul li a:hover {
	color: #FF3333;
	text-decoration: underline;
}

#sidebar .border {
	border: 1px solid black;
	width: 304px;
	margin: 0px 0px 5px 1px;
}

#sidebar ul.twitter li.twitter-item {
	padding: 3px 6px;
}

#sidebar ul.twitter li.twitter-item a {
	display: inline;
	float: none;	
	width: none;
	margin: 0;
	padding: 0;
}

#sidebar ul.twitter li.twitter-item:nth-child(2n) {
	background-color: #efefef;
}

/*************************************
 +Navi
 *************************************/
#navi h2 {
	font-size:1.0em;
	font-weight: bold;
	padding: 0px 7px;
	color: white;
	background: url(images/headline-black.gif) no-repeat 0 0;
	width: 292px;
	height: 18px;
	margin: 10px 0px 2px 4px;
}

#navi h2.top {
	margin: 0px 0px 2px 4px;
}

#navi ul{
	list-style-type:none;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
}

#navi ul li{
	float: left;
}

#navi ul li a {
	display: block;
	color: white;
	text-decoration: none;
	width: 94px;
	height: 16px;
	padding: 2px 10px;
	margin: 3px 4px;
	background-color: #464646;
	font-weight: bold;
}

#navi ul li a:hover {

	background-color: black;
}

#navi .current-cat { font-weight: bold; }

#sidebar .navibanner {
}

#sidebar .navibanner a {
	border: none;
}

#sidebar .navibanner a:hover {
	border: none;
}

#sidebar .navibanner img {
	margin: 1px 1px 5px 1px;	
	border: none;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding: 10px 25px;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}

.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #CC0000;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #CC0000;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a.bb {
	color: black;
	text-decoration:none;
}

a.bb:hover {
	text-decoration: underline;
}

#overkillshop img { border: 0; }

#overkillshop {
	border: 0;
	display: block;
	margin:30px;
}


/*
 search
 */


#content .navigation {
	margin: 10px 0px;
}
#content .navigation .alignleft {
	float: left;
	width: 120px;
	text-align: left; 
}

#content .navigation .alignright {
	float: right;
	width: 120px;
	text-align: right; 
}

#content .navigation a {
	display: block;
	margin: 0 3px;
	padding: 1px 7px;
	background: #CC0000;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#content .navigation a:hover {
	background: #FF3333;
}

#content.narrowcolumn .post {
	margin: -5px 15px 15px 0px;
	clear: both;
}

#content.narrowcolumn .post h3 {
	font-size:1.8em;
}

#content.narrowcolumn .postmetadata {
	font-size:1.0em;
	margin: 0;
}


#content .syn8 {
	margin: 10px 0px;
}

#content .syn8 a {
	text-decoration: none;
	height: 14px;
	padding: 0px 0px 0px 20px;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
	line-height: 13px;
}

#content .syn8 a:hover {
	text-decoration: underline;
}

#content .syn8 a.rss {
	background: url('images/rss.gif') 0 0 no-repeat;
}

#content .syn8 a.myspace {
	background: url('images/myspace.jpg') 0 0 no-repeat;
}

#content .syn8 a.twitter {
	background: url('images/twitter.jpg') 0 0 no-repeat;
}

#content .syn8 a.facebook {
	background: url('images/facebook.jpg') 0 0 no-repeat;
}


