/*  
Theme Name: Habits of Health
Theme URI: http://www.drwayneandersen.com
Description: Habits of Health Wordpress Theme
Version: 3.0
Author: Dustin Pfeifer
Author URI: www.dustinpfeifer.com

Theme last updated: June 28, 2010
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	font:12px/1.5 Lucida Sans, Lucida Grande, sans-serif;
	margin:10px 0;
}

a {
	color:#00bfe0;
}

q {
	font:18px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;
}

h1 a, h2 a, h3 a {
	text-decoration:none;
}

h1 {
	font-size:38px;
	line-height:1.25;
	color:#555b5b;
	font-weight:normal;
	margin:0 0 40px;
}

	h1 span {
		background:url(images/background_underline.png) repeat-x bottom left;
		padding:0 0 7px;
	}
	
	h1.logo {
		margin:0;
	}
	
	h1.logo a {
		background:url(images/logo.png) no-repeat;
		position:absolute;
		display:block;
		width:200px;
		height:200px;
		text-indent:-9999px;
		margin:25px 0 0 -100px;
		z-index:1000;
	}
	
h2 {
	font-size:30px;
	line-height:1.25;
	color:#a7bc75;
}

	h2 span a {
		background:url(images/icon_checkbox.jpg) no-repeat right center;
		padding:0 60px 0 0;
		font-style:italic;
		color:#a4a4a4;
	}
	
h3 {
	font-size:22px;
	line-height:1.25;
	color:#00bfe0;
}

ol, ul {
	margin:0 0 10px 30px;
}
	

/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#203f3f url(images/background.jpg) repeat-y center;
	text-align:center;
	margin:0 auto;
	font:12px/1.5 "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;
	color:#555b5b;
}

#masthead {
	background:url(images/background_masthead.jpg) repeat-x top;
	height:250px;
}

#header {
	background:url(images/background_bluebar_header.jpg) no-repeat top right;
	width:1000px;
	height:250px;
	padding:0 0 0 100px;
	margin:0 auto;
	text-align:left;
}

	#slidenav {
		position:absolute;
		bottom:0;
		right:100px;
		z-index:50;
	}

	#slidenav a {
		display:block;
		float:left;
		height:25px;
		width:25px;
		margin:0 0 0 1px;
	}
	
	#slidenav #prev {
		background:url(images/button_previous.png);
		text-indent:-9999px;
	}
	
	#slidenav #next {
		background:url(images/button_next.png);
		text-indent:-9999px;
	}

#wrap {
	background:#e3e5d9 url(images/background_wrap.jpg) repeat-x top center;
}

#content {
	background:url(images/background_bluebar.jpg) repeat-y right;
	width:1000px;
	margin:0 auto;
	padding:0 0 0 100px;
	text-align:left;
}

	#primary, #navigation {
		float:left;
	}
	
	#primary {
		width:900px;
		padding:50px 0;
	}
	
		#main {
			width:500px;
			float:left;
		}
		
			#main p, #main li {
				font:14px/2 Georgia, serif;
			}
		
			#main .intro {
				background:#f5f6f1;
				border:6px solid #80dff0;
				padding:20px;
				margin:0;
				font:16px/2 Georgia, serif;
			}
			
			#main .intro cite {
				display:block;
				text-align:right;
				font-style:italic;
			}
		
		#sidebar {
			background:url(images/background_sidebar.png) no-repeat 50px top;
			width:325px;
			float:right;
			padding:190px 50px 0 0;
		}
		
		.home #sidebar {
			background:none;
			padding:0 50px 0 0;
		}
		
			#sidebar p {
				margin:10px 0;
			}
		
			#sidebar .feature {
				border-top:3px solid #a7bc75;
				padding:25px 10px;
			}
			
			#sidebar .feature .order a {
				background:url(images/button_order.png) no-repeat;
				display:block;
				width:141px;
				height:40px;
				text-indent:-9999px;
			}
			
			#sidebar .orderbook {
				position:absolute;
				top:10px;
				right:-15px;
				z-index:100;
			}
			
			#sidebar .subscribe {
				margin:10px 0;
			}
			
			#sidebar .subscribe #email {
				border:none;
				background:url(images/background_input_email.jpg) no-repeat;
				padding:0 10px;
				width:259px;
				height:40px;
				line-height:40px;
				float:left;
				font-size:12px;
				color:#555b5b;
			}
			
			#sidebar .subscribe #submit {
				border:none;
				background:url(images/button_subscribe_submit.jpg) no-repeat;
				display:block;
				width:16px;
				height:12px;
				float:right;
				cursor:pointer;
				margin:12px 0 0;
			}
			
			.subscribe_mce {
				margin:10px 0;
			}
			
			.subscribe_mce #email {
				border:none;
				background:#b9d9d4;
				padding:0 10px;
				width:285px;
				height:40px;
				line-height:40px;
				font-size:12px;
				color:#555b5b;
			}
			
			.mc-field-group ul {
				list-style-type:none;
				margin:10px;
				font:12px/1.5 Lucida Sans, Lucida Grande, sans-serif;
			}
			
			.mc-field-group input {
				margin:0 5px 0 0;
			}
	
	#navigation {
		width:100px;
	}
	
#bottom {
	background:#ecede5;
}
	
#secondary {
	background:url(images/background_bluebar.jpg) repeat-y right;
	width:976px;
	margin:0 auto;
	padding:50px 100px 50px 24px;
	text-align:left;
}

	#secondary .quotescollection_randomquote {
		background:url(images/icon_quote.jpg) no-repeat left top;
		width:427px;
		float:left;
		padding:0 0 0 73px;
	}
	
	#secondary .quotescollection_randomquote cite {
		font:11px Lucida Sans, Lucida Grande, sans-serif;
		color:#00bfe0;
		display:inline !important;
	}
	
	#secondary .order {
		width:300px;
		float:right;
		margin:0;
		padding:0 25px 0 0;
		font:24px/1.5 "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;
	}
	
	#secondary .order a {
		color:#a7bc75;
		text-decoration:none;
	}
	
#footer {
	background:url(images/background_bluebar.jpg) repeat-y right;
	width:850px;
	margin:0 auto;
	text-align:left;
	padding:25px 150px 25px 100px;
}

	#footer p {
		color:#fff;
		font-size:11px;
	}


/* Blog Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.post {
	border-bottom:1px solid #01bfe1;
	padding:0 0 15px;
	margin:0 0 25px;
}

.blog h3, .archive h3 {
	color:#a7bd75;
	line-height:1;
	margin:0 0 10px;
}

.single h3 {
	line-height:1;
	margin:0 0 10px;
}

	.blog h3 span, .archive h3 span, .single h3 span {
		border-right:2px solid #a7bc75;
		display:block;
		width:10px;
		float:left;
		font-size:11px;
		color:#00bfe0;
		padding:0 15px 0 0;
		margin:0 15px 0 0;
	}

.more {
	color:#a7bd75;
}

.more a {
	text-decoration:none;
}

#pagednav {
	margin:25px 0 50px 0;
}

.next {
	float:left;
	margin:25px 0 0;
}

	.next a {
		background:url(images/button_nextposts.png) no-repeat;
		display:block;
		width:141px;
		height:40px;
		text-indent:-9999px;
	}

.prev {
	float:right;
	margin:25px 0 0;
}

	.prev a {
		background:url(images/button_prevposts.png) no-repeat;
		display:block;
		width:141px;
		height:40px;
		text-indent:-9999px;
	}
	
#main .commentlist {
	margin:20px 0;
}
	
#main .commentlist li {
	list-style-type:none;
	margin:10px 0;
	background:none;
	padding:20px;
	font-size:12px;
	line-height:1.25;
}

	#main .commentlist li.even {
		background:#ecede5;
	}

#main .commentlist p {
	margin:10px 0 0;
	font-size:12px;
}

#main .commentlist p.postmetadata {
	margin:0;
}

#main .commentlist p.author {
	margin:0;
}

#main .commentlist .avatar {
	float:left;
	margin:0 10px 0 0;
}

textarea {
	width:100%;
}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	list-style-type:none;
	width:80px;
	margin:0 auto;
}

#nav li {
	background:url(images/line_nav.jpg) repeat-x bottom left;
	padding:10px 0;
}

#nav a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	display:block;
}

#nav a:hover, #nav li.current_page_item a, #nav li.current_page_ancestor a {
	background:url(images/nav_ro.jpg) no-repeat right center;
	margin:0 -10px 0 0;
}

	/* second level */

	#nav li ul  {
		list-style-type:none;
		background:url(images/line_nav.jpg) repeat-x top left;
		padding:0;
		margin:10px 0 0;
	}
	
	#nav li ul li {
		background:none;
	}
	
	#nav li ul li a {
		color:#0c6060;
		font-size:12px;
	}
	
	#nav li.current_page_item ul li a, #nav li.current_page_ancestor ul li.current_page_item a {
		background:none;
	}
	
#social {
	list-style-type:none;
	width:80px;
	margin:14px auto;
}

#social a {
	display:block;
	float:left;
	width:22px;
	height:22px;
	text-indent:-9999px;
}

	#social a.facebook {
		background:url(images/icon-facebook.png) no-repeat;
	}
	
	#social a.twitter {
		background:url(images/icon-twitter.png) no-repeat;
		margin:0 7px;
	}
	
	#social a.rss {
		background:url(images/icon-rss.png) no-repeat;
	}

#latest-posts {
	padding:20px 0 0;
}

#latest-posts .thumb {
	position:absolute;
	top:0;
	right:6px;
	margin:0;
}

#latest-posts h3 {
	margin:0 0 15px;
}

#latest-posts ul {
	width:225px;
	list-style-type:none;
	margin:0;
}

#latest-posts li {
	border-top:1px solid #00bfe0;
	padding:7px 0;
	font:12px Lucida Sans, Lucida Grande, sans-serif;
}

#latest-posts li:first-child {
	border:none;
}

#latest-posts li a {
	text-decoration:none;
	color:#555b5b;
}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:10px 20px 10px 0;
}

.alignright { 
	float:right;
	margin:10px 0 10px 20px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px; 
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */