/* @override http://www.jamierichards.co.uk/wp-content/themes/jrn/style.css */

/*
Theme Name: Jamie Richards Nutrition
Theme URI: http://www.jamierichards.co.uk
Description: The fussiest vaguest template I've ever been forced to make.
Version: 0.1
Author: David Kerley
Author URI: http://www.dkltd.net
Tags: green, custom header, fixed width, two columns

This theme was designed and built by David Kerley,
whose blog you will find at http://www.dkltd.net

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Globals
---------------------------------------------------------------------------------------------- */

* { 
	font-family:Trebuchet MS,Helvetica,Sans-Serif; 
}

body,html { 
	margin:0px; 
	padding:0px; 
	height:100.1%; 
}

#mast { 
	margin:auto; 
	width:860px; 
	height:100px; 
	background:url(images/mast.png) no-repeat; 
}

#mast #search { 
	float:right; 
	margin:40px 30px 0px 0px; 
}

#wrap { 
	margin:auto; 
	width:800px; 
	overflow:auto; 
	padding:40px 30px 30px 30px; 
}

#content { 
	width:500px; 
	float:left; 
}

#content h1,
#content h1 a,
#content h1 a:hover { 
	font-weight:normal; 
	color:#555555; 
	font-size:40px; 
	line-height:40px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px; 
	margin-top:20px; 
}

#content h2,
#content h2 a,
#content h2 a:hover { 
	color:#7fba00; 
	font-size:25px; 
	line-height:25px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px 0px 10px; 
}

#content h3,
#content h3 a,
#content h3 a:hover { 
	color:#7fba00; 
	font-size:25px; 
	line-height:25px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px; 
	margin-top:20px; 
}

#content h4,
#content h4 a,
#content h4 a:hover { 
	color:#7fba00; 
	font-size:20px; 
	line-height:20px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px; 
}

#content h5,
#content h5 a,
#content h5 a:hover { 
	color:#666666; 
	font-size:20px; 
	line-height:20px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px; 
	margin-top:20px; 
	margin-bottom:5px; 
}

#content p { 
	font-size:14px; 
	margin:0px !important; 
	margin-bottom:10px !important; 
	line-height:18px; 
}

#content a { 
	color:#628f00; 
}

#content a:hover { 
	text-decoration:none; 
}

#content ul { 
	font-size:14px; 
	list-style:url(images/arrow.gif); 
	margin-top:10px; 
	margin-left:1em; 
	padding-left:1em; 
}

#content li { 
	margin:0px; 
	padding:0px; 
	margin-bottom:5px; 
}

#content small { 
	color:#5d8800; 
}

#sidebar { 
	width:250px; 
	float:right; 
}

#navigation { 
	height:30px; 
}

#navigation a { 
	display:block; 
	float:left; 
	color:#cdcdcd; 
	font-weight:bold; 
	font-size:18px; 
	line-height:25px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px -15px 0px 0px; 
}

#navigation a:hover,
#navigation .sel { 
	color:#7fba00; 
}

ul#menu-main-nav.menu { 
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#menu-main-nav.menu li { 
	display:inline-block; 
	padding-right:10px;
}

ul#menu-main-nav.menu li a { 
	color:#cdcdcd; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:16px; 
	line-height:25px; 
}

ul#menu-main-nav.menu li.current-menu-item a,
ul#menu-main-nav.menu li a:hover{
	color:#7fba00; 

}

.LeadStory { 
	display:block; 
	overflow:auto; 
}

.LeadStory .img { 
	padding-top:4px; 
	width:150px; 
	float:left; 
}

.LeadStory .img img { 
	border:1px solid #ccc; 
	padding:1px; 
}

.LeadStory .post { 
	float:right; 
	width:350px; 
}

.LeadStory .post h2,
.LeadStory .post h2 a,
.LeadStory .post h2 a:hover { 
	color:#7fba00; 
	font-size:25px; 
	line-height:25px; 
	text-decoration:none; 
	padding:0px; 
	margin:0px; 
}

.LeadStory .post p { 
	margin:0px; 
	padding:0px; 
	font-size:14px; 
}

.LeadStory .post a { 
	color:#666666; 
	font-weight:bold; 
	text-decoration:none; 
}

.LeadStory .post a:hover { 
	text-decoration:underline; 
}

.Category { 
	padding:5px 0px 5px 0px; 
	display:block; 
	overflow:auto; 
	border-top:1px dotted #ccc; 
	border-bottom:1px dotted #ccc; 
}

.Category .img { 
	padding-top:4px; 
	width:150px; 
	float:left; 
}

.Category .img img { 
	border:1px solid #ccc; 
	padding:1px; 
}

.Category .post { 
	float:right; 
	width:350px; 
}

.Category .post p { 
	color:#bbb; 
	margin:0px; 
	padding:0px; 
	font-size:18px; 
	margin-bottom:5px !important; 
}

.Category .post a { 
	color:#666666; 
	font-weight:bold; 
	text-decoration:none; 
}

.Category .post a:hover { 
	text-decoration:underline; 
}

#features { 
	padding:0px; 
	margin:0px; 
}

#features h3,
#features h3 a { 
	text-decoration:none; 
	font-weight:normal; 
	color:#333333; 
	border-top:5px solid #BBB; 
	border-bottom:1px solid #BBB; 
	padding:2px; 
	margin:30px 0px 0px 0px; 
	font-size:1em; 
}



#features ul { 
	padding-top:0px; 
	margin-top:5px; 
	margin-left:1em; 
	padding-left:1em; 
}

#features li { 
	line-height:14px; 
	font-size:13px; 
	list-style:square; 
	color:#7fba00; 
	margin-left:0px; 
	margin-bottom:5px; 
}

