/*
Theme Name: WordPress Theme This is John
Theme URI: thisisjohn.co.uk
Description: This is John theme
Version: 1.0
Author: John Knowles
Author URI: http://thisisjohn.co.uk/
Tags: this is john

*/

/* RESET STYLES */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, sans-serif;
	color: #2a2828;
}

#wrapper, #header{
	width:867px;
	margin:0 auto;
}

#wrapper{
	background: #fff url(images/bgShadow.png) top repeat-y;
	padding:0 35px;
}

#header{
	height:233px;
	position:relative;
}

	#logo{
		left:-50px;
		position:absolute;
	}
	
#contentWrapper{
	background:url(images/headerPanels.png) top no-repeat;
	background-color:#fff;
	padding:52px 0 0 0;
}

#content{
	width:487px;
	float:left;
	padding:0 85px 0 26px;
}

	.post{
		padding-bottom:32px;
	}

#sidebar{
	width:259px;
	float:left;
	clear:right;
}

#sidebar ul, #sidebar ol{
	margin-bottom:25px;
}

a{
	color:#420a1a;
	text-decoration:underline;
}

#sidebar a{
	color:#2a2828;
	text-decoration:none;
}

h1, #sidebar h2{
	font-size:320%;
	color:#420a1a;
	font-weight:normal;
	letter-spacing:-0.02em;
	padding:0 0 8px 0;
	border-bottom:1px solid #545454;
	margin:0 0 9px 0;
}

h1 a{
	color:#420a1a;
	text-decoration:none;
}

.pagetitle{
	padding:0 0 14px 0;
}

.postInfo{
	display:block;
	color:#4b4a4a;
	font-size:110%;
	line-height:180%;
	padding:0 0 8px 0;
}

pre{
	width:100%;
	display:block;
	font-size:120%;
}

p{
	font-size:120%;
	line-height:160%;
	padding:0 0 16px 0;
}

#content li{
	font-size:120%;
	line-height:150%;
}

#sidebar li a{
	font-size:120%;
	display:block;
	background:url(images/bullet.gif) left no-repeat;
	padding:0 0 0 12px;
}

#sidebar ul{
}

#sidebar li li{
	padding:0 0 8px 0;
}

#sidebar .widget_tag_cloud{
	padding-bottom:25px;
}

#sidebar .widget_tag_cloud a{
	display:inline;
	background:0;
	padding:0;
}

#sidebar .widget_twitter li, #sidebar .widget_twitter a{
	background:0;
	padding:0 0 0 0;
	font-size:100%;
}

#sidebar .widget_twitter a{
	display:inline;
	color:#420A1A;
}

#sidebar .widget_twitter li{
	padding:0 0 8px 0;
	font-size:120%;
}

#sidebar .widget_twitter .time-meta{
	font-size:80%;
}

#sidebar li a:hover{
	text-decoration:underline;
}

.clear{
	clear:both;
}