/*  
Theme Name: Health Decisions
Version: 1.0.0


	This theme was designed and built by Pure Visibility


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

.clear {
clear:both;
margin:-10px 0 -20px;
}

html
{
	height: 100%;
	margin-bottom: 0.1em;
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p
{
	line-height: 120%;
	margin: 0.7em 0;
    width: 152px;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}
img.right
{
	float: right;
	margin: 10px 0 0 10px;
}
img.left
{
	float: left;
	margin: 0 10px 10px 0;
}

body
{
	background-attachment: fixed;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	color: #000000;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
a
{
	text-decoration: underline;
}
a:link, a:visited
{
	color: #3333FF;
}
a:hover, a:active
{
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
	color:#0e2b8d;
}

h2 {border-bottom-style:solid thin, #blue;}
h3 {font-size:16px;padding:15px 0 5px 0;}

/* Etc
******************** */
br.clear {
	clear: both;
	margin:0;
	xxborder-bottom-style: solid;
}

/* Design 
******************** */
#Container {
	position:relative;
	width: 850px;
	margin: 0 auto;
}

#page {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	padding: 0;
}
#ctop {
	width: 850px;
	xxmargin: 20px auto 0;
	xxpadding: 0 30px;
}
#cbot {
	width: 850px;
	margin: 0 auto;
	padding: 0 30px;
	height: 30px;	
}

#homepager {
	position:relative;
	height: 159px;
	background: url(images/HD_header.png) left top no-repeat;
	/*z-index:1;*/
}

#pager {
	xxposition:relative;
	height: 170px;
	background: url(images/HD_header.png) left top no-repeat;
}

#headr {position:absolute;font:Arial, Helvetica, sans-serif;font-size: 1.4em;margin:66px 0 0 300px;color:#999999;width: 350px}
#headr a {color: #999999;text-decoration:none;}

#homeheadr {
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin:69px 0 0 300px;
	color:#999999;
	width: 350px;
}
#homeheadr a {color: #999999;text-decoration:none;}


#sideart {
	float:left;
	width:100px;
	height:auto;
	margin-top:20px;
	xxbackground: url(images/side_repeat.png) repeat-x;
	xxdisplay:inline;
}

#sideart li {
	list-style:none;
}

#homecontent {
	width: 473px;
	float: left;
	padding: 10px 20px 10px;
	xxpadding-right: 120px;
}

#wrap {
	width:850px;
	margin:0 auto;
	padding:0;
	}

#content {
	width: 600px;
	float: left;
	padding: 10px 20px 20px;
	margin-right:0px;
	xxdisplay:inline;
}


#contentpage {
	width: 600px;
	float: left;
	padding: 10px 20px 20px;
	margin-left:5px;
	display:inline;
}

.post {
	margin-bottom: 10px;
}
.postmetadata {
	font-size: .9em;
	color: #999;
}
.postmetadata  a{
	color: #666;
}

#homesidebar {
	width: 194px;
	float: left;
	background: #0e2b8d;
	color: #fff;
	padding-bottom: 10px;
}

#homesidebar a{
	color: #fff;
	text-decoration:none;
	padding:10px;
}


#webinar {
	width: 130px;
	margin:10px 5px;
}

#sidebar {
	width: 69px;
	float: left;
	background: #FFF;
	color: #0E2B8D;
	padding-bottom: 50px;
}

#sidebarrt 
{
    position: relative;
	width: 140px;
	height:173px;
	margin:0;
	float: right;
	background: url(images/sidebarrt_repeat.png) repeat-y;
	color: #0e2b8d;
	padding-bottom: 50px;
	z-index:2;
    top: 0px;
    left: 0px;
}
#sidebarrt ul {
	margin-top:10px;
	margin-left: 20px;
}

#sidebarrt a {
	color:#0e2b8d;
	text-decoration:underline;
	 font-weight: bold;	
}

.side1 {
	float: left;
	padding-left: 20px;
	width: 160px;
	padding-right: 20px;
}
.side2 {
	float: left;
	padding-left: 15px;
	width: 180px;
}
#footer {
	width: 760px;
	margin:0 0 15px 110px;
	padding-top: 10px;
	text-align: left;
	
}

.footer {
	font:Arial, Helvetica, sans-serif;
	}
	
#footer a {
font:#0E2B8D Arial, Helvetica, sans-serif;text-decoration:underline;font-size: 80%;}


#homefooter 
{
    position: relative;
	float:left;
	width: 715px;
	margin:0 0 0px 210px;
	display:inline;
	padding-top: 10px;
	text-align: left;
    top: 0px;
    left: -115px;
}

#homefooter a {
font:#0E2B8D Arial, Helvetica, sans-serif;text-decoration:underline;font-size: 90%;}

/* navigation menu */
#menu {position:absolute;font:Arial, Helvetica, sans-serif;margin:19px 0 0 69px;background:#0E2B8D; width:740px; height:38px;z-index:100}
#homemenu {position:absolute;font:Arial, Helvetica, sans-serif;margin:30px 0 0 69px;background:#0E2B8D; width:740px; height:38px;z-index:100}

/* Root = Horizontal, Secondary = Vertical */
.navmenu {width:745px; height:24px; font-size:0.85em; position:relative; z-index:100;}

/* hack to correct IE5.5 faulty box model */
* html .navmenu {width:744px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */
.navmenu ul {padding:0;margin:0;list-style-type:none;}
.navmenu ul ul {width:100px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown.navmenu positon */
.navmenu li {float:left;width:auto;position:relative;  margin: 0;  border: 0 none;  padding: 0;}

/* style the links for the top level */
.navmenu a, .navmenu a:visited {display:block; display:inline;font: bold 13px/22px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Arial, Helvetica, sans-serif;
  text-decoration: none; color:#fff; height:24px; background:#0E2B8D; padding:0px 10px; line-height:30px;}


/* a hack so that IE5.5 faulty box model is corrected */
* html .navmenu a, * html .navmenu a:visited {xxwidth:100%; xxw\idth:100%px;}

/* style the second level background */
.navmenu ul ul a.drop, .navmenu ul ul a.drop:visited {background:#ccc;}

/* style the second level hover */
.navmenu ul ul a.drop:hover{background:#fff;}
.navmenu ul ul :hover > a.drop {background:#fff;}

/* style the third level background */
.navmenu ul ul ul a, .navmenu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.navmenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.navmenu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}

/* another hack for IE5.5 */
* html .navmenu ul ul {top:25px;t\op:24px;}

/* position the third level flyout.navmenu */
.navmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout.navmenu for a left flyout */
.navmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.navmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.navmenu ul ul a, .navmenu ul ul a:visited {display:block;background:#0E2B8D; color:#fff; height:auto; line-height:1em; padding:8px; width:158px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .navmenu ul ul a, * html .navmenu ul ul a:visited {width:160px;w\idth:158px;}

/* style the top level hover */
.navmenu a:hover, .navmenu ul ul a:hover{color:#0E2B8D; background:#ccc;}
.navmenu :hover > a, .navmenu ul ul :hover > a {color:#0E2B8D;background:#ccc;}

/* make the second level visible when hover on first level list OR link */
.navmenu ul li:hover ul,
.navmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navmenu ul :hover ul :hover ul{ visibility:visible;}


/* Design 
******************** */
#sidebar  ul{
	list-style: none;
}



/* Podcast 
******************** */
.podcast {
padding:5px;
clear:both;
}

.podcastimg {
float:left;
margin-right:5px;
width:70px;
}
.podcasttext {
float:left;
}


/* Design  Typo
********************* */
.logo h1 {
	color: #cecdce;
	font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 8px;
}
.logo h1 a {
	color: #3333ff;
	}
#sidebar  h2{
	font-size: 1.2em;
	color: #fff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#sidebar a {
	color: #0E2B8D;
    background-color: #FFFFFF;
}
#sidebar a:hover {
	color: #fff;
}
h2.pagetitle {
	text-align: right;
	border-bottom: 1px solid #ccc;
}
.post h2 {
	font: 1.8em 'HelveticaNeue-CondensedBold', 'Arial Narrow', Arial, Helvetica, sans-serif;border-bottom: 1px solid #0e2b8d;
    width: 450px;
}
.post h2 a {	
	color: #003399;
}
.post h2 a:hover {
	color: #666;
}
p.postmetadata
{
	color: #999;
	font-size: 85%;
	margin-bottom: 10px;
}
p.postmetadata a
{
	color: #666;
	text-decoration: none;
}
span.timr
{
	background: url(images/timr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.catr
{
	background: url(images/catr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.editr
{
	background: url(images/editr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.commr
{
	background: url(images/commr.png) 0 0 no-repeat;
	padding-left: 15px;
}
.post ul.postspermonth{
	list-style:none;
	padding: 0;
	margin: 0;
}
.post p a {
	border-bottom: 1px solid #ccc;
}
.post ul {
	margin-left: 35px;
}
.post ol {
	margin-left: 40px;
}
.post p a:hover {
	border: none;
}
.post a img, .post img {
	border: none;
	float: left;
	padding-right: 5px;
}	

.categr, .monthr {
	margin-bottom: 20px;
}
.categr h2, .monthr h2{
	border-bottom: 1px solid #ccc;
}
#footer {
	xxmargin:0 0 0 100px;
	color: #0e2b8d;
	font-size: 0.9em;
	text-align: left;
}
#footer a {
	color: #0e2b8d;
}
#footer a:hover {
	color: #0066CC;
	text-decoration: underline
}
.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
}

#avatr {
	border: 1px solid #E2D4F7;
}

/* Comment Etc
********************* */
.navigation a
{
	color: #666;
}
.alignleft
{
	float: left;
	width: 50%;
}
.alignright
{
	float: right;
	text-align: right;
	width: 50%;
}

.ileft {
	float: left;
	margin-right: 5px;
}
p.stats {
	color: #999;
	font-size: .8em;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}
#content .commentsfeedr
{
	background: url(images/feed.png) no-repeat left center;
	padding-left: 20px;
}
#content .trackbackr
{
	background: url(images/arrow_refresh.png) no-repeat left center;
	padding-left: 20px;
}
input.textbox, textarea
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #ccc 1px solid;
	font: 1em Verdana, Arial, Serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #999 1px solid;
}
#submit
{
	padding: 3px 5px;
}
.comment
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}


#sidebar input#s {
	width: 92%;
	padding: 5px;
	margin-bottom: 10px;
	background: #fff;
	}
#sidebar input#s:focus {
	width: 92%;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #3300CC;
	color: #fff;
}

#sidebar input#searchsubmit
{
	background-color: #ccc;
	border: #ccc 2px solid;
	color: #0e2b8d;
	font-size: 1.3em;
	margin: 0;
	font-weight: bold;
	padding: 4px 6px;
}
#sidebar input#searchsubmit:focus
{
	background: #6699ff;
}



.alt
{
	background: #f9f9f9;
}
.MyAvatars
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	padding: 3px;
}
#comment {
	width: 100%;
}
/* Top Navigation Style 
********************* */
#navr
{
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto 10px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 730px;
}
html #navr
{
	height: 1%;
}
#navr ul li
{
	float: left;
	list-style-type: none;
	margin: 0 5px 0 0;
}
#navr ul li a
{
	background: #EBC167;
	border: #B98718 1px solid;
	border-top: none;
	color: #fff;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 2px 10px;
	text-decoration: none;
}
#navr ul li a:hover {
	background: #B98718;
	border: #B98718 1px solid;
	border-top: none;
	color: #fff;
}
#navr ul li a:active, #navr ul li.current_page_item a
{
	background: #B98718;
	border: #B98718 1px solid;
	border-top: none;
	color: #fff;
	font-weight: bold;
}
#navr ul li.search
{
	font-size: 0.9em;
	position: absolute;
	right: 0;
	top: 5px;
}
#navr ul li.search input#s {
	width: 150px;
}
#navr ul li.search input#searchsubmit
{
	background: B98718;
	border: #B98718 1px solid;
	color: #fff;
	font-size: 0.9em;
	margin: 0;
	padding: 1px 2px;
}

fieldset {
	border: none;
}
textarea#cp_message {
	width: 100%;
}

/* Thanks to Ferdhie(http://ferdianto.com) to ask me about this Code */

pre {
	width: 95%;
	overflow:auto;
	font: 13px Arial, Helvetica, sans-serif;
	color: #B206C5;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #B595EB;
	padding: 5px;
	background: #E2D4F7;
}

code {
font: 13px Arial, Helvetica, sans-serif;
color: #003399;
padding: 2px;
}
