/* ============================ common ============================== */

body { 
	color: #000; background: #fff;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #0067b2; text-decoration: none; }
a:hover, a:active, a:focus { color: #ff7c17; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 999px;
	margin: 0 auto;
}

#header{
	position: relative;
}

#sub-header{ 
	margin: 0 8px 8px 8px;
}

#content{ 
	float: left;
	width: 572px;
	margin: 40px 0 0 0;
}

#side-bar{ 
	float: right;
	width: 375px;
	margin: 40px 0 0 0;
}

#footer{ 
	clear: both;
	padding: 20px;
	background: url(../img/bg-footer.png) no-repeat 0 0;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

h1{
	float: left; display: inline;
	margin: 0 30px 0 0;
}

#desc{
	padding: 60px 0 20px 0;
	font: bold 2.5em Arial, Helvetica, sans-serif;
	color: #9b9b9b;
}

#nav{
	clear: both; position: relative;
	width: 943px; height: 31px;
	margin: 8px; padding: 0 20px;
	background: url(../img/bg-nav.png) no-repeat 0 0;
}
#nav li{
	float: left;
	height: 31px;
}
#nav li.nav-1{ width: 70px; }
#nav li.nav-2{ width: 73px; }
#nav li.nav-3{ width: 115px; }
#nav li.nav-4{ width: 157px; }
#nav li.nav-5{ width: 195px; }
#nav li.nav-6{ width: 69px; }
#nav li.nav-7{ width: 79px; }
#nav li.nav-8{ width: 82px; }
#nav li.nav-9{ width: 103px; }
#nav li a{
	position: relative; display: block;
	width: 100%; height: 100%;
}
#nav li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#nav li.nav-1 a span{ background: url(../img/nav-1.png) no-repeat 0 0; }
#nav li.nav-2 a span{ background: url(../img/nav-2.png) no-repeat 0 0; }
#nav li.nav-3 a span{ background: url(../img/nav-3.png) no-repeat 0 0; }
#nav li.nav-4 a span{ background: url(../img/nav-4.png) no-repeat 0 0; }
#nav li.nav-5 a span{ background: url(../img/nav-5.png) no-repeat 0 0; }
#nav li.nav-6 a span{ background: url(../img/nav-6.png) no-repeat 0 0; }
#nav li.nav-7 a span{ background: url(../img/nav-7.png) no-repeat 0 0; }
#nav li.nav-8 a span{ background: url(../img/nav-8.png) no-repeat 0 0; }
#nav li.nav-9 a span{ background: url(../img/nav-9.png) no-repeat 0 0; }
#nav li a:hover span,
#nav li a:focus span,
#nav li a:active span,
#nav li.current a span{
	background-position: 0 100%;
}

#tools{
	position: absolute;
	top: 12px; left: 330px;
	font-size: 1.4em; font-weight: bold;
	color: #595959;
}
#tools li{
	float: left; display: inline;
	margin: 0 20px 0 0; padding: 6px 0;
}
#tools a{ color: #595959; }
#tools a:hover, 
#tools a:active, 
#tools a:focus { color: #ff7c17; }

#tools li.resizer{
	padding-right: 34px;
	background: url(../img/ico-font-size.png) no-repeat 100% 0;
}
#tools li.search-form{
	padding: 0;
}
#tools li.search-form label{
	float: left; display: inline;
	padding: 6px 3px 6px 0;
	text-transform: lowercase;
}
#tools li.search-form .textbox{
	float: left; display: inline;
	margin: 0 3px 0 0; padding: 5px;
	border: 1px solid #d3d3d3;
	color: #595959;
	font: bold 1em Arial, Helvetica, sans-serif;
}
#tools li.search-form .textbox:hover, 
#tools li.search-form .textbox:active, 
#tools li.search-form .textbox:focus { border-color: #ff7c17; }
#tools li.search-form .submit{
	float: left;
}
#tools li.site-map{
	padding-right: 34px;
	background: url(../img/ico-site-map.png) no-repeat 100% 0;
	text-transform: lowercase;
}
#tools li.contact{
	padding-right: 34px;
	background: url(../img/ico-contact.png) no-repeat 100% 0;
	text-transform: lowercase;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#sub-header #our-journey{ float: left; }
#sub-header #meet-the-experts{ float: right; }

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

h2.page-title{
	margin: 0 0 20px 8px;
	font-size: 3.6em; font-weight: bold;
	color: #0067b2;
}
.post-list{

}
.post-list .item{
	margin: 0 0 40px 0; padding: 0 0 22px 8px;
	background: url(../img/bg-post-list.png) no-repeat 0 100%;
}
.post-list .item .thumb{
	float: left; display: inline;
	margin: 0 20px 10px 0;
	border: 3px solid #b4b4b4;
}
.post-list .item .thumb:hover, 
.post-list .item .thumb:active, 
.post-list .item .thumb:focus { border-color: #ff7c17; }
.post-list .post-head{
	float: left;
	width: 364px;
	margin: 0 0 20px 0;
}
.post-list .post-head h3{
	float: right;
	width: 292px;
	font-size: 2.4em; font-weight: bold;
}
.post-list .post-head .date{
	float: left;
	width: 57px; height: 64px;
	color: #3c3c3c; background: url(../img/bg-date.png) no-repeat 0 0;
}
.post-list .post-head .date .month{
	display: block;
	margin: 4px 0 0 0;
	font-size: 1.4em; font-weight: bold; text-align: center;
}
.post-list .post-head .date .day{
	display: block;
	margin: -5px 0 0 0;
	font-size: 4.3em; font-weight: bold; text-align: center; 
}
.post-list .item p{
	margin: 0 0 15px 0;
	font-size: 1.4em; line-height: 1.4;
}
.post-list .item ul{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: disc;
}
.post-list .item ol{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: decimal;
}
.post-list .item .post-nav{
	float: right;
	width: 170px; height: 19px;
	margin: 0; list-style: none;
}
.post-list .item .post-nav .more{
	float: left;
	width: 83px; height: 19px;
}
.post-list .item .post-nav .comments{
	float: right;
	width: 87px; height: 19px;
}
.post-list .item .post-nav a{
	position: relative; display: block;
	width: 100%; height: 100%;
	overflow: hidden;
}
.post-list .item .post-nav a span{
	position: absolute;
	width: 100%; height: 100%;
}
.post-list .item .post-nav .more span{ 
	background: url(../img/btn-full-story.png) no-repeat 0 0;
}
.post-list .item .post-nav .comments span{
	background: url(../img/btn-comments.png) no-repeat 0 0;
}
.post-list .item .post-nav a:hover span,
.post-list .item .post-nav a:focus span,
.post-list .item .post-nav a:active span{
	background-position: 0 100%;
}

.post-list2{

}
.post-list2 .item{
	margin: 0 0 40px 0; padding: 0 0 22px 8px;
	background: url(../img/bg-post-list.png) no-repeat 0 100%;
}
.post-list2 .item .thumb{
	float: left; display: inline;
	margin: 0 20px 10px 0;
	border: 3px solid #b4b4b4;
}
.post-list2 .item .thumb:hover, 
.post-list2 .item .thumb:active, 
.post-list2 .item .thumb:focus { border-color: #ff7c17; }
.post-list2 .post-head{
	min-height: 129px;
	margin: 0 0 10px 0; padding: 0 0 0 99px;
}
.post-list2 .health	.post-head{ background: url(../img/avatar-health.png) no-repeat 0 0; }
.post-list2 .food	.post-head{ background: url(../img/avatar-food.png) no-repeat 0 0; }
.post-list2 .sport	.post-head{ background: url(../img/avatar-sport.png) no-repeat 0 0; }
.post-list2 .post-head .meta{
	display: block;
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.4em;
	color: #747474; border-bottom: 1px solid #dbdbdb;
}
.post-list2 .post-head h3{
	font-size: 3.6em; font-weight: bold;
}
.post-list2 .item p{
	margin: 0 0 15px 0;
	font-size: 1.4em; line-height: 1.4;
}
.post-list2 .item ul{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: disc;
}
.post-list2 .item ol{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: decimal;
}
.post-list2 .item .post-nav{
	float: right;
	width: 170px; height: 19px;
	margin: 0; list-style: none;
}
.post-list2 .item .post-nav .more{
	float: left;
	width: 83px; height: 19px;
}
.post-list2 .item .post-nav .comments{
	float: right;
	width: 87px; height: 19px;
}
.post-list2 .item .post-nav a{
	position: relative; display: block;
	width: 100%; height: 100%;
	overflow: hidden;
}
.post-list2 .item .post-nav a span{
	position: absolute;
	width: 100%; height: 100%;
}
.post-list2 .item .post-nav .more span{ 
	background: url(../img/btn-full-story.png) no-repeat 0 0;
}
.post-list2 .item .post-nav .comments span{
	background: url(../img/btn-comments.png) no-repeat 0 0;
}
.post-list2 .item .post-nav a:hover span,
.post-list2 .item .post-nav a:focus span,
.post-list2 .item .post-nav a:active span{
	background-position: 0 100%;
}

.search-results{
	margin: 0 0 40px 8px;
}
.search-results li{
	margin: 0 0 10px 0;
	font-size: 2em;
}

.post{
	margin: 0 0 0 8px;
}
.post .item{
	margin: 0 0 40px 0; padding: 0 0 22px 8px;
	background: url(../img/bg-post-list.png) no-repeat 0 100%;
}
.post .post-head{
	min-height: 129px;
	margin: 0 0 10px 0; padding: 0 0 0 99px;
}
.post.journey .post-head{
	min-height: 82px;
	padding: 0;
}
.post.journey .post-head h2{
	float: right;
	width: 493px;
	font-size: 3em; font-weight: bold;
}
.post.journey .post-head .date{
	float: left;
	width: 57px; height: 64px;
	color: #3c3c3c; background: url(../img/bg-date.png) no-repeat 0 0;
}
.post.journey .post-head .date .month{
	display: block;
	margin: 4px 0 0 0;
	font-size: 1.4em; font-weight: bold; text-align: center;
}
.post.journey .post-head .date .day{
	display: block;
	margin: -5px 0 0 0;
	font-size: 4.3em; font-weight: bold; text-align: center; 
}
.post.event .post-head{
	min-height: 82px;
	padding: 0;
}
.post.event .post-head h2{
	float: right;
	width: 493px;
	font-size: 3em; font-weight: bold;
}
.post.event .post-head .date{
	float: left; display: inline;
	width: 55px; height: 71px;
	margin: 0 15px 5px 0;
	color: #ff7c17; background: url(../img/bg-date2.png) no-repeat 0 0;
}
.post.event .post-head .date .month{
	display: block;
	margin: 20px 0 0 0;
	font-size: 1.4em; font-weight: bold; text-align: center;
}
.post.event .post-head .date .day{
	display: block;
	margin: -2px 0 0 0;
	font-size: 2.8em; font-weight: bold; text-align: center; 
}
.post.health	.post-head{ background: url(../img/avatar-health.png) no-repeat 0 0; }
.post.food		.post-head{ background: url(../img/avatar-food.png) no-repeat 0 0; }
.post.sport		.post-head{ background: url(../img/avatar-sport.png) no-repeat 0 0; }
.post .post-head .meta{
	display: block;
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.4em;
	color: #747474; border-bottom: 1px solid #dbdbdb;
}
.post h2,
.post h3{
	font-size: 3.6em; font-weight: bold;
	color: #0067b2;
}
.post p{
	margin: 0 0 15px 0;
	font-size: 1.4em; line-height: 1.4;
}
.post ul{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: disc;
}
.post ol{
	margin: 0 0 15px 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: decimal;
}
.post .alignleft{
	float: left; display: inline;
	margin: 0 20px 10px 0;
}
.post .alignright{
	float: right; display: inline;
	margin: 0 0 10px 20px;
}

#comments{
	margin: 0 0 40px 8px;
}
#comments h3{
	position: relative;
	width: 100%; height: 62px;
	margin: 0;
}
#comments h3 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h3-comments.png) no-repeat 0 0;
}
#comments .says,
#comments .comment-meta{
	display: none;
}
#comments .comment{
}
#comments .comment-author{
	float: left; display: inline;
	width: 73px;
	margin: 0 7px 15px 0;
}
#comments .comment-author .avatar{
	margin: 0 0 5px 0;
	border: 3px solid #6d6d6d;
}
#comments .comment-author cite{
	display: block;
	font-size: 1.4em; font-weight: bold; text-align: center;
}
#comments .comment-content{
	float: right; display: inline;
	width: 427px;
	padding: 15px 20px;
	font-size: 1.4em; font-style: italic; line-height: 1.4;
	color: #595959; background: url(../img/bg-comment.png) no-repeat 0 0;
}
#comments .comment-content img{
	display: inline;
}

