/* Original theme and css by Mark Weston */
/*  
Theme Name: MarkWeston.co.uk V1
Version: 1.0
Author: Mark Weston - Adapted from Elliot Jay Stock's Starkers theme
Author URI: http://markweston.co.uk
*/

@import url('screen.css');

/* Custom CSS by Mark Weston */
p {
	/* Layout */
	margin-bottom: 15px;
}
.left {
	float: left;
}

.offscreen {
	left: -10000px;
	position: absolute;
	width: 9999px;
	}
.error {
	color: #f00;
	}
/* header styles */

#header{
	width: 940px;
	margin: 0 auto 30px;
	padding: 0 10px;
}

#blog #header h1 {
    /* Layout */
	margin-bottom: 30px;
}

/* maincontent / column styles */
#maincontainer {
	/*clear: left;*/
	width: 940px;
	margin: 0 auto;
	padding: 20px 10px 0 10px;
	}
#column1, #column2, #column3 {
	float: left;
	display: inline;
	}
#column1 {
	width: 459px; /* 460px wide including border */
	border-right: 1px solid #ccc;
	padding-right: 10px;
	}	
#column2 {
	width: 219px; /* 220px wide including border */
	border-right: 1px solid #ccc;
	padding: 0 10px;
	}
#column3 {
	width: 220px;
	padding-left: 10px;
	}
#column2 h2, #column3 h2 {
	text-align: center;
	font-size: 1.8em;
	font-weight: lighter;
	background-color: #a89b8a;
	padding: 10px 5px;
	}
#column1 ul{
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
	}
#column1 li {
	padding-bottom: 5px;
}

/* blog navigation styles */

.blognav {
	background: transparent url(images/arrow.gif) no-repeat 50% 0;
	padding-top: 10px;
	font-size: 1.3em;
	margin-bottom: 20px;
}

.blognav li {
	border-bottom: 1px solid #ccc;
}

.blognav a {
	display: block;
	width: 210px;
	padding: 2px 5px 1px 5px;
	color: #434444;
	text-decoration: none;
	line-height: 1.3em;
}

.blognav a:hover {
	background-color: #a89b8a;
	color: #fff;
}

#column2 #search {
	margin: 0 0 20px;
}

#column2 #search #s {
    /* Layout */
	margin-bottom: 5px;	width: 211px;
}

#column2 #search #search_btn {
    /* Layout */
	margin-left: 144px;
}

/* post styles */
.post {
	margin-bottom: 20px; border-bottom: 1px solid #a89b8a;
}
.post h2 {
	padding-bottom: 5px; border-bottom: none;
}
.post h2 a {
	text-decoration: none;
	color: #000;
}
.post h2 a:hover {
	text-decoration: underline;
}
.post p {
	font-size: 1.4em; line-height: 1.3em;
}
p.date {
	margin-top: 10px;
	font-size: 1.1em;	
}
.post a, .firstpara, .morelink, .postmetadata a {
	color: #a89b8a;
}
.postmetadata {
	background: transparent url(images/posted_in.gif) repeat-y;
	padding: 10px;
	}
.navigation {
	float: left;
	width: 700px;
	padding: 20px 0;
	margin-bottom: 20px;
	border: solid;
	border-width: 1px 0 1px 0;
	border-color: #ccc;
	}
.navigation a {
	font-size: 1.3em;
	}
.post img {
	margin: 5px 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	}
/* footer styles */
#footer {
	border-top: 10px solid #a89b8a;
	clear: left;
	float: left;
	font-size: 1.1em;
	margin-top: 20px;
	width: 940px;
}

#footer p {
	/* Typography */
	font-size: 1em;
}

#footleft, #footmiddle, #footright {
	float: left;
	display: inline;
	padding: 10px;
	}
#footleft, #footright {
	width: 210px;
	}
#footleft {
	text-align: left;
	}
#footmiddle {
	width: 460px;
	text-align: center;
	}
#footright {
	text-align: right;
	padding-top: 5px;
	}
#footer li {
	float: left;
	margin-right: 5px;
	}
#footer a {
	color: #434444;
	}
	
/* comment form */
#commentwrap {
	clear: both;
	}
#commentwrap h3 {
	font-size: 2.5em; font-weight: normal;
	margin-bottom: 10px;
}
#commentwrap cite {
	font-size: 1.3em;
	}
#commentwrap ol {
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	}
#commentwrap li {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f9f9f9;
	}
#respond {
	font-size: 1.6em;
	margin-bottom: 10px;
	}
#commentform div, #contact div{
	clear: left;
	margin-bottom: 10px;
}
#commentform label, #contact label{
	float: left;
	width: 220px;
	padding-right: 20px;
}
#commentform textarea, #contact textarea {
	width: 400px;
}
#commentform #submit_btn, #contact #submit_btn{
	margin-left: 575px;
}

/* single / archive styles */

#single .post {
	/* Styling */
	border-bottom: none;
}

#single #column1 {
	width: 700px;
}

#single #column2 {
	padding-right: 0;
	border: none;
}

#archive #column1 h2 {
	border-bottom: none;
	margin-bottom: 30px;
}

#archive .post h3 {
	font-weight: normal;
	padding-bottom: 3px;
}

#archive #column1 h3 a {
	font-size: 1.8em;
	color: #000;
	text-decoration: none;
}

#archive #column1 h3 a:hover {
	text-decoration: underline;
}
	
/* page styles */
#info #column1 {
	width: 459px;
	}
#info #column2 {
	width: 460px;
	border-right: 0;
	padding-right: 0;
	}
.page h1 {
	font-weight: bold;
	font-size: 1.8em;
	}
.page p {
	font-size: 1.3em;
	text-align: justify;
	}