/*  

Template name: Grunge Superstar

Template URI: http://templates.arcsin.se/grunge-superstar-website-template/

Release date: 2008-06-15

Description: A dirty, monochrome single-column template.

Author: Viktor Persson

Author URI: http://arcsin.se/



This template is licensed under a Creative Commons Attribution 2.5 License:

http://templates.arcsin.se/license/

*/



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

   General

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



html {

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

	height: 100%;

}



body {

	background: #444 url('images/img/body.jpg');

	color: #444;

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

	height: 100%;

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

	padding-top: 64px;

}



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('images/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

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



#paper_left {

	background: url('images/img/paper_left1.gif') no-repeat left top;

	margin: 0 auto;

	padding-bottom: 34px;

	width: 778px;

}

#paper_right {

	background: url('images/img/paper_right1.gif') no-repeat right bottom;

}



#layout_wrapper {

	background: #50504A url('images/img/grain_dark.gif');

	margin: 0 auto;

	width: 736px;

}

#layout_container {padding: 8px;}

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



#header_image {

	height: 160px;

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

	border-bottom: 1px solid #222;

	border-top: 1px solid #111;

}





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

   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('images/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: #4A4A4A;

	color: #CCC;

}





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

   Bottom

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



#bottom {

	background: #222;

	border-bottom: 1px solid #1A1A1A;

	border-top: 1px solid #2A2A2A;

	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: #666;}



/* Text */

.tleft {text-align: left;}

.tcenter {text-align: center;}

.tright {text-align: right;}

.vtop {vertical-align: top;}



/* Icons */

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



/* Label */

.label {

	background: #222 url('images/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: #363636;

	border-bottom: 1px solid #111;

}

.post_top {

	background: #222 url('images/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: url('images/img/post_body.jpg') no-repeat left top;

	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 {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;

}