#respond h3{
	position: relative;
	width: 505px; height: 118px;
	margin: 0;
}
#respond h3 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h3-respond.png) no-repeat 0 0;
}
#respond .logged-in{
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#commentform p{
	margin: 0 0 10px 0;
}
#commentform .text{
	width: 180px; height: 20px;
	padding: 7px;
	color: #595959; background: url(../img/bg-text.png) no-repeat 0 0;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	border: 0; 
}
#commentform label{
	color: #9b9b9b;
	font: bold 1.8em Arial, Helvetica, sans-serif;
}
#commentform textarea{
	width: 491px; height: 119px;
	padding: 7px;
	color: #595959; background: url(../img/bg-textarea2.png) no-repeat 0 0;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	border: 0; 
}
#commentform .text:hover,
#commentform .text:focus,
#commentform .text:active,
#commentform textarea:hover,
#commentform textarea:focus,
#commentform textarea:active{
	background-position: 0 100%;
}
#commentform .submit{
	display: block;
	margin-left: 345px;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h2{
	margin: 0 0 15px 0;
	font-size: 2.4em; font-weight: bold;
	color: #5b5a5a;
}

#categories{
	width: 367px;
	margin: 0 0 20px 0; padding: 0 0 10px 0;
	background: url(../img/bg-categories.png) no-repeat 0 100%;
}
#categories h2{
	position: relative;
	width: 100%; height: 74px;
	margin: 0;
}
#categories h2 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h2-blog-categories.png) no-repeat 0 0;
}
#categories h3 a{
	display: block;
	width: 100%; height: 33px;
	padding: 8px 0 0 0;
	color: #fff; background: url(../img/bg-h3-categories.png) no-repeat 0 0;
	font-size: 1.9em; font-weight: bold; text-align: center; text-transform: uppercase;
}
#categories h3 a:hover,
#categories h3 a:focus,
#categories h3 a:active{
	color: #b62200; background-position: 0 100%;
}

