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

body { 
	color: #fff; background: #182a34 url(../img/bg-body.png) repeat-x 0 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #325668; text-decoration: none; }
a:hover, a:active, a:focus { color: #f25f11; }

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{
	position: relative;
	width: 984px;
	margin: 0 auto;
}

#sub-header{
	padding: 0 4px 0 0;
	background: url(../img/bg-nav.png) no-repeat 100% 100%;
}

#content{ 
	color: #111010; background: #fff url(../img/bg-content.png);
	padding: 6px 8px 6px 6px;
	font-size: 1em;
}

#main{
	float: left;
	width: 607px;
}

#side-bar{ 
	float: right;
	width: 358px;
}

#footer{ 
	
}

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

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

h1{
	float: left;
}

#top-banner a{
	position: absolute;
	top: 19px; right: 0;
	width: 618px; height: 87px;
	background: #415058;
}
#top-banner a:hover,
#top-banner a:focus,
#top-banner a:active{
	background: #f25f11;
}
#top-banner img{
	position: absolute;
	top: -4px; left: -4px;
}

#text-size{
	position: absolute;
	top: 222px; left: -26px;
	width: 26px; height: 81px;
	background: url(../img/bg-text-size.png) no-repeat 0 0;
}
#text-size .increase{
	position: absolute;
	top: 3px; left: 3px;
	width: 23px; height: 23px;
	overflow: hidden;
}
#text-size .decrease{
	position: absolute;
	bottom: 3px; left: 3px;
	width: 23px; height: 23px;
	overflow: hidden;
}
#text-size a{
	display: block;
	width: 23px; height: 23px;
	overflow: hidden;
}
#text-size a img{
	position: relative;
	top: 0;
}
#text-size a:hover img,
#text-size a:focus img,
#text-size a:active img{
	top: -23px;
}

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

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

#nav{
	border-bottom: 9px solid #acacac;
}
.home 			#nav{ border-bottom: 9px solid #ec410b; }
.news 			#nav{ border-bottom: 9px solid #f7bb00; }
.blog 			#nav{ border-bottom: 9px solid #74c317; }
.health 		#nav{ border-bottom: 9px solid #4299c7; }
.features 		#nav{ border-bottom: 9px solid #e84f77; }
.reviews 		#nav{ border-bottom: 9px solid #ec8d21; }
.competition 	#nav{ border-bottom: 9px solid #37bf9b; }
.contact-us	 	#nav{ border-bottom: 9px solid #8c3a54; }
#nav li{
	float: left;
	width: 122px; height: 46px;
}
#nav li.nav-1, #nav li.nav-8{ width: 124px; }
#nav li a{
	display: block; position: relative;
	width: 100%; height: 100%;
	overflow: hidden;
}
#nav li a span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
}
#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 a:hover span,
#nav li a:focus span,
#nav li a:active span{
	background-position: 0 -46px;
}
#nav li.current a span{
	background-position: 0 -92px;
}

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

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

h2.latest-news{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-news span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-news-wide.png) no-repeat 0 0;
}
h2.on-the-pulse{
	position: absolute;
	width: 100%; height: 44px;
}
h2.on-the-pulse span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/on-the-pulse.png) no-repeat 0 0;
}
h2.latest-blog{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-blog span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-blog.png) no-repeat 0 0;
}
h2.latest-health{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-health span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-health.png) no-repeat 0 0;
}
h2.latest-features{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-features span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-features.png) no-repeat 0 0;
}
h2.latest-reviews{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-reviews span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-reviews.png) no-repeat 0 0;
}
h2.latest-issues{
	position: relative;
	width: 100%; height: 44px;
}
h2.latest-issues span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-issues.png) no-repeat 0 0;
}
h2.h2-blog{
	position: absolute;
	width: 100%; height: 44px;
}
h2.h2-blog span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-blog.png) no-repeat 0 0;
}
h2.h2-health{
	position: absolute;
	width: 100%; height: 44px;
}
h2.h2-health span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-health.png) no-repeat 0 0;
}
h2.h2-features{
	position: absolute;
	width: 100%; height: 44px;
}
h2.h2-features span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-features.png) no-repeat 0 0;
}
h2.h2-reviews{
	position: absolute;
	width: 100%; height: 44px;
}
h2.h2-reviews span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-reviews.png) no-repeat 0 0;
}
h2.h2-issue{
	position: absolute;
	width: 100%; height: 44px;
}
h2.h2-issue span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-issue.png) no-repeat 0 0;
}
h2.h2-competition{
	position: relative;
	width: 100%; height: 44px;
}
h2.h2-competition span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-competition.png) no-repeat 0 0;
}
h2.h2-contact{
	position: relative;
	width: 100%; height: 44px;
}
h2.h2-contact span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/h2-contact.png) no-repeat 0 0;
}

