/*  



Theme Name: Grunge Superstar



Theme URI: http://templates.arcsin.se/grunge-superstar-wordpress-theme/



Description: A dirty, monochrome, single-column theme. Based on the <a href="http://templates.arcsin.se/">free website template</a> Grunge Superstar.



Version: 1.0



Author: Viktor Persson, Rob Higareda for the Redesign 



Author URI: http://arcsin.se/   http://thepixeljunky.net



Last updated: 2008-12-19



*/







/* --------------------------------



   General



----------------------------------- */







html {



	font-size: 62.5%; /* reset 1em to 10px */



	height: 100%;



     



}







body {



	background: #151515 url('img/bodybglong.jpg') repeat-x;

       

	color: #444;



	font: normal 1.2em Verdana,Arial,sans-serif;



	height: 100%;



	padding-bottom: 1px; /* force scrollbars */



	padding-top: 10px;



}







small,.small {font-size: 0.9em;}







a {



	color: #EEC;



	text-decoration: none;



}



a:hover {



	color: #FFA;



	text-decoration: underline;



}







p {padding: 0.2em 0 1.2em;}







blockquote, code {



	background: #4A4A4A;



	border: 1px solid #333;



	color: #BBB;



	display: block;



	margin-bottom: 12px;



}



code {



	font: normal 0.9em Verdana,sans-serif;



	line-height: 1.5em;



	padding: 8px 14px;



}



blockquote {



	background: #4A4A4A url('img/quote.gif') no-repeat left top;



	padding: 6px 14px 6px 44px;



}



blockquote p {padding: 0.5em 0;}











/* --------------------------------



   Headings, titles



----------------------------------- */







h1 {font: normal 2em Georgia,sans-serif;}



h2 {font: normal 1.6em Georgia,sans-serif;}



h3 {font: normal 1.4em Georgia,sans-serif;}



h4 {font: bold 1em Georgia,sans-serif;}







h1, h2, h3, h4 {margin-bottom: 5px;}











/* --------------------------------



   Main layout



----------------------------------- */



#layout_wrapper {

	

	background: #0e0e0e;



	margin: 0 auto;



	width: 736px;

       

       

}



#layout_container {padding: 10px;}



#layout_content {border: 1px solid #333;}











#header_image {



	height: 160px;



	background: #222 url('img/header.jpg') no-repeat;



	border-bottom: 1px solid #222;



	border-top: 1px solid #111;



}



  

#bg {

     width: 25%;

     height: 500px; /* height of bg! */

     position: absolute;

     top: 0;

     left: 0;

     background: transparent url('img/top.png') no-repeat;

} 





#sidebar {

     width: 15%;

     height: 100%; /* height of bg! */

     position: absolute;

     top: 100;

     right: 0;

     background: ;

} 









/************************************************

*	Footer      								*

************************************************/



#footer {

	width: 728px;

	margin: 0px auto 0px;

	padding: 0px 0px 10px 0px;

	_padding: 0px 0px 10px 1px;

	}

.footer_text {

	color: #666;

	font-size: 10px;

	font-family: Verdana, Helvetica, Sans-Serif;

	text-align: left;

	margin: 5px 0px 5px 15px;

	}

#footerbar {

	background: #f0f0f0;

	width: 728px;

        height: 35px;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	border-top: 2px solid #666666;

	}

#footer_images {

	display: inline;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	float: right;

	vertical-align: middle;

	}







/* --------------------------------



   Site title



----------------------------------- */







#site_title {



	background: #222;



	padding: 12px 20px;



}



#site_title h1 	{



	color: #EED;



	font: normal 2em Georgia,sans-serif;



	margin: 0 0 5px;



}



#site_title h2 {



	color: #BFBFB6;



	font: normal 1.1em sans-serif;



	margin: 0;



}











/* --------------------------------



   Navigation



----------------------------------- */







.navigation {



	background: #353535 url('img/navigation.jpg') repeat-x;



	border-bottom: 1px solid #222;



	border-top: 1px solid #555;



}



.navigation ul {display: inline; margin: 0;}



.navigation ul li {



	border-right: 1px solid #303030;



	float: left;



	list-style: none;



}



.navigation a {



	color: #AAA;



	display: block;



	font: bold 1em Verdana,sans-serif;



	padding: 12px 14px;



	text-decoration: none;



}



.navigation a:hover {



	background: #444;



	color: #E5E5D5;



	text-decoration: none;



}



.navigation li.current_page_item a {



	background: none;



	color: #EEE;



}







/* Sub navigation */



#subnav a {



	padding: 10px;



	font-size: 0.9em;



}











/* --------------------------------



   Main



----------------------------------- */







#main {



	background: #0e0e0e;



	color: #CCC;



}











/* --------------------------------



   Bottom



----------------------------------- */







#bottom {



	background: #222;



	border-bottom: 1px solid #1A1A1A;



	border-top: 1px solid #384853;



	color: #AAA;



	padding: 16px;



}