#categories ul{
	margin: 0 10px 0 11px;
}
#categories ul ul{
	margin: 0;
}
#categories .sub li{
	padding: 2px 0 0 0;
	background: url(../img/bg-categories-li.png) repeat-x 0 0;
}
#categories .sub li:first-child{
	padding: 0;
	background: none;
}
#categories .sub li a{
	display: block;
	padding: 8px 0;
	font-size: 1.4em; font-weight: bold; text-align: center; text-transform: uppercase;
	color: #fff;
}
#categories .sub li a:hover,
#categories .sub li a:focus,
#categories .sub li a:active{
	background: #0067b2;
}

#latest-question{
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
#latest-question h3{
	margin: 0 0 12px 0;
	font-size: 1.8em; font-weight: bold;
	color: #003f6c;
}
#latest-question .answer{
	background: url(../img/bg-latest-question-top.png) no-repeat 100% 0;
}
#latest-question .answer cite{
	float: left;
	width: 94px;
}
#latest-question .answer q{
	float: left; display: inline;
	width: 231px; min-height: 114px;
	padding: 20px 25px;
	background: url(../img/bg-latest-question-bottom.png) no-repeat 0 100%;
	font-size: 1.4em; font-style: italic; line-height: 1.4;
}
#latest-question .more{
	display: block; position: relative;
	margin: 10px 0;
	width: 100%; height: 19px;
}
#latest-question .more span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/btn-more-questions.png) no-repeat 0 0;
}
#latest-question .more:hover span,
#latest-question .more:focus span,
#latest-question .more:active span{
	background-position: 0 100%;
}