#currents{
	margin: 0 0 11px 0;
}

#current-highlights{
	float: left; position: relative;
	width: 607px; height: 516px;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}
#current-highlights h2{
	position: absolute;
	width: 587px; height: 30px;
	padding: 20px 0 14px 0;
	z-index: 100;
}
#current-highlights span{
	position: absolute;
	width: 607px; height: 44px;
	top: 0; left: 0;
	background: url(../img/current-highlight.png) no-repeat 0 0;
}
#tabs{
	position: relative;
	width: 100%; height: 486px;
	z-index: 10;
}
#tabs li{
	position: absolute;
	top: 387px;
	width: 104px; height: 104px;
	z-index: 10;
}
#tabs li.current{
	z-index: 100;
}
#tab-1{ left: 29px; }
#tab-2{ left: 140px; }
#tab-3{ left: 251px; }
#tab-4{ left: 362px; }
#tab-5{ left: 473px; }

#current-highlights .highlight{
	position: absolute;
	top: -387px;
	width: 607px; height: 363px;
	padding: 7px 0 0 0;	
}
#tab-1 .highlight{ left: -29px; }
#tab-2 .highlight{ left: -140px; }
#tab-3 .highlight{ left: -251px; }
#tab-4 .highlight{ left: -362px; }
#tab-5 .highlight{ left: -473px; }

#current-highlights .text{
	position: absolute;
	bottom: 0; left: 0;
	width: 557px;
	padding: 10px 25px 15px 25px;
	color: #fff; background: #000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#current-highlights .text h3{
	margin: 0 0 8px 0; padding: 0 0 8px 0;
	border-bottom: 1px solid #464646;
	font-size: 3.6em; font-weight: bold; text-transform: uppercase;
}
#current-highlights .text h3 small{
	display: block;
	font-size: 0.4em;
}
#current-highlights .text p{
	font-size: 1.4em; font-weight: bold;
}
#current-highlights .image{
	position: absolute;
	width: 104px; height: 104px;
	bottom: 0;
}
#current-highlights .gallery{
	padding: 18px 0 0 29px;
}
#current-highlights .gallery li{
	float: left; display: inline;
	margin: 0 7px 7px 0;
}
#current-highlights .image a img{
	border: 3px solid #606060;
}
#current-highlights .image a:hover img,
#current-highlights .image a:focus img,
#current-highlights .image a:active img,
#current-highlights .current .image a img{
	border: 3px solid #f25f11;
}

#current-issue{
	float: right;
	width: 358px; height: 28.1em;
	padding: 0 0 5px 0;
	background: #e4eae9 url(../img/bg-block-gradient.png) repeat-x 0 100%;
}
#current-issue h2{
	position: relative;
	width: 100%; height: 44px;
}
#current-issue h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-issue.png) no-repeat 0 0;
}
#current-issue .cover{
	float: left; display: inline;
	margin: 10px 0 15px 12px;
	border-right: 1px solid #707372; border-bottom: 1px solid #707372;
}
#current-issue .desc{
	float: right;
	width: 180px;
	margin: 10px 15px 10px 0;
}
#current-issue h3{
	position: relative;
	width: 100%; height: 33px;
}
#current-issue h3 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/whats-hot.png) no-repeat 0 0;
}
#current-issue .desc ul{
	margin: 0 0 10px 0;
}
#current-issue .desc li{
	width: 170px;
	margin: 0 0 2px 10px; padding: 0 0 1px 0;
	background: url(../img/bg-issues-list.png) no-repeat 100% 100%; 
}
#current-issue .desc li a{
	display: block;
	padding: 5px 5px 5px 15px;
	color: #fff; background: url(../img/bg-issues-list-link.png) no-repeat 100% 0;
	font-size: 1.1em; font-weight: bold;
}
#current-issue .desc li a:hover,
#current-issue .desc li a:focus,
#current-issue .desc li a:active{
	background-position: 0 0;
}
#current-issue .issues-link{
	position: relative; display: block;
	width: 170px; height: 32px;
}
#current-issue .issues-link span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/btn-issues.png) no-repeat 0 0;
}
#current-issue .issues-link:hover span,
#current-issue .issues-link:focus span,
#current-issue .issues-link:active span{
	background-position: 0 100%;
}