#features li a.title { 
	display:block; 
	color:#2e4300; 
	text-decoration:none; 
	margin:0px; 
	padding:0px; 
}

#features li p { 
	color:#a4a4a4; 
	margin:0px; 
	padding:0px; 
}

#features li .date { 
	line-height:11px; 
	font-size:11px; 
	margin:0px; 
	padding:0px; 
}

#features li a:hover.title { 
	text-decoration:underline; 
}

div#sidebar div#features ul li.more { 
	position:relative; 
	list-style-type:none; 
	left:-35px; 
	padding-top:5px; 
}
div#sidebar div#features ul li.more:before { 
	content:"» "; 
}
div#sidebar div#features ul li.more a{ 
	color:#628f2e; 
	text-decoration:none;
	font-weight:bold; 
	font-size:14px; 
}

div#sidebar div#features ul li.more a:hover{ 
	text-decoration:underline;
}

.rule { 
	border:0; 
	color:#9E9E9E; 
	background-color:#9E9E9E; 
	height:1px; 
	margin:0px 0px 20px 0px; 
}

.clear { 
	clear:both; 
	margin-bottom:20px; 
}

div#nav-below.navigation { 
	font-size:0.8em; 
	padding-top:10px; 
}

div.nav-next { 
	float:right; 
	clear:none; 
}

div.nav-previous { 
	float:left; 
	clear:none; 
}

/* Forms
---------------------------------------------------------------------------------------------- */

form { 
	margin:0px; 
	border:0px; 
}

#form { 
	font-size:13px; 
	padding:5px; 
	margin:0px; 
	border:0px; 
	width:500px; 
	background-color:#fafafa; 
}

#form td { 
	border:0px; 
	vertical-align:top; 
	color:#666; 
}

#form td.label { 
	width:150px; 
	font-weight:bold; 
}

#form td.label em { 
	font-weight:normal; 
	font-style:italic; 
	font-size:9px; 
	display:block; 
}

#form td.label em.inline { 
	font-weight:normal; 
	font-style:italic; 
	font-size:9px; 
	display:inline; 
}

#form td.sectionlabel { 
	width:500px; 
}

#form td.spanlabel { 
	width:500px; 
	font-weight:bold; 
	color:#666; 
	padding-bottom:0px; 
}

#form td.set { 
	width:500px; 
	font-weight:bold; 
	color:#000; 
	padding-top:15px; 
}

#form td.set em { 
	font-weight:normal; 
	font-style:italic; 
	font-size:9px; 
}

#form td.note { 
	font-style:italic; 
	font-size:11px; 
}

#form input,#form textarea { 
	font-size:13px; 
	font-family:Trebuchet MS,Helvetica,Sans-Serif; 
	border:1px solid #abadb3; 
}

#form input.sendbutton { 
	padding:5px; 
	margin:0px; 
	font-size:1em; 
	color:#ffffff; 
	font-weight:bold; 
	border:1px solid #006b4b; 
	background-color:#62ac57; 
}

#bodyscan { 
	text-align:left; 
	font-size:11px; 
	margin:0px; 
	border:0px; 
	background-color:#FFFFFF; 
}

#bodyscan th { 
	vertical-align:bottom; 
	font-weight:bold; 
	border:1px solid #fafafa; 
	background-color:#fafafa; 
}

#bodyscan td { 
	width:25%; 
	border:0px; 
	vertical-align:top; 
	color:#666; 
	border:1px solid #fafafa; 
}

#relatives { 
	text-align:left; 
	font-size:11px; 
	margin:0px; 
	border:0px; 
	background-color:#FFFFFF; 
}

#relatives th { 
	vertical-align:bottom; 
	font-weight:bold; 
	border:1px solid #fafafa; 
	background-color:#fafafa; 
}

#relatives td { 
	width:10%; 
	text-align:center; 
	border:0px; 
	vertical-align:top; 
	color:#666; 
	border:1px solid #fafafa; 
}

#relatives td.disease { 
	width:50%; 
	text-align:left; 
}

#problems { 
	text-align:left; 
	font-size:11px; 
	margin:0px; 
	border:0px; 
}

#problems th { 
	vertical-align:bottom; 
	font-weight:bold; 
	border:1px solid #fafafa; 
	background-color:#fafafa; 
}

#problems td { 
	border:0px; 
	vertical-align:top; 
	color:#666; 
	border:1px solid #fafafa; 
}

#newsletter-subscription { 
	padding:0px 5px 0px 5px; 
	margin:0px 0px 0px 0px; 
	font-size:11px; 
}

#newsletter-message { 
	border:2px solid #64ac18; 
	padding:5px; 
	background-color:#deedce; 
	font-size:15px; 
	font-weight:bold; 
	text-align:center; 
	color:#64ac18; 
}

.footer { 
	height:40px; 
	width:860px; 
	margin-right:auto; 
	margin-left:auto; 
	background-color:#7fba00; 
	color:white; 
}

.footer .content { 
	padding-left:30px; 
	font-size:0.8em; 
	padding-top:15px; 
}

.footer .content a { 
	float:left; 
	padding-right:10px; 
	text-decoration:none; 
	color:white; 
}

div.wp-pagenavi { 
	margin-top:20px; 
	display:block; 
	text-align:right; 
	font-size:0.8em; 
}

div.video { 
	height:134px; 
	overflow:hidden; 
}

div.video a img { 
	top:-23px; 
	position:relative; 
}

div.video a span { 
	width:130px; 
	height:100px; 
	visibility:visible; 
	display:block; 
	position:relative; 
	z-index:2; 
	top:-160px; 
	left:60px; 
	background-image:url(images/play_overlay_button.png); 
}