#get-involved-form{
	width: 366px; min-height: 177px;
	margin: 0 0 20px 0;
	background: #fff2d5 url(../img/bg-get-involved-bottom.png) no-repeat 0 100%;
}
#get-involved-form form{
	background: url(../img/bg-get-involved-top.png) no-repeat 0 0;
}
#get-involved-form .cf-fs1{
	float: left; display: inline;
	width: 161px;
	margin: 12px 0 0 12px;
}
#get-involved-form .cf-fs2{
	float: right; display: inline;
	width: 173px;
	margin: 12px 12px 0 0;
}
#get-involved-form legend,
#get-involved-form label,
#get-involved-form .reqtxt,
#get-involved-form .emailreqtxt,
#get-involved-form .linklove{
	display: none;
}
#get-involved-form li{
	height: 26px;
	margin: 0 0 5px 0;
}
#get-involved-form .single{
	display: block;
	width: 151px; height: 16px;
	margin: 0 0 5px 0; padding: 5px;
	color: #5f5f5f; background: url(../img/bg-input-text.png) no-repeat 0 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	border: 0;
}
#get-involved-form textarea{
	display: block;
	width: 163px; height: 110px;
	padding: 5px;
	color: #5f5f5f; background: url(../img/bg-textarea.png) no-repeat 0 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	border: 0;
}
#get-involved-form .single:hover,
#get-involved-form .single:focus,
#get-involved-form .single:active,
#get-involved-form textarea:hover,
#get-involved-form textarea:focus,
#get-involved-form textarea:active{
	background-position: 0 100%;
}
#get-involved-form .sendbutton{
	clear: both; float: right; display: inline;
	height: 28px; width: 150px;
	margin: 0 12px 12px 0; padding: 0 0 0 35px;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #ff7c17; background: url(../img/bg-get-involved-btn.png) no-repeat 0 0;
	border: 0;
	cursor: pointer;
}
#get-involved-form .sendbutton:hover,
#get-involved-form .sendbutton:focus,
#get-involved-form .sendbutton:active{
	color: #0067b2; background-position: 0 100%;
}
.cf_info{
	padding: 12px;
	font-size: 1.4em;
}

#latest-events{
	margin: 0 0 20px 0;
}
#latest-events h2{
	position: relative;
	width: 265px; height: 35px;
}
#latest-events h2 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h2-events.png) no-repeat 0 0;
}
#latest-events li{
	margin: 0 0 15px 0; padding: 0 0 15px 0;
	border-bottom: 1px solid #c2c2c2;
}
#latest-events li .date{
	float: left; display: inline;
	width: 55px; height: 71px;
	margin: 0 15px 5px 0;
	color: #ff7c17; background: url(../img/bg-date2.png) no-repeat 0 0;
}
#latest-events li .date .month{
	display: block;
	margin: 20px 0 0 0;
	font-size: 1.4em; font-weight: bold; text-align: center;
}
#latest-events li .date .day{
	display: block;
	margin: -2px 0 0 0;
	font-size: 2.8em; font-weight: bold; text-align: center; 
}
#latest-events li h3{
	font-size: 1.4em; font-weight: bold; line-height: 1.4;
}
#latest-events li p{
	font-size: 1.4em; line-height: 1.4;
	color: #494949;
}
#latest-events .more{
	float: right; display: inline; position: relative;
	width: 176px; height: 14px;
}
#latest-events .more span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/more-events.png) no-repeat 0 0;
}
#latest-events .more:hover span,
#latest-events .more:focus span,
#latest-events .more:active span{
	background-position: 0 100%;
}

#poll{
	margin: 0 0 20px 0;
}
#poll h2{
	position: relative;
	width: 186px; height: 30px;
}
#poll h2 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h2-latest-poll.png) no-repeat 0 0;
}
#poll .wp-polls{
	padding: 0 0 0 80px;
	background: url(../img/bg-poll.png) no-repeat 0 0;
}
#poll .wp-polls h3{
	margin: 0 0 15px 0; padding: 0 0 10px 0;
	font-size: 2.4em; font-weight: bold; line-height: 1.5;
	color: #3a3a3a; border-bottom: 1px solid #c2c2c2;
}
#poll .wp-polls li{
	margin: 0 0 10px 0;
	font-size: 1.4em;
}
#poll .submit{
	float: left;
}
#poll .view-results{
	float: right;
}
#poll .archive-link{
	display: block;
	margin: 10px 0 0 80px;
	font-size: 1.4em;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#way{
	float: left;
	margin-bottom: 20px;
}
#walsall{
	float: right;
}
#copyright{
	padding: 15px 0;
	font-size: 1.2em; text-align: center;
	color: #5b5a5a;
}


/* =========================== footer end =========================== */