#join-us{
	float: right;
	width: 358px;
	padding: 0 0 5px 0;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}

#news-reviews-pool{
	margin: 0 0 11px 0;
}

#news{
	float: left; display: inline; position: relative;
	width: 300px; height: 34.7em;
	margin: 0 5px 0 0; padding: 0 0 5px 0;
	background: #e4eae9 url(../img/bg-block-gradient.png) repeat-x 0 100%;
}
#news h2{
	position: relative;
	width: 100%; height: 39px;
}
#news h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/latest-news.png) no-repeat 0 0;
}

#news .archive{
	position: absolute;
	top: 11px; left: 165px;
	width: 82px; height: 17px;
	overflow: hidden;
}
#news .archive span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/news-archive.png) no-repeat 0 0;
}
#news .archive:hover span,
#news .archive:focus span,
#news .archive:active span{
	background-position: 0 100%;
}
#news .rss{
	position: absolute;
	top: 11px; left: 247px;
	width: 47px; height: 17px;
	overflow: hidden;
}
#news .rss span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/news-rss.png) no-repeat 0 0;
}
#news .rss:hover span,
#news .rss:focus span,
#news .rss:active span{
	background-position: 0 100%;
}

#news li{
	font-size: 1.2em; line-height: 1.3;
	margin: 14px 20px; padding: 13px 0 0 0;
	border-top: 1px solid #bac0c0;
}
#news li.first-child{
	padding: 0;
	border: 0;
}
#news li h3{
	font-weight: bold;
}

#reviews{
	float: left; display: inline; position: relative;
	width: 300px; height: 34.7em;
	margin: 0 5px 0 0; padding: 0 0 5px 0;
	background: #e4eae9 url(../img/bg-block-gradient.png) repeat-x 0 100%;
}
#reviews h2{
	position: relative;
	width: 100%; height: 39px;
}
#reviews h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/reviews.png) no-repeat 0 0;
}

#reviews .archive{
	position: absolute;
	top: 11px; left: 165px;
	width: 82px; height: 17px;
	overflow: hidden;
}
#reviews .archive span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/reviews-archive.png) no-repeat 0 0;
}
#reviews .archive:hover span,
#reviews .archive:focus span,
#reviews .archive:active span{
	background-position: 0 100%;
}
#reviews .rss{
	position: absolute;
	top: 11px; left: 247px;
	width: 47px; height: 17px;
	overflow: hidden;
}
#reviews .rss span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/reviews-rss.png) no-repeat 0 0;
}
#reviews .rss:hover span,
#reviews .rss:focus span,
#reviews .rss:active span{
	background-position: 0 100%;
}
#reviews li{
	font-size: 1.2em; line-height: 1.3;
	margin: 14px 20px; padding: 13px 0 0 0;
	border-top: 1px solid #bac0c0;
}
#reviews li.first-child{
	padding: 0;
	border: 0;
}
#reviews li .photo{
	display: block;
	margin: 0 0 10px 0;
}
#reviews li .photo img{
	border: 3px solid #fff;
}
#reviews li .photo:hover img,
#reviews li .photo:focus img,
#reviews li .photo:active img{
	border: 3px solid #f25f11;
}
#reviews li h3{
	font-weight: bold;
}


