/*
	Theme Name: In The Rough
	Theme URI: http://akamike.net/projects/in-the-rough-wordpress-theme/
	Description: A grungy theme with colour options
	Version: 1.0
	Author: Mike Robinson
	Author URI: http://akamike.net/
	Adapted by Big Buys
	Tags: grunge, fixed width, two columns, widgets, pink, blue, green, red, yellow, orange, Holy Homeboys
*/

/* Reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline
	}
	:focus{outline:0}
	ol,ul{list-style:none}
	/* Tables need 'cellspacing="0"' on markup */
	table{border-collapse:separate;border-spacing:0}
	caption,th,td{text-align:left;font-weight:normal}
	blockquote:before,blockquote:after,q:before,q:after{content:""}
	blockquote,q{quotes:"" ""}
		
/* Body */
	body{
		margin:0;
		padding:0;
		text-align:left;
		background-color:#090909;
		color:#FFF;
		font-family:'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, serif;
		font-size:81.25%;
		line-height:1.8
	}

/* Headers */
	h1,h2,h3,h4,h5,h6{font-family:'Georgia','Times New Roman',arial,serif}
	h1{font-size:180%}
	h2 {font-size:150%}
	h3 {font-size:130%}
	h4 {font-size:110%}
	h5 {font-size:90%}
	h6 {font-size:70%}
	
/* Paragraphing */
p{margin-bottom:20px}
blockquote{margin:20px;color:#5F5F5F}
strong{font-weight:bold}
em{font-style:italic}
abbr{border-bottom:dashed 1px #9F9F9F}

/* Links */
a{text-decoration:none}
a:hover{text-decoration:underline}

/* Lists */
#post-list li.post ul{margin:1em 0 1.5em 1.5em;line-height: 1.5}
#post-list li.post ol{
  margin:1em 0 1.5em 1.5em;
  line-height:1.5;
  list-style:inside decimal
}

/* Code */
code{
	display:block;
	font-family:'courier new',courier,monospace;
	background:#090909;
	padding:5px;
	margin:40px 10px 10px 10px
}

/* Tables */
table{
	width:98%;
	margin:10px auto;
	border:1px solid #000
}
th{
	background:#090909;
	color:#fff;
	padding:5px
}
tbody th{text-align:center}
tbody td{padding:5px;background:#fff}

/* Clear */
#footer:before,#footer p:before,ol#comment-list li:after,.pagination:after{content:".";display:block;clear:both;height:0;visibility:hidden}

/* Layout */
#hh-header {
	width: 750px;
	float: left;
	background:url('images/hh-header.jpg') no-repeat bottom center;
	color:#000;
	margin-left:10px;
	height: 228px;
}

#container{
	width:750px;
	position:absolute;
	left:50%;
	margin-left:-375px
}
	/* Sidebar */
	#sidebar{
		float:left;
		width:160px;
		font-size:0.9em;
		text-align:right
	}
		.widget td{color:#000}
		.widget,.pagenav,.linkcat{margin-top:20px}
		.widget caption{text-align:right}
		.pagenav a,.linkcat a,.widget a{color:#FFF}
		
	/* Main */
	#main{
		float:left;
		width:550px;
		background:url('images/main-bottom.png') no-repeat bottom center;
		color:#000;
		margin-left:10px
	}
		#rss{
			background:url('images/rss-back.png') no-repeat;
			text-align:right;
			height:30px;
			padding-right:40px;
			font-size:0.9em;
		}
			#rss li{
				display:inline;
				margin-right:10px;
				vertical-align:middle
			}
		#content{background:url('images/main-back.png') repeat-y}
			ul#post-list{margin:0 30px 40px 30px}
			ul#post-list li.post{
				background:url('images/post-bottom.png') no-repeat bottom center;
				margin-bottom:30px;
				padding-bottom:20px
			}
			ul#post-list li img{margin:5px;}
			.post-date{
				float:left;
				background:url('images/date-back.png') no-repeat center center;
				height:50px;
				width:50px;
				text-align:center;
				color:#FFF;
				margin-right:20px;
				text-transform:uppercase;
				line-height:1.3em;
				padding-top:5px
			}
			.post-meta{color:#5F5F5F;font-size:.9em}
			.page-next{float:left}
			.page-prev{float:right;}
	
	/* Footer */
	#footer{text-align:center;font-family:verdana,arial,serif;font-size:10px}

/* Comments */
#comments{
	background:url('images/post-bottom.png') no-repeat top center;
	padding-top:20px;
	margin-top:10px
}

ol#comment-list li{
	list-style:none;
	font-family:verdana,arial,serif;
	font-size:11px;
	background:#ededed url('images/comment-back.png') repeat-y top left;
	margin-bottom:5px;
	padding:10px 10px 5px 5px
}

ol#comment-list{margin-left:0 !important}

ol#comment-list .gravatar{float:left;margin-right:40px}

ol#comment-list .comment-meta{border-bottom:solid 1px #bababa;margin-left:80px}

ol#comment-list p{margin-left:80px}

#commentform #author,#commentform #email,#commentform #url{width:200px}
#commentform #author,#commentform #email,#commentform #url,#commentform #comment{color:#9F9F9F}

input {
	background-color: #090909;
	color: #ffffff;
	border: 1px solid #dd1d1d;
	font-size: 11px;
	padding: 5px;
}
#freya_johan {
	width: 470px;
	height: 391px;
	background-image: url('/freya.jpg');
}
#freya_johan:hover {
	width: 470px;
	height: 391px;
	background-image: url('/johan.jpg');
}

.navigation {
	display: block;
	text-align: center;
	margin: 2em 0 2em 0;
	height: 25px;
}