/*  
Theme Name: THFC Blog
Theme URI: http://www.outofthetrees.co.uk/
Description: The THFCorp Blog Theme.
Version: 1.0
Author: David Robertson
Author URI: http://www.outofthetrees.co.uk/

*/


/* Override browser defaults
----------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, label, p, table, caption, thead, tbody, tr, th, td, blockquote, applet, object, iframe, img, a, abbr, acronym {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: baseline;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul, ol {
	list-style: none;
}

input, textarea, select {
	margin: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, :link img, :visited img {
	border: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.intro {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

/* Layout
----------------------------------------*/

html {
	background-color: #008c52;
}

body {
	color: #333;
	background: #fff url(images/bg-body.jpg) repeat-x left top;
	font-size: 90%;
	font-family: 'lucida grande', arial, verdana, sans-serif;
}

#wrapper {
	width: 770px;
	margin: 0 auto;
}

#branding {
	padding-top: 2em;
	position: relative;
}

#branding h1 img {
	margin-top: 14px;
}

#sidebar {
	margin-left: 525px;
	margin-right: 20px;
	padding-top: 0px;
padding-bottom: 100px;
}

#content {
	float: left;
	width: 475px;
	padding: 0px 0 20px 20px;
	line-height: 1.4;
	position: relative;
	min-height: 900px;
}

#featured a.cont {
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	margin-top: 0.25em;
}

#featured a.cont img { 
	vertical-align: middle;
}

a.more-link {
	float: left;
	width: 50%;
	font-size: 0.9em;
	text-decoration: none;
margin-bottom: 25px;
}

a.more-link img {
	vertical-align: middle;
}

.ncomments {
	text-align: right;
	font-size: 0.9em;
}

.clearing, .swanky br {
	clear: both;
}

#thfc-login {
	margin-top: 1em;
	position: relative;
	left: 125px;
}

#thfc-login p {
	margin-bottom: 1em;
}

.clearlogin {
	clear: left;
	padding-left: 9em;
}

.swanky {
	width: 28em;
}

.swanky label {
	float: left;
	width: 8em;
	margin-bottom: 1em;
	margin-right: 1em;
	text-align: right;
}

.swanky input {
	float: left;
	width: 15em;
	margin-bottom: 1em;
}

#nav_main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 90;
}

li#thfclogout {

}

ul#site_nav {
	width: 760px;
	padding-right: 10px;
	margin: 0 auto;
	position: relative;
}

ul#site_nav li {
	display: inline;
}

ul#site_nav li a {
	display: block;
	float: right;
	padding: .5em 10px;
	text-decoration: none;
}

ul#site_nav li a:link, ul#site_nav li a:visited {
	color: #fff;
}

ul#site_nav li a:hover {
	color: #fff;
	background: #008c52;
}

#widget_bdp_comments_ul blockquote {
	background: #cacbdd url(images/bg-recentcomment-bottom.png) no-repeat center bottom;
	padding: 0 10px 30px 10px;
}

#sidebar h2 {
	margin: 1.5em 0 0.75em 0;
	color: #008c52;
}

#widget_bdp_comments_ul li {
	padding-top: 20px;
	margin-top: 1em;
	background: #fff url(images/bg-recentcomment-top.png) no-repeat;
}

#widget_bdp_comments_ul li div {
	font-size: 0.8em;
	padding-left: 10px;
}

#widget_bdp_comments_ul li span {
	font-weight: bold;
}

li.archivepost {
	clear: left;
}

li.archivepost span {
	float: left;
	width: 5em;
	margin-bottom: 0.25em;
}

li.archivepost a {
	float: left;
	width: 25em;
	margin-bottom: 0.5em;
}

/* Sidebar
----------------------------------------*/

.widget_categories ul li {
	margin-bottom: 0.5em;
}

#sidebar img {
	width: 160px;
	margin: 1em auto;
	display: block;
}

#sidebar .widget_text h2 {
	display: none;
}

#sidebar .textwidget {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 2em;
}

.widget_recent_entries li {
	margin-bottom: 0.5em;
}

#sidebar li p {
	margin-bottom: 0.5em;
}

#sidebar a {
	text-decoration: none;
}

/* Featured Articles
----------------------------------------*/

#featured {
	padding: 0 0 0 20px;
	margin-top: -20px;
}

#featured h2 {
	color: #008c52;
}

#featured .byline {
	font-size: 0.8em;
	margin-bottom: 0.5em;
	display: block;
}

#featured ul li {
	width: 213px;
	padding: 10px;
	margin: 0 5px;
	border: 1px solid #cacbdd;
	float: left;
	min-height: 11em;
}

#featured h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1em;
}

#featured h3 a:link, #featured h3 a:visited {
	color: #272c6e;
}

#featured br {
	clear: left;
}

/* Footer
----------------------------------------*/

