/*
Theme Name: TNT Grunge Stop
Theme URI: http://tntbase.com/wordpress-themes/tnt-grunge-stop/
Description: TNT Grunge Stop Theme for gamers, artists and others
Version: 1.0
Author: TNT Base
Author URI: http://tntbase.com
Tags: black, red, white, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
.entry-meta, #entry-meta-single {
	background-image: url(images/grungemeta.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	margin-top: 10px;
}
#respond {}
#footer, #header {}
li.depth-1 {}
.navigation {}
.post {}

/* - BASIC STUFF - */
body {
	color:#333;
	margin:0 auto;
	padding:0 20px;
	background-color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	line-height: normal;
}
a:link {
	color: #AD0314;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #903;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #333;
	font-weight:bold;
}
a:active {
	text-decoration: none;
}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:0px; padding-left:5px; padding-bottom:4px; margin-top:3px; margin-bottom:5px; border-bottom:1px dotted #000;}
li {list-style-type:none;}
ul li ul li {border-bottom:none;padding-bottom:0;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ol {margin-left:0;}
.entry-content ul{
	margin-left: 0px;
}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside; border-bottom:none;}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {
	float:none;
	clear:both;
	padding:0;
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/grungebackground.jpg);
	background-repeat: repeat-y;
}
#header {
	height:421px;
	text-align:center;
	background-image: url(images/header.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;width:950px;}


/* -- HEADER DIV'S -- */
#titlublog{margin:260px auto 0px 140px; width:480px; padding:0px; position:relative; display:inline; float:left; text-align:left;}
#titlublog h1 {font-size:22px;}
#titlublog h2 {font-size:16px;}
#topstop{
	width:242px;
	height:200px;
	float:right;
	display:inline;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	margin-top: 205px;
	margin-right: 57px;
	margin-bottom: auto;
	margin-left: auto;
	overflow:hidden;
}
.topmenu{
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 70px;
	padding-bottom:2px;
}
.topmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
.topmenu li {
	display: inline;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.topmenuwraptop{
	background-image: url(images/topmenu.jpg);
	background-repeat: repeat-x;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 10px;
	width: 840px;
}
.topmenuwrapbottom{
	background-image: url(images/topmenu.jpg);
	background-repeat: repeat-x;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	height: 10px;
	width: 840px;
}


/* -- POSTS -- */
.post-index {margin:0 0 30px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:540px;margin-left:70px; display:inline;}
.stickypost {
	margin:0 0 30px;
	background-image: url(images/stickypost.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 55px auto auto; overflow:hidden; float:right; clear:none;width:260px; display:inline;}
.sidebar {width:100%;clear:none;}
.block-1 {float:left; width:260px;}
.widget{
	background-color: #FFF;
	background-image: url(images/widget.jpg);
	width:250px;
	padding:0 0 5px 10px;
}
.topwidget{
	background-color: #FFF;
	background-image: url(images/topwidget.jpg);
	width:260px;
	height:15px;
}
.bottomwidget{
	background-color: #FFF;
	background-image: url(images/bottomwidget.jpg);
	width:260px;
	height:15px;
	margin-bottom:22px;
}
h3.widgettitle {
	padding-bottom:3px;
	border-bottom:3px dotted #000;
	margin-bottom:7px;
}

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

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px; margin-top:0px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}
.commentmetadata a{font-size:9px; font-weight:normal;}
a.comment-reply-link{font-size:10px; font-weight:normal;}
cite.fn{font-weight:bold;}
li.even{background:#ddd;}
.comment-author-admin{border-left:3px solid #900; border-bottom:3px solid #900;}
ul.commentlist li {border-top:1px dotted #000;overflow:hidden;}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}
.avatar {float: right; margin-left:15px; margin-bottom:15px;}

/* -- WORDPRESS REQUIRED --*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

a img{border:none;}
p img { padding: 0; max-width: 100%; }
.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}