#poll{
	float: right;
	width: 358px; height: 34.7em;
	padding: 0 0 5px 0;
	background: #e4eae9 url(../img/bg-block-gradient.png) repeat-x 0 100%;
}
#poll h2{
	position: relative;
	width: 100%; height: 39px;
}
#poll h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/poll.png) no-repeat 0 0;
}
#poll fieldset{
	padding: 28px 0 0 0;
	background: url(../img/bg-poll.png) no-repeat 10px 28px;
}
#poll fieldset h3{
	margin: 0 28px 0 77px; padding: 0 0 25px 0;
	font-size: 1.4em; font-weight: normal; line-height: 1.3;
	color: #3a3a3a;
	border-bottom: 1px solid #b6bdbc;
}
#poll ul{
	margin: 15px 0 0 0;
}
#poll li{
	position: relative;
	padding: 0 28px 15px 97px;
	font-size: 1.2em; font-weight: bold;
}
#poll .results li{
	position: relative;
	padding: 0 28px 15px 77px;
	font-size: 1.2em; font-weight: bold;
}
#poll li input{
	position: absolute;
	top: -0px; left: 77px;
}
#poll .submit{
	float: right; display: inline;
	margin: 0 20px 0 0; padding: 5px 25px;
	font-size: 1.4em; font-weight: bold; text-transform: uppercase;
}
#poll .view-results{
	float: left; display: inline;
	margin: 0 0 0 20px;
	font-size: 1.2em;
}
#poll p.total{
	padding: 0 0 0 20px;
	font-size: 1.2em;
}
#poll .archive-link{
	display: block;
	padding: 5px 0 0 20px;
	font-size: 1.2em;
}
.wp-polls .meta{
	color: #999;
	font-style: italic; font-size: 0.9em;
}

#contact-details{
	width: 358px;
	padding: 0 0 5px 0;
	background: #e2e8e7 url(../img/bg-block.png) repeat-x 0 100%;
}
#contact-details h2{
	position: relative;
	width: 100%; height: 39px;
}
#contact-details h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/contact-details.png) no-repeat 0 0;
}
#contact-details p{
	margin: 20px;
	font-size: 1.4em; line-height: 1.5;
}


#terms{
	width: 358px;
	padding: 0 0 5px 0;
	background: #e2e8e7 url(../img/bg-block.png) repeat-x 0 100%;
}
#terms h2{
	position: relative;
	width: 100%; height: 39px;
}
#terms h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/terms.png) no-repeat 0 0;
}
#terms p{
	margin: 20px;
	font-size: 1.2em; line-height: 1.5;
}

#other{
	margin: 0 0 11px 0;
}

.col-1{
	float: left;
	width: 605px;
}
.col-2{
	float: right;
	width: 358px;
}

#win-tickets{
	margin: 0 0 11px 0;
}

#blog{
	position: relative;
	width: 100%; height: 329px;
	padding: 0 0 5px 0;
	background: #e4eae9 url(../img/bg-block-gradient.png) repeat-x 0 100%;
}
#blog h2{
	position: relative;
	width: 100%; height: 39px;
}
#blog h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/blog.png) no-repeat 0 0;
}

#blog .archive{
	position: absolute;
	top: 11px; left: 470px;
	width: 82px; height: 17px;
	overflow: hidden;
}
#blog .archive span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/blog-archive.png) no-repeat 0 0;
}
#blog .archive:hover span,
#blog .archive:focus span,
#blog .archive:active span{
	background-position: 0 100%;
}
#blog .rss{
	position: absolute;
	top: 11px; left: 552px;
	width: 47px; height: 17px;
	overflow: hidden;
}
#blog .rss span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/blog-rss.png) no-repeat 0 0;
}
#blog .rss:hover span,
#blog .rss:focus span,
#blog .rss:active span{
	background-position: 0 100%;
}
#blog li{
	float: left; display: inline;
	width: 165px;
	margin: 23px 0 10px 23px;
	font-size: 1.2em; line-height: 1.3;
}
#blog li .photo{
	display: block;
	margin: 0 0 10px 0;
}
#blog li .photo img{
	border: 3px solid #fff;
}
#blog li .photo:hover img,
#blog li .photo:focus img,
#blog li .photo:active img{
	border: 3px solid #f25f11;
}
#blog li h3{
	margin: 0 0 8px 0;
	font-weight: bold;
}