#site_info {
	clear: both;
	background: #008c52 url(images/bg-footer.jpg) repeat-x left top;
	font-size: 0.8em;
	padding: 20px;
	color: #fff;
	border-top: 8px solid #272c6e;
}

#site_info #foot {
	width: 750px;
	margin: 0 auto;
	padding-left: 20px;
}

#site_info h2 {
	color: #fff;
	padding-bottom: 0.5em;
	font-weight: bold;
}

#site_info ul {
	font-weight: bold;
	line-height: 1.4;
}

#site_info ul.rss {
	float: right;
	width: 215px;
}

#site_info ul ul {
	margin-left: 1em;
}

#site_info a {
	text-decoration: none;
}

#site_info p {
	clear: right;
	line-height: 1.5;
	color: #fff;
	padding-top: 2em;
}

#site_info a:link, #site_info a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#site_info a:hover {
	background-color: #272c6e;
}

#site_info ul.rss li a {
	display: block;
	padding: 4px 0 8px 30px;
	background: transparent url(images/feed-icon-24x24.png) no-repeat;
	vertical-align: top;
	border-bottom: none;
}

#site_info #searchform {
	margin-bottom: 1em;
}

/* Fonts
----------------------------------------*/

h1 {
	color: #272c6e;
}

h1.pagetitle {
	font-size: 1.3em;
	color: #008c52;
	margin: 1.5em 0 0.25em 0;
}

h2 {
	font-size: 1.3em;
}

h3 {
	color: #272c6e;
	font-size: 1.1em;
	margin-top: 1em;
	font-weight: bold;
}

h4 {
	font-weight: bold;
	font-size: 1em;
	margin-top: 1em;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

.post h2, .posttitle {
	margin: 1.5em 0 0.25em 0;
}

div.post {
	clear: left;
	padding-bottom: 2em;
	min-height: 190px;
}

h2.posttitle {
	clear: left;
}

h2.posttitle a:link, h2.posttitle a:visited {
	color: #272c6e;
}

#content h2 {
	color: #008c52;
}

.post h3 {
	border-bottom: 1px solid #cacbdd;
	margin-bottom: 0.75em;
}

h2#respond {
	margin-top: 1em;
}

.entry p, .entry ul, .entry ol {
	margin-bottom: 1em;
}

.entry ul li {
	margin: 0 0 1em 1em;
	list-style-type: square;
}

.entry ol li {
	margin: 0 0 1em 1em;
	list-style-type: decimal;
}

.meta {
	font-weight: bold;
	font-size: 0.7em;
	color: #008c52;
	border-bottom: 1px solid #cacbdd;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}

.border {
	border-bottom: 1px solid #cacbdd;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
}

.byline {
	font-weight: bold;
}

.single-meta p {
	margin-top: 1em;
	font-size: 0.9em;
}

.archivepost span {
	font-size: 0.9em;
}

.off, #branding .description, .morelink {
	position: absolute;
	left: -2000em;
	top: -2000em;
}

ol#searchresults li {
	margin: 1em 0 1em 0;
}

ol#searchresults li h2 {
	font-size: 1.1em;
}

ol#searchresults li div {
	font-size: 0.9em;
}

/* Comment form
----------------------------------------*/

#commentform textarea {
	width: 400px;
}

#commentform p {
	margin-bottom: 0.75em;
}

ol.commentlist li {
	position: relative;
	padding: 20px;
}

ol.commentlist li.even {
	background: #e4e5ee;
}

ol.commentlist li.odd {
	background: #fff;
}

ol.commentlist li cite {
	font-size: 1.2em;
}

ol.commentlist li p {
	margin-top: 0.75em;
}

ol.commentlist li span.commentdate {
	position: absolute;
	right: 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #008c52;
	text-transform: uppercase;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.entry img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #cacbdd;
}

.entry img.alignright {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #cacbdd;
}

.entry a.more-link img {
	margin: 0;
	float: none;
	border: none;
}

/* 3 Peaks */

#about-challenge {

}

#sponsors {
	padding: 0 0 0 27px;
	margin: 0 5px 0 0;
	border: 1px solid #cacbdd;
	/*float: left;
	 height: 178px; */
	background: #fff url(images/bg-sponsors.png) no-repeat left center;
}

#sponsors img, #sponsors a img {
	border: 0;
	padding: 0;
	margin: 0 10px;
}

body#peaks-cat {
	background: #fefed6 url(images/bg-3peaks.jpg) repeat-x 0 0;
}

#sidebar li#about-challenge, #sidebar li#about-challenge img {
	width: 238px;
}

#sidebar li#sponsor-us-img {
	border: 1px solid #cacbdd;
	width: 236px;
	background: #fff;
}

a img.sponsor-us {
	width: 160px;
	margin: 0 auto;
}

#featured ul li#peaks-promo {
	background: #272C6E;
	padding: 0 0 20px 0;
	border: 0;
}

#related {
	border: 1px solid #CDCEDF;
	padding: 10px;
}