#bottom ul li {



	border-bottom: 1px solid #303030;



}



#bottom ul li a {



	color: #777;



	display: block;



	padding: 4px 6px;



}



#bottom ul li a:hover {



	background: #2A2A2A;



	color: #FFC;



	text-decoration: none;



}







/* Tag cloud */



#tag_cloud a {color: #777;}



#tag_cloud a:hover {color: #FFC;}







/* --------------------------------



   Footer



----------------------------------- */







#footer {



	background: #2A2A2A;



	border-bottom: 1px solid #1A1A1A;



	border-top: 1px solid #333;



	color: #888;



	font-size: 0.9em;



	padding: 10px 12px;



}



#footer a {color: #AAA;}



#footer .right,#footer .right a {color: #555;}



#footer a:hover {color: #BBB;}











/* --------------------------------



   Floats



----------------------------------- */







.left {float: left;}



.right {float: right;}



.clear,.clearer {clear: both;}



.clearer,.block {



	display: block;



	line-height: 0;



	font-size: 0;



}



.clearer {height: 0;}



















/* --------------------------------



   Misc



----------------------------------- */







/* Columns */



.col3, .col3last {width: 31%; margin-right: 3%;}



.col3last {margin-right: 0;}







/* Images */



img.bordered {padding: 3px; background: #2a2a2a;}







/* Text */



.tleft {text-align: left;}



.tcenter {text-align: center;}



.tright {text-align: right;}



.vtop {vertical-align: top;}







/* Icons */



span.comment {background: url('img/icon_comment.gif') no-repeat left center; padding-left: 18px;}







/* Label */



.label {



	background: #222 url('img/post_top.gif') repeat-x left top;



	border-bottom: 2px solid #555;



	color: #BBB;



	margin: 0;



	padding: 0.5em 0.8em 0.6em;



}







/* Margin, padding, width, height */



.ptb10 {padding: 10px 0;}







/* --------------------------------



   Posts



----------------------------------- */







.post {



	background: #0e0e0e;



	border-bottom: 30px solid #0e0e0e;



}



.post_top {



	background: #0e0e0e url('img/post_top.gif') repeat-x left top;



	border-bottom: 4px solid #777;



	border-top: 1px solid #3A3A3A;



	padding: 10px 16px 13px;



}



.post_title h2 {



	font-size: 2em;



	margin: 0;



	padding: 0;



}



.post_body {



	background: ;



	border-top: 1px solid #333;



	padding: 16px 16px 0;



}



.post_metadata {padding: 10px;}



.post_metadata .content {



	background: #424242;



	color: #999;



	font-size: 0.9em;



	padding: 10px 12px;



}



.post_metadata a {color: #BBB;}



.post_metadata a:hover {color: #DDD;}







.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}



.post_body ul {list-style: disc;}



.post_body ol {list-style: decimal;}











/* ----------------------------------------



  Forms



------------------------------------------- */







form {margin: 0; padding: 0;}







/* Inputs */



input#s, textarea, input.styled {



	background: #DDD;



	border: 3px solid #555;



	font: normal 1em Verdana,sans-serif;



	padding: 3px;



	width: 160px;



}



textarea {



	overflow: auto;



	width: 440px;



}







/* Seachform */



table.search {



	border-collapse: collapse;



	width: 250px;



}



table.search td {vertical-align: top;}











/* ----------------------------------------



   Comments



------------------------------------------- */







.comment_gravatar {width: 48px;}



.comment_gravatar img {



	background: #666;



	border: 1px solid #444;



	padding: 2px;



}



.comment_author {



	color: #EEE;



	padding-top: 2px;



}







/* ----------------------------------------



   Lists



------------------------------------------- */







.nicelist {padding: 0;}



.nicelist ol {margin: 0;}



.nicelist ol li {



	border-bottom: 1px solid #333;



	border-top: 1px solid #505050;



	list-style: none;



	padding: 8px 10px 1px;





}



.nicelist ol li:first-child {border-top: none;}







.nicelist li.alt {background: #444;}



.nicelist .body {padding-top: 5px;}



.nicelist .date {



	color: #999;



	font-size: 0.9em;



	padding-top: 4px;



}



.nicelist .date a {



	color: #BBB;



	text-decoration: none;



}



.nicelist .date a:hover {text-decoration: underline;}











/* ----------------------------------------



   Archives



------------------------------------------- */







.archive_title {font: normal 1.4em sans-serif;}



.archive_title a {text-decoration: none;}



.archive_title a:hover {text-decoration: underline;}



.archive_postinfo {padding-bottom: 6px;}











/* ----------------------------------------



   Pagination



------------------------------------------- */







.pagenavigation {



	background: #555;



	border-top: 1px solid #444;



	font-size: 0.9em;



	padding: 7px 8px 9px;



}



.pagenavigation a {



	color: #CCC;



	text-decoration: none;



}



.pagenavigation a:hover {



	color: #FFF;



	text-decoration: underline;



}