/*
Theme Name: Common Sense Health
Theme URI: http://www.commonsensehealth.com/
Description: Custom theme for Common Sense Health
Version: 1.0
Author: James Hewett
Author URI: http://www.jameshewett.com/
*/


/* ------------------------------------------ */
/* {00} RESETS
/* ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
:focus {
	outline: 0;}
ol, ul {
	list-style: none;}

/* ------------------------------------------ */
/* {01} GLOBAL ELEMENTS
/* ------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	background: #87be3e url(images/backgroundrepeat.jpg) repeat-x top;}
a {
	color: #55594b;
	text-decoration: underline;}
a:hover {
	color: #222;}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;}
h2 {
	font-size: 18px;
	color: #000000;}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;}
strong {
	font-weight: bold;}
em {
	font-style: italic;}
.right {
	float: right;}
.left {
	float: left;}
.clear {
	clear: both;}
#container {
	width: 952px;
	margin: 0 auto;}

/* ------------------------------------------ */
/* {02} PAGE BACKGROUND
/* ------------------------------------------ */
#backgroundtop {
	background: url(images/backgroundtop.jpg) no-repeat center top;
	min-height: 350px;}
#backgroundbottom {
	background: url(images/backgroundbottom.jpg) no-repeat center bottom;
	min-height: 375px;}
#topad {
	padding: 17px 0 13px 0;
	margin: 0 auto;
	height: 90px;
	width: 728px;}
#contentbg {
	background: #fff url(images/backgroundcontent.jpg);}
#contentbgmain {
	background: #fff url(images/backgroundcontentmain.jpg);}

/* ------------------------------------------ */
/* {03} HEADER
/* ------------------------------------------ */
#header {
	height: 115px;
	background: url(images/backgroundheader.jpg) no-repeat;
	position: relative;}
#logo {
	}
ul#headerlinks {
	position: absolute;
	top: 30px;
	left: 515px;
	list-style: none;}
ul#headerlinks li {
	list-style: none;
	padding-left: 25px;
	height: 22px;}
ul#headerlinks li a {
	color: #0e630c;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;}
ul#headerlinks li a:hover {
	text-decoration: underline;}
ul#headerlinks .rssfeeds {
	background: url(images/iconrssfeeds.jpg) left no-repeat;}
ul#headerlinks .myyahoo {
	background: url(images/iconmyyahoo.jpg) left no-repeat;}
ul#headerlinks .google {
	background: url(images/icongoogle.jpg) left no-repeat;}
#newsletter {
	position: absolute;
	top: 10px;
	right: 9px;
	background: url(images/backgroundnewsletter.jpg) no-repeat;
	width: 293px;
	height: 99px;}
#newsletter strong {
	position: absolute;
	top: 22px;
	right: 0;
	font-size: 12px;
	width: 245px;}
#newsletterform {
	position: absolute;
	top: 49px;
	right: 0;
	width: 275px;}
#newsletteremail {
	background: url(images/backgroundnewsletteremail.jpg) no-repeat;
	width: 169px;
	height: 21px;
	border: none;
	margin: 0;
	padding: 0;}
#newslettersubmit {
	background: url(images/backgroundnewslettersubmit.jpg) no-repeat bottom;
	width: 72px;
	height: 22px;
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px 0;}

/* ------------------------------------------ */
/* {04} TOP BAR
/* ------------------------------------------ */
#topbar {
	background: url(images/backgroundnavigation.jpg) no-repeat;
	padding-bottom: 7px;
	height: 37px;
	position: relative;}
span#date {
	margin-left: 17px;
	float: left;}
#topbar strong {
	position: absolute;
	top: 18px;
	font-size: 12px;
	font-weight: bold;
	line-height: 0;
	color: #fff;}
#topbar #search {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;}
#searchform {
	padding: 0 0 0 60px;;
	margin: 0;
	}
#search #s {
	background: url(images/backgroundsearch.jpg) no-repeat;
	width: 114px;
	height: 29px;
	border: none;
	margin-top: 5px;
	padding: 0;
	float: left;}
#searchsubmit {
	background: url(images/backgroundsearchsubmit.jpg) no-repeat bottom;
	width: 67px;
	height: 29px;
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 5px 0 0 5px;
	padding: 0 0 0 0;
	float: left;}

/* ------------------------------------------ */
/* {05} LEFT SIDEBAR
/* ------------------------------------------ */
#leftcol {
	width: 150px;
	float: left;
	padding-left: 1px;}
#leftcol ul {
	list-style: none;
	border-top: 1px #d5dec1 solid;
	border-right: 1px #d5dec1 solid;
	margin-bottom: 10px;}
#leftcol ul li {
	list-style: none;
	background: #f4fce2;
	border-bottom: 1px #d5dec1 solid;
	border-right: 2px #e4ecd2 solid;
	padding-left: 5px;}
#leftcol ul li a {
	color: #3b3123;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;}
#leftcol ul li a:hover {
	text-decoration: underline;}
#leftcol #adleft {
	text-align: center;
	margin-bottom: 10px;}

/* ------------------------------------------ */
/* {06} MAIN
/* ------------------------------------------ */
#midcol {
	width: 466px;
	padding: 5px 15px;
	float: left;
	font-size: 12px;}
#midcol hr {
	height: 4px;
	width: 454px;
	margin: 5px 6px 15px 6px;
	background: url(images/hr.jpg) no-repeat;
	border: none;}
#midcol p {
	padding: 5px 0;}
#midcol .readmore {
	text-align: right;}
.post {
	padding: 5px 20px;
	background: url(images/postleaf.jpg) no-repeat left top}
.post h2 {
	padding: 5px 0 10px 14px;}
.post h2 a {
	text-decoration: none;}
.post h2 a:hover {
	text-decoration: underline;}

/* ------------------------------------------ */
/* {06-1} COMMENTS
/* ------------------------------------------ */
h3#comments, #respond h3 {
	line-height: normal;
	padding: 10px 0;
	font-size: 16px;
	color: #191919;
	font-weight: bold;
	line-height: normal;
	}
.button { background:#999; border:1px solid #666; color:#fff; font-size: 15px; padding:5px 10px;  text-align:center; margin-top: 15px; text-transform: uppercase; }
.button:hover { background:#87be3e; border:1px solid #5a8a1b; }
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { color: #191919; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#5a8a1b; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {  }
ol.commentlist li div.reply:hover { }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist li.comment-author-admin {background: #d9f1b8; border: 1px solid #5a8a1b;}

/* ------------------------------------------ */
/* {07} RIGHT SIDEBAR
/* ------------------------------------------ */
#rightcol {
	width: 304px;
	padding-right: 1px;
	float: left;}
#rightcol #ad {
	background: #fff;
	padding-bottom: 5px;}
#rightcol #ad strong {
	color: #747474;
	font-size: 11px;
	font-weight: normal;}
#rightcol h3 {
	background: url(images/rightsidebarheader.jpg) no-repeat;
	height: 30px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 10px 15px 0 0;}
#rightcol ul {
	list-style: inside;
	padding: 5px 0;
	font-size: 12px;}
#rightcol ul li {
	padding: 0 15px;
	line-height: 22px;}
#rightcol ul li a {
	color: #525252;
	text-decoration: none;
	}
#rightcol ul li a:hover {
	text-decoration: underline;}
#rightcol ul#sponsors {
	text-align: center;
	padding: 5px;
	list-style: none;
	}
#rightcol ul#sponsors li {
	float: left;
	margin: 10px;
	padding: 0;}

/* ------------------------------------------ */
/* {08} FOOTER
/* ------------------------------------------ */
#footer {
	color: #dae5cb;
	height: 104px;
	background: url(images/backgroundfooter.jpg) no-repeat;
	padding: 20px 0 173px 0;
	text-align: center;
	font-size: 13px;}
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;}
#footer a:hover {
	text-decoration: underline;}