/*  
Theme Name: Dirty Bristow
Theme URI: http://dirtybristow.co.uk/
Description: A simple WordPress theme based on the <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a>.
Version: 1.0
Author: Moxy Park
Author URI: http://moxypark.co.uk/

Credits:

Based on the Blueprint CSS Framework:
http://code.google.com/p/blueprintcss/

Uses Fam Fam Fam Silk Icons: 
http://www.famfamfam.com/lab/icons/silk/

*/

body {
	background: url('images/background.jpg');
}

.container { border-top: 0; }

#header {
	background: url('images/header.png') repeat-x bottom;
	position: relative; height: 165px;
}

.home #header {
	height: 289px;
}

#header .container {
	position: relative;
	background: url('images/header.png') bottom repeat-x;
}

#header h1 { position: absolute; left: -50px; }
#header h1 img { display: block; position: absolute; z-index: 100; }
#menu {
	background: url('images/menu.png') no-repeat;
	position: absolute; font-size: 1.25em; right: 50px;
	padding: 20px; width: 426px; height: 79px;
	text-transform: lowercase; z-index: 100; float: left;
}
.home #menu {
	top: 50px;
}
#menu ul {
	text-align: center; display: block;
	margin: 0; padding: 0;
}
#menu ul li {
	display: inline; margin: 0 0.5em 0 0.5em;
	padding: 0; background: none;
}
#menu a { color: #000; text-decoration: none; }
#menu a:hover, #menu .current_page_item a {
	text-decoration: line-through;
}

#main-content {
	background: url('images/main-content.jpg');
	position: relative; top: -10px; padding-bottom: 20px;
}

.home #main-content {
	padding-top: 3em; padding-bottom: 3em;
}

h2 {
	color: #B48551; font-family: 'Times New Roman', serif;
	font-size: 1.5em; letter-spacing: -0.1em;
	padding: 0 3px 0 3px; margin-bottom: 0; letter-spacing: -0.2em;
	background: url('images/h2-y.png') repeat-x top center;
}
h2 a { color: #000; }
h2 small { font-size: 0.75em; color: #333; }
h3 { letter-spacing: -0.2em; margin-top: 1em; }

#main-content p { text-align: left; margin: 0.5em 0 0.5em 0; }
#main-content p.small {
	margin: 0 0 1em 0; text-align: right; line-height: 20px;
}

#main-content p.small iframe {
	display: block; float: right; margin-left: 0.5em;
}

.sidebar-widget { margin-bottom: 1em; }

#sidebar-x h2 {
	background: url('images/h2-x.png') no-repeat;
	color: #000; float: none;
}
#sidebar-x p { margin: 0 0 1em 0; }
#sidebar-z h2 {
	background: url('images/h2-x.png') no-repeat;
	color: #000; float: none;
}

.textwidget, .sidebar-widget ul, #tweet {
	padding: 10px; background: url('images/sidebar-widget.png') repeat-y;
	line-height: 11px; font-size: 0.8em;
}
.textwidget p { margin: 0; }
.sidebar-widget, .sidebar-widget + .sidebar-widget + .sidebar-widget {
	-webkit-transform: rotate(-0.5deg); 
	-moz-transform: rotate(-0.5deg);
}

.sidebar-widget + .sidebar-widget,
.sidebar-widget + .sidebar-widget + .sidebar-widget + .sidebar-widget {
	-webkit-transform: rotate(1.5deg); 
	-moz-transform: rotate(1.5deg);
}

.sidebar-widget ul { margin: 0; display: block; padding: 10px; margin: 0; }
.sidebar-widget ul li { margin-bottom: 11px; }
.textwidget a.button {
	float: none; background: url('images/h2-x.png') no-repeat;
	padding: 0 7px 0 7px; height: 18px; font-size: 1.25em; color: #000;
	border-width: 0; -webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
}

#sidebar-x a, #sidebar-z a { text-decoration: none; }
#sidebar-x li, #sidebar-z li {
	list-style: none; background: none; padding: 0;
}
#main-content .post {
	font-family: 'Times New Roman', serif; font-size: 1.25em;
	line-height: 1.5em; clear: both; padding: 10px 10px 20px 10px;
	background: #fff url('images/post.png') bottom left repeat-x;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

ol.commentlist { margin: 0; padding: 0; }
ol.commentlist li {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	list-style-type: none; padding-bottom: 20px;
	background: #eee url('images/comment.png') bottom left repeat-x;
}

#main-content #mhg-canvas {
	border-width: 0; background: none;
	background: url('images/headline-belt.png') no-repeat;
	padding: 15px 10px 15px 10px; height: 72px;
}

#footer {
	background: url('images/footer.png') repeat-x; width: 100%;
	color: #fff; margin-top: -15px; padding-bottom: 15px;
	padding-top: 50px; z-index: 100; position: absolute;
}

#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }