/*
Theme Name: Healthy Living
Theme URI: http://wordpress.org/
Description: Custom theme for Healthy Living
Version: 1.0
Author: Haneke Design
Author URI: http://www.hanekedesign.com

*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #6a6a6a;
	background: #fff url(images/backg-repeat.jpg) top left repeat-x;
}
form { margin: 0; }
.align-left { float: left; }
.align-right { float: right; }
.clear { clear: both; }
.padding-none { padding: 0; }
img { border: none; }
small { font-size: 11px;}

a { color: #009ce9; text-decoration: underline; }
a:hover { text-decoration: none; }

#outer-wrapper {
	position: relative;
	background: url(images/backg.jpg) top no-repeat;
	margin: 0 auto;
}
#wrapper {
	width: 995px;
	margin: 0 auto;
}
/* +++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++ */
#header {
	position: relative;
	background: url(images/hdr-backg.gif) left no-repeat; /* this is a hack because of the 3 pixel gap under the flash embed */
}
#logo {
	float: left;
	width: 323px;
}
#flash { background-color: none; }
#search {
	float: left;
	width: 323px;
	height: 28px;
	padding-top: 6px;
	text-align: center;
	background: #d7e260;
}
#search input { width: 190px; }
#search input#searchsubmit {
	background: #009ae5 url(images/submit-backg.gif) left repeat-x;
	border: 1px solid #086896;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	margin-left: 10px;
	width: auto;
	text-transform: uppercase;
}
#search label { display: none; }
/* +++++++++++++++++++++++++++++++ main navigation ++++++++++++++++++++++++++++++++ */
#main-nav {
	float: right;
	width: 672px;
	height: 34px;
	background: #008ed5;
}
#main-nav ul {
	margin: 0;
	margin-left: 22px;
	padding: 0;
	list-style-type: none;
}
#main-nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-right: 24px;
	padding-top: 6px;
}
#main-nav ul li a { 
	color: #d9e4b6;
	text-decoration: none;
	text-align: center;
	display: block;
}
#main-nav ul li a:hover { text-decoration: underline; }

#main-content {
	min-height: 620px;
}
#left-content { 
	float: left;
	width: 279px; /* 323 */
	padding: 10px 22px;
}
#left-content h4, #left-content p strong.title {
	margin: 0;
	margin-bottom: 8px;
	margin-top: 12px;
	color: #009ce9;
	font-weight: normal;
	font-size: 18px;
}
#left-content p { margin: 6px 0 10px 0; font-size: .8em; }
#left-content ul, #left-content ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
	padding-bottom: 6px;
}
#left-content .social { margin: 10px 0 18px; }
#left-content .social h4 {
	float: left;
	margin: 0;
	margin-right: 10px;
}
#left-content .social img { padding: 0 4px; }
#left-content .tweet {  margin-bottom: 10px; }

#left-content ul.widgets {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#left-content ul#recentlyOnTwitterListDisplayContainer { font-size: 1.1em; }
#left-content h2.widgettitle {
	margin: 0;
	margin-bottom: 8px;
	margin-top: 12px;
	color: #009ce9;
	font-weight: normal;
	font-size: 18px;
}
#left-content h2.widgettitle a { text-decoration: none; }
ul#recentlyOnTwitterListDisplayContainer li {
	padding-bottom: 15px;
}
/* ++++++++++++++++++++++++++++++++ right content ++++++++++++++++++++++++++ */
#right-content {
	float: right;
	width: 628px; /*672 */
	padding: 22px;
}
#right-content h1 {
	margin-top: 0;
	color: #6a6a6a;
	font-weight: normal;
	font-size: 1.5em;
}
#right-content h1.no-btm-marg { margin-bottom: 0; }
#right-content h1 a { color: #6a6a6a; text-decoration: none; }
#right-content h1 a:hover { text-decoration: underline; }
#right-content h2 {
	margin-top: 0;
	color: #6a6a6a;
	font-weight: bold;
	font-size: 1.2em;
}
#right-content h2 a { color: #6a6a6a; text-decoration: none; }
#right-content h2 a:hover { text-decoration: underline; }
#right-content #post-details {
	color: #008ed5;
	font-weight: bold;
	font-size: .8em;
	margin-top: 8px;
}
#right-content #post-details span { padding-right: 10px; }
#right-content #post-entry { font-size: .8em; }
/*#right-content #post-entry img { margin-left: 10px; margin-bottom: 10px; float: right; }*/
#right-content .navigation { 
	margin-bottom: 10px;
	font-size: .8em;
	padding: 4px;
}
#right-content .pagetitle {display: inline; margin-bottom: 10px;}


/* +++++++++++++++++++++++ full width content +++++++++++++++++++++++++++++ */
#full-width-content {
	background: #fff;
	padding: 15px; padding-right: 12px; padding-top: 0;
}
#full-width-content .special-hdr {
	background: #4490d2;
  margin: 15px 0; margin-top: 0;
}

h1.hidden-wall { 
	background: url(images/hdr-hlm-video-wall.gif) left no-repeat;
	width: 688px;
	height: 65px;
	float: left;
	margin: 0;
	padding: 0;
}
#full-width-content h1.hidden-wall span { display: none; }