#distribution-points{
	margin: 0 0 8px 0; padding: 0 0 5px 0;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}

#news-list li{
	margin: 0 0 1px 0; padding: 24px 0 5px 0;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}
#news-list .photo img{
	float: left; display: inline;
	margin: 0 20px 20px 21px;
	border: 3px solid #fff;
}
#news-list .photo:hover img,
#news-list .photo:focus img,
#news-list .photo:active img{
	border: 3px solid #f25f11;
}

#news-list .date{
	float: right; display: inline;
	width: 66px; height: 109px;
	margin: 0 21px 20px 20px;
	background: url(../img/bg-date.png) no-repeat 0 0;
}
#news-list .date .day{
	display: block;
	width: 61px;
	padding: 30px 0 0 0;
	font-size: 3.6em; font-weight: bold; text-align: center;
	color: #969696;
}
#news-list .date .month{
	display: block;
	width: 61px;
	padding: 7px 0 0 0;
	font-size: 1.4em; font-weight: bold; text-align: center; text-transform: uppercase;
	color: #4b4b4b;
}
#news-list .excerpt{
	float: left;
	width: 294px;
	margin: 0 0 20px 0;
}
#news-list h3{
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	font-size: 1.8em; font-weight: bold;
	border-bottom: 1px solid #c6c6c6;
}
#news-list .excerpt p{
	font-size: 1.2em; font-weight: bold; line-height: 1.5;
	color: #373737;
}

#news-list .meta{
	clear: both;
	padding: 6px 21px;
	border-top: 1px solid #c6c6c6;
	background: #f2f2f2;
	font-size: 1.1em;
}
#news-list .meta .share-this{
	float: left;
}
#news-list .meta .more{
	float: right; display: inline; position: relative;
	width: 102px; height: 10px;
	margin: 3px 0 0 26px;
	overflow: hidden;
}
#news-list .meta .more span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/more.png) no-repeat 0 0;
}
#news-list .meta .more:hover span,
#news-list .meta .more:focus span,
#news-list .meta .more:active span{
	background-position: 0 -10px;
}
#news-list .meta .comments-link{
	float: right; display: inline; position: relative;
	width: 107px; height: 10px;
	margin: 3px 0 0 0;
	overflow: hidden;
}
#news-list .meta .comments-link span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/comments-link.png) no-repeat 0 0;
}
#news-list .meta .comments-link:hover span,
#news-list .meta .comments-link:focus span,
#news-list .meta .comments-link:active span{
	background-position: 0 -10px;
}

.post-header{
	margin: 0 0 1px 0;
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
}
.post-header h2{
	margin: 20px 20px 0 20px;
	font-size: 2.4em; font-weight: bold;
}
.post-header p{
	margin: 0 20px 20px 20px;
	color: #818181;
	font-size: 1.2em;
}
.post-header p a{
	font-weight: bold;
}
.post-header p .date{
	color: #3b3b3b;
	font-weight: bold;
}
.page-header{
	margin: 0 0 1px 0; padding: 54px 20px 10px 20px;
	background: #f2f2f2 url(../img/bg-head.png) no-repeat 0 0;;
	border-bottom: 1px solid #ccc;
}
.page-header h2{
	font-size: 2.4em; font-weight: bold;
}
.post-content{
	padding: 20px;
	font-size: 1.2em; line-height: 1.5;
	color: #373737; background: #e1e1e1;
	border-bottom: 1px solid #c6c6c6;
}
.post-content h3{
	padding: 0 0 10px 0;
	font-size: 1.4em; font-weight: bold;
}
.post-content p{
	padding: 0 0 10px 0;
}
.post-content p img{
	display: inline;
}
.post-content .alignleft{
	float: left; display: inline;
	margin: 0 10px 5px 0;
}
.post-content .alignright{
	float: right; display: inline;
	margin: 0 0 5px 10px;
}
.post-meta{
	clear: both;
	height: 22px;
	margin: 0 0 1px 0; padding: 6px 21px;
	border-top: 1px solid #c6c6c6;
	background: #f2f2f2 url(../img/bg-block.png) repeat-x 0 100%;
	font-size: 1.1em;
}
.post-meta .share-this{
	float: left;
}
h3.comments{
	position: relative; float: right;
	width: 107px; height: 10px;
	margin: 3px 0 0 0;
	overflow: hidden;
}
h3.comments span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/comments-link.png) no-repeat 0 0;
}
.no-comments{
	margin: 0 0 1px 0; padding: 12px 20px;
	color: #373737; background: #f2f2f2;
	font-size: 1.4em;
	border-bottom: 1px solid #ccc;
}
#commentlist li{
	margin: 0 0 1px 0; padding: 12px 20px;
	color: #373737; background: #f2f2f2;
	border-bottom: 1px solid #ccc;
}
#commentlist .gravatar{
	float: left; display: inline;
	padding: 3px;
	background: #fff;
	border: 1px solid #b5b5b5;
}
#commentlist .comment-content{
	float: right; display: inline;
	width: 450px;
	padding: 15px 17px;
	background: url(../img/bg-comment.png) no-repeat 0 0;
	font-size: 1.4em;
}
#commentlist .comment-content cite{
	font-weight: bold;
}
#commentlist .comment-content p{
	display: block;
	padding: 5px 0 0 0;
	font-size: 0.9em; font-style: italic; line-height: 1.4;
}
#commentlist .comment-content img{
	display: inline;
}
h3.leave-a-comment{
	position: relative; float: right;
	width: 607px; height: 33px;
	margin: 0 0 1px 0;
	overflow: hidden;
}
h3.leave-a-comment span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/leave-a-comment.png) no-repeat 0 0;
}

#commentform{
	padding: 0 0 25px 0;
	background: #f2f2f2 url(../img/bg-block.png) repeat-x 0 100%;
}
#commentform .col-1{
	float: left; display: inline;
	width: 214px;
	padding: 20px 0 20px 20px;
}
#commentform .col-2{
	float: right;
	width: 326px;
	padding: 20px 20px 20px 0;
}
#commentform .submitbox{
	clear: both;
	padding: 0 20px;
}
#commentform label{
	display: block;
	padding: 6px 6px 5px 6px;
	font-size: 1.2em; font-weight: bold; text-transform: lowercase;
	color: #373737;
}
#commentform .text{
	display: block;
	width: 202px; height: 16px;
	padding: 7px 6px 6px 6px;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	background: url(../img/bg-input-text.png) no-repeat 0 0;
	border: none;
}
#commentform .text:hover,
#commentform .text:focus,
#commentform .text:active{
	background-position: 0 100%;
}
#commentform textarea{
	display: block;
	width: 308px; height: 125px;
	padding: 7px 6px 6px 12px;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	background: url(../img/bg-textarea.png) no-repeat 0 0;
	border: none;
}
#commentform textarea:hover,
#commentform textarea:focus,
#commentform textarea:active{
	background-position: 0 100%;
}
#commentform .submitbox p{
	float: left;
	color: #373737; font-size: 11px;
}
#commentform .submitbox .submit{
	float: right;
}

.pagination ol {
	float: right;
	padding: 15px 0 10px 0; margin:0;
	font-size: 1.4em; font-weight: bold;
}
.pagination li {
	float: left; display: inline;
	margin: 0 0 5px 5px;
}
.pagination a{
	display: block;
	padding: 3px 6px;
	background: #ddd; border:1px solid #ccc; color: #666; 
	text-align: center; text-decoration: none;
}
.pagination .current { 
	display: block;
	padding: 3px 6px;
	color:#fff; background:#5f87ae; border:1px solid #89adcf;
}
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
	background:#ccc; color:#888;
}

