/*
Theme Name: Stephen Hoult Blog
Theme URI: http://stephenhoult.co.uk
Description: Theme for Stephen Hoult Blog at stephenhoult.co.uk
Author: Stephen Hoult
Author URI: http://stephenhoult.co.uk/
*/


/* Begin Typography & Colors */
* {
	padding:0;
	margin:0;
	}

body {
	font-size:70%;
	background:#447097 url('images/bg.png') repeat-x;
	font-family:arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

div#page {
	margin:10px auto;
	padding:10px 20px 0 20px;
	background:#fff;
	color:#333;
	clear:both;
	text-align:left;
	width:950px;
	height:100%;
	font-size:125%;
}

div#header{
	width:100%;
	height:80px;
	overflow:hidden;
	clear:both;
	background:#fff;
	border-bottom:1px solid #dde;
	border-top:1px solid #dde;
	margin:0 0 20px 0;
}

div#header h1 a{
	font-size:130%;
	color:red;
	text-indent:20px;
	margin: 10px 0 0 0;
	padding:0;
	line-height:50px;
	text-decoration:none;
}

div#header h1 a:hover{
	color:#447097
}


div.description {
	color:#999;
	margin:0;
	padding:0;
	clear:both;
}

div#content{
	width:100%;
	clear:both;	
	font-size:95%;
}

div#leftcol{
	width:170px;
	height:100%;
	float:left;
}

div#middlecol{
	width:488px;
	height:100%;
	float:left;
	margin: 0 0 0 20px;
	padding:0 20px;
	border-left:1px solid #dde;
	border-right:1px solid #dde;
}

div#rightcol{
	width:210px;
	height:100%;
	float:left;
	margin: 0 0 0 20px;	
}

div#rightcol ul {
	list-style-type:none;
	margin:0;
	padding:0;
		
}

div#rightcol ul li {
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
		
}

div.clearfix {
	height:0;
	width:0;
	clear:both;

}

p {
	line-height:150%;	
	margin-bottom:18px;
}

a img {
	border:0;
}

div#topnav {
	float:left;	
	font-size:85%;
	margin-bottom:10px;
	width:100%;
}
div#topnav ul {
	margin:0;	
}
div#topnav ul li {
	list-style-type:none;
	display:inline;
}

div#topnav ul li a {
	color:#447097;
	text-transform:uppercase;
	text-decoration:none;
	padding:0;
	margin:0 10px 0 0;	
}

div#topnav ul li a:hover {
	color:red;
	text-decoration:none;
}



div.post {
	margin: 0 0 20px 0;	
	border-bottom:1px dotted #dde;
	padding:0 0 20px 0;
}

div.post h2 {
	color:#111;
	font-family:Helvetica, Arial, sans-serif;
	font-size:190%;
	font-weight:normal;
}

div.post h2 a {
	color:#111;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
}

div.post h2 a:hover {
	color:#447097;
	text-decoration:none;
}

div.entry, p.postmetadata {
	padding:10px 0 0 0;	
}

div#footer {
	background:#fff;
	color:#999;
	width:100%;
	clear:both;
	padding:10px 0 5px 0;
	margin:20px 0 0 0;
	border-top:1px solid #dde;
	text-align:center;
	font-size:85%;
}

a {
	text-decoration:none;
	color:#447097;
}

a:hover {
	color:red;
	text-decoration:none;
}

h2.widgettitle, h2.author {
	color:red;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 0 5px 0;
}

h2.widgettitle {
	font-size:95%;	
}

h2.author{
	font-size:100%;	
}

div#rightcol li.widget{
	padding: 0 0 20px 0;	
}

input#text {
	background:#ccc;	
}

.small {
	font-size:95%;	
	color:#999;
}
.date{
	color:#999;	
}

div.myAvatar {
	padding:0 0 10px 0;	
}

div#respond h3 {
	color:red;
	text-transform:uppercase;
	font-size:105%;
	font-weight:normal;
	padding:0 0 10px 0;
}

div.leftwidget h2.widgettitle {
	font-size:105%;	
	margin:0;
	padding:20px 0 5px 0;
	
}

div.leftwidget {
	padding-bottom:0 0 20px 0;	
	border-top:1px solid #dde;
}

div.leftwidget ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.leftwidget ul li {
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 5px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

#wpcf {
	color:red;
	text-transform:uppercase;
	font-size:85%;
	font-weight:normal;
}

ol, ul {
	margin: 0 0 20px 40px;	
	line-height:150%;
}

ol li, ul li {
	
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}