#full-width-content .links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 6px; margin-right: 10px;
}
#full-width-content .links ul li a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#full-width-content .links ul li a:hover { text-decoration: underline; }

#full-width-content .detail {
	background: #dadd6d;
	margin: 15px 0;
	padding: 10px;
}
.detail .copy {
	float: left;
	width: 555px;
	color: #4a4a4a;
	font-size: 12px;
}
.detail .copy p { margin-top: 0; }
.detail .detail-action {
	float: right;
	width: 365px;
}
.detail .detail-action img { margin-top: 8px; }

/* +++++++++++++++++++++++ specific layout things +++++++++++++++++++++++++ */
.teaser {
	background: #f1f1e8;
	padding: 12px; 
	width: 604px;
}
#right-content .teaser h1 { margin-top: 0; }
#right-content .teaser h2 {
	margin-top: 0;
	color: #6a6a6a;
	font-weight: normal;
	font-size: 1.3em;
}
#teaser-post-details {
	clear: both;
	background: #c7c9a6;
	padding: 8px 12px;
	color: #fff;
	font-size: .8em;
	margin-bottom: 22px;
	font-weight: bold;
	width: 604px;
}
#teaser-post-details span { padding-right: 4px; }
#teaser-post-details span.slash {	padding-left: 4px; padding-right: 8px; }
#teaser-post-details span.normal { font-weight: normal; }
#teaser-post-details span.padding-none { padding: 0; }
#teaser-post-details a {
	color: #f1f1e8;
	text-decoration: none;
	font-weight: normal;
}
#teaser-post-details span.underline a { text-decoration: underline; }
#teaser-post-details span.underline a:hover { text-decoration: none; }

.divider { padding: 5px; margin-top: 8px; color: #008ED5; background: #F1F1E8;}
#teaser-post-details a strong { color: #fff; }

#teaser-post-details div.tags {
	clear: both;
	padding-top: 4px;
}
#teaser-post-details div.tags a { text-decoration: none; }
#teaser-post-details div.tags a:hover { text-decoration: underline; }
#teaser-post-details span.sharethis { padding-right: 4px; float: right; width: 100px; text-align: right;  }
#teaser-post-details div.align-left { width: 480px;  }


/* +++++++++++++++++++++++ thumbnails +++++++++++++++++++++++++ */
.attachment-post-thumbnail { float: left; margin-right: 10px; margin-bottom: 10px; }

#post-entry .attachment-single-post-thumbnail, #post-entry .size-full { /*float: right;*/ margin: 10px; }

img.size-full, p img.alignright{  display: block; float: right; margin: 10px;}
p object { margin: 10px auto; text-align: center;  float: none; display: block;   }


/* +++++++++++++++++++++++ flash and video ++++++++++++++++++++++++ */
.flvPlayer { float: right; margin-left: 15px;}

/* +++++++++++++++++++++++ feedburner ++++++++++++++++++++++++ */
#email-newsletter {
	padding: 10px;
	margin-bottom: 10px;
	font-size: .8em;
	background: #DBE6BC;
}

#email-newsletter strong { font-size: 1.1em; }
#email-newsletter form { margin: 8px 0; }
#email-newsletter label { float: left; line-height: 19px; }
#email-newsletter input { width: 115px; float: left; margin-left: 6px; }
#email-newsletter input.submit { width: auto; }
#email-newsletter a { color: #6A6A6A; font-size: 11px; text-decoration: none; }

/* +++++++++++++++++++++++++++ footer +++++++++++++++++++++++++++++++++++ */
#footer {
	float: right;
	width: 672px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: .7em;
}
#footer ul	{
	margin: 0;
	margin-left: 22px;
	padding: 0;
	list-style-type: none;
}
#footer ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 8px;
}
#footer ul li a { 
	color: #6a6a6a;
	text-decoration: none;
	text-align: center;
	padding-right: 8px;
}
#footer ul li a:hover { text-decoration: underline; }
#footer p	{
	clear: both;
	margin-left: 22px;
	margin-top: 20px;
}
/* +++++++++++++++++++ Comments ++++++++++++++++++++++++++++++++++++++++++++ */
#comments {
	margin-bottom: 20px;
}
small, .date { font-size: 11px;}
.date span {
	color: #009CE9;
	padding-right: 10px;
}

/* +++++++++++++++++++ Video ++++++++++++++++++++++++++++++++++++++++++++ */
#video { background: url(images/video-backg.jpg) top left no-repeat;
			width: 628px;
			height: 308px;
			margin-bottom: 10px;
			position: relative;
			/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;*/
		}
		#video .left-txt { float: left;  width: 188px; padding-left: 13px; padding-top: 7px; }
		#video h1 { font-size: 22px; margin-bottom: 0; }
		#video p { margin-top: 0; font-size: 13px; line-height: 21px; font-weight: 700; }
		#video .right-vid { position: absolute; top: 7px; right: 19px;  width: 388px; height: 234px; background: #CCC; }

#white-papers { margin: 0 0 10px 0; }
