/* LBL Training */

/* @group HTML elements */

html,body {
	background:#fff8e2 url(../../images/template_elements/background.jpg) repeat-x;
	min-height:110%;
}

h1 {
	color:#86884a;
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 0.875em 0;
}

h2 {
	color:#333;
	font-size:1.25em;
	line-height:1.35em;
	margin:0 0 0.75em 0;
}

h3 {
	color:#86884a;
	font-size:1.5em;
	font-style:italic;
	font-weight:normal;
	margin:0 0 0.875em 0;
}

h4 {
	color:#86884a;
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 0.875em 0;
}

h5 {
	color:#333;
	font-size:0.875em;
	font-style:italic;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 0 0;
}

p {
	color:#333;
	font-size:0.875em;
	line-height:1.5em;
	margin:0 0 0.875em 0;
}

a {
	color:#8c3929;
	text-decoration:none;
}

em {
	color:#86884a;
	display:inline;
	font-style:italic;
}

strong {
	font-weight:bold;
}

img {
	margin:0 0 8px 0;
}

/* @end */

/* @group Layout */

#wrapper {
	/*background-color:#333;*/
	background:#fff8e2 url(../../images/template_elements/wrapper_background.jpg) repeat-x;
	border:8px solid #fff8e2;
	height:110%;
	margin:30px auto 0 auto;
	min-height:100%;
	overflow:hidden;
	padding:0 0 0 0;
	width:785px;
}

#header {
	background:#e2e5e4 url(../../images/template_elements/header.jpg) no-repeat;
	border-bottom:2px solid #fff;
	height:161px;
	margin:0 0 8px 0;
	width:785px;
}

#header p {
	color:#fff;
	display:block;
	float:right;
	font-weight:bold;
	margin:4px 10px 0 0;
}

#navigation {
	float:left;
	margin:0 0 0 4px;
	padding:30px 0 0 0;
	width:163px;
}

#body {
	background:#fff url(../../images/template_elements/body_corners.jpg) no-repeat;
	float:left;
	height:110%;
	margin-bottom:-2000px;
	padding:15px 15px 2000px 15px;
	width:375px;
}

#body_home {
	background:#fff url(../../images/template_elements/body_corners_home.jpg) no-repeat;
	float:left;
	height:110%;
	margin-bottom:-2000px;
	padding:15px 15px 2000px 15px;
	width:580px;
}

.twitter_div {
	display:none ! important;
}

#aside {
	float:left;
	padding:30px 0 0 5px;
	width:203px;
}

#call_out {
	float:left;
	padding:5px;
}

/* Float images */

.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* @end */

/* @group HTML elements within layout  */

#navigation li {
	border-top:1px solid #d1c5a1;
	color:#8c3929;
	display:block;
	font-size:0.75em;
	font-weight:bold;
	line-height:1.35em;
	padding:12px 2px 12px 5px;
}

#navigation li:hover {
	background-color:#fff;	
}

#body ul {
	margin:0 0 0.875em 15px;
}

#body li {
	color:#333;
	font-size:0.875em;
	line-height:1.5em;
	list-style-type:disc;
}

#call_out p {
	color:#2E3F47;
	font-style:italic;
	font-size:1em;
}

/* @end */

/* @group Body classes */

.home li.home, .who_am_i li.who_am_i, .what_can_i_offer_you li.what_can_i_offer_you, .what_you_should_be_doing_and_why li.what_you_should_be_doing_and_why, .but_im_fit_and_want_to_get_fitter li.but_im_fit_and_want_to_get_fitter, .how_much_and_where li.how_much_and_where , .group_training_sessions li.group_training_sessions, .links li.links, .videos li.videos, .contact_details li.contact, .twitter li.twitter {
	background-color:#fff;
}

.home #aside {
	background-color:#e9eeee;
	float:left;
	margin:0 0 20px 0;
	padding:10px 10px 0 10px;
	width:390px;
}

.home #aside h4 {
	color:#cc6600;
	font-family:Lucida Sans, Helvetica, Arial, sans-serif;
	font-size:0.95em;
	font-style:normal;
	font-weight:bold;
	margin:0 0 7px 0;
	text-transform:uppercase;
}

/* Hide Contact Details tab as there's a static link in the template; always want this to appear at the bottom of the list. */

body #navigation li.contact_details {
	display:none;
}

/* Show Twitter feed if we're on the 'twitter' page. */

body.twitter .twitter_div {
	display:inline ! important;
}

body.twitter .twitter_div ul li {
	list-style-type:none;
}

body.twitter #aside strong {
	margin:0 0 0 0;	
}

/* Space out the Twitter posts */

ul#twitter_update_list li {
	list-style-type:none;
	margin:15px 0;
}

/* @end */