@charset "UTF-8";
/* CSS Document */
/*  
Theme Name: Reach
Theme URI: http://www.mikeleachcreative.co.uk
Description: This is my theme for Reach
Version: 1.0
Author: Mike Leach
Author URI: http://www.mikeleachcreative.co.uk

*/

#headercontainer {
	width: 100%;
	background-image: url(images/header-background.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 122px;
}

#header {
	width: 960px;
	margin: 0 auto 0 auto;
	height: 96px;
}

#back {
	width: 230px;
	padding-left: 730px;
}

#logoandsearchholder {
	width: 960px;
	height: 65px;
}

#header_logo {
	width: 404px;
	margin-left: 10px;
	float: left;
	padding-top: 10px;
}

#header_strap {
	width: 360px;
	float: right;
	text-align: right;
	padding-top: 15px;
}

#topmenu {
	width: 960px;
	margin: 0 auto 0 auto;
}

#page_feature {
	width: 100%;
	background-image: url(images/feature_blend.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 350px;
}

#feature_holder {
	width: 960px;
	margin: 0 auto 0 auto;
}

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	background-image: url(images/vertical_gradient.gif);
	background-repeat: repeat-y;
padding-top: 20px;
}

#post_holder {
	width: 470px;
	float: left;
	margin-right: 10px;
}

#sidebar {
	width: 480px;
	float: left;
}

#sidebar1 {
	width: 220px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar2 {
	width: 220px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#footer {
	width: 100%;
	background-image: url(images/footer-gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
height: 50px;
}

#footerholder {
width: 960px;
margin: 0 auto 0 auto;
}

#copyright_info {
width: 720px;
padding-top: 20px;
float: left;
}

#designcredit {
width: 230px;
float: left;
padding-top: 20px;
padding-left: 10px;
}

.copyright {
font-size: 10px;
color: #626262;
letter-spacing: 0spx;
}

.date_layout {
width: 69px;
padding-top: 17px;
padding-bottom: 17px;
border-right: 1px solid #eeeeee;
text-align: center;
float: left;
margin-left: 10px;
}

.date_no {
font-size: 32px;
color: #313131;
letter-spacing: -1px;
padding-bottom: 12px;
}

.date_month {
font-size: 16px;
color: #313131;
letter-spacing: -1px;
}

.date_year {
font-size: 12px;
color: #626262;
letter-spacing: -1px;
}

.post_content_pane {
width: 370px;
float: right;
padding-right: 10px;
padding-left: 10px;
padding-top: 17px;
}

.page_content_pane {
width: 470px;
}

.post {
line-height: 18px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin-bottom: 30px;
width: 470px;
}

.postmetadata {
font-size: 10px;
color: #313131;
}



#navigation_holder {
	width: 100%;
	margin: 0 auto 0 auto;
	margin-bottom: 15px;
	margin-left: 90px;
}

.navigation {
	padding: 6px;
	border: 4px double #e7e9e9;
	display: inline;
	background-color: #f3f3f4;
}

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 78%;
text-align: left;
vertical-align: top;
background: #ffffff;
color: #626262;
line-height: 18px;
}

h1 {
	font-size: 22px;
	color: #ea4717;
	font-weight: normal;
	letter-spacing: -1px;
line-height: 25px;
}

h2 {
	font-size: 16px;
	color: #313131;
	font-weight: normal;
margin-top: 0px;
line-height: 20px;
}

.sidebar ul {
font-weight: normal;
line-height: 18px;
padding-left: 0px;
margin-left: 0px;
}

.sidebar li {
border-bottom: 1px solid #eeeeee;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.postlist ol{
}

.postlist li{
padding-top: 4px;
padding-bottom: 4px;
	color: #ea4717;
}

a.mainlevel-top:link, a.mainlevel-top:visited {
border-right:1px solid #CCCCCC;
color:#FFFFFF;
float:left;
font-weight:bold;
height:25px;
line-height:25px;
margin-bottom:0;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}
a.mainlevel-top:hover {
background-color:#FFFFFF;
color:#7FD7F7;
}
a#active_menu-top.mainlevel-top {
background-color:#CCCCCC;
color:#000000;
}
a#active_menu-top.mainlevel-top:hover {
color:#FB7000;
text-decoration:none;
}

a:link, a:visited{
text-decoration: none;
color: #ea4717;
}

a:hover{
text-decoration: underline;
color: #ea4717;
}

li a:link, li a:visited, li a:active{
	text-decoration: none;
	color: #313131;
}

li a:hover{
text-decoration: none;
font-weight: normal;
color: #ea4717;
}

.searchtxt {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
padding-top: 5px;
}