.page-news .pagination a{ color: #fff; background: #ffe468; border: 1px solid #ffed9b; }
.page-news .pagination a:hover,
.page-news .pagination a:focus,
.page-news .pagination a:active,
.page-news .pagination .current{ color: #fff; background: #f7bd00; border: 1px solid #fbdd55; }

.page-blog .pagination a{ color: #fff; background: #b4f12a; border: 1px solid #cef672; }
.page-blog .pagination a:hover,
.page-blog .pagination a:focus,
.page-blog .pagination a:active,
.page-blog .pagination .current{ color: #fff; background: #74c417; border: 1px solid #b7e069; }

.page-health .pagination a{ color: #fff; background: #7fd3f2; border: 1px solid #aae2f7; }
.page-health .pagination a:hover,
.page-health .pagination a:focus,
.page-health .pagination a:active,
.page-health .pagination .current{ color: #fff; background: #439bc7; border: 1px solid #8bc6df; }

.page-features .pagination a{ color: #fff; background: #ffa9c3; border: 1px solid #ffc6d8; }
.page-features .pagination a:hover,
.page-features .pagination a:focus,
.page-features .pagination a:active,
.page-features .pagination .current{ color: #fff; background: #e85178; border: 1px solid #f5a6c4; }

.page-reviews .pagination a{ color: #fff; background: #ffc452; border: 1px solid #ffc452; }
.page-reviews .pagination a:hover,
.page-reviews .pagination a:focus,
.page-reviews .pagination a:active,
.page-reviews .pagination .current{ color: #fff; background: #ec8f22; border: 1px solid #f6cb76; }

.stars{
	font-weight: bold;
}
.stars img{
	float: left; display: inline;
	margin: -5px 10px 5px -3px;
}

.survey-description{
	margin: 0 0 20px 0;
}
.survey{
}
.survey .question{
	margin: 0 0 20px 0; padding: 0 0 0 50px;
	background: url(../img/bg-question.png) no-repeat 0 0;
}
.survey .question h4{
	margin: 0 0 10px 0;
	font-size: 1.2em; font-weight: bold; font-style: italic;
	color: #7b7b7b;
}
.survey .question .answers li{
	margin: 0 0 10px 0;
}
.survey .question .answers li label{
	padding: 0 0 0 10px;
}

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

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

#categories{
	margin: 0 0 6px 0; padding: 0 0 5px 0;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}
#categories h2{
	position: relative;
	width: 100%; height: 44px;
}
#categories h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/categories.png) no-repeat 0 0;
}
#categories li{
	padding: 5px 4px 3px 5px;
	background: url(../img/bg-side-nav.png) repeat-x 0 0;
}
#categories li:first-child{
	padding-top: 3px;
	background: none;
}
#categories li a{
	display: block;
	padding: 10px 18px;
	font-size: 1.4em; font-weight: bold; text-transform: uppercase;
	color: #88223f;
}
#categories li a:hover,
#categories li a:focus,
#categories li a:active,
#categories li.current-cat a{
	color: #620a44; background: url(../img/side-nav-hover.png) no-repeat 0 50%;
}
#categories li.current-cat a{
	font-size: 1.8em;
}

#archive{
	margin: 0 0 6px 0; padding: 0 0 5px 0;
	background: #e1e1e1 url(../img/bg-block.png) repeat-x 0 100%;
}
#archive h2{
	position: relative;
	width: 100%; height: 44px;
}
#archive h2 span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/archive.png) no-repeat 0 0;
}
#archive .select{
	margin: 10px 21px;
}
#archive select{
	width: 300px;
	padding: 5px;
	font-size: 1.4em; font-weight: bold; text-transform: uppercase;
	color: #4a4a4a;
}

#side-bar #poll{
	float: none;
	margin: 0 0 6px 0; 
}

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

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

h2.site-details{
	position: relative;
	width: 100%; height: 35px;
	margin: 0 0 10px 0;
}
h2.site-details span{
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background: url(../img/site-details.png) no-repeat 0 0;
}

.cols-5 .col{
	float: left; display: inline;
	width: 168px;
	padding: 14px;
}

#footer h3{
	margin: 0 0 10px 0;
	font-size: 1.4em; font-weight: bold;
}
#footer p,
#footer ul{
	margin: 0 0 5px 0;
	font-size: 1.1em; line-height: 1.3;
}
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active, #footer a:focus { color: #f25f11; }

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