/* Begin -----------------Default Classes */
body {
	background-color: #424d6e; 
	margin: 0px; 
	padding: 0px; 
	}
#container {
	margin: 0 auto;
	width: 727px;
	background: url(img/bglong.gif);
	}
p {
font-size:14.5px;
color:#2b2a2a;
line-height:1.5em;
}

#top {
	background: url(img/top-t.jpg) no-repeat; 
	height: 46px;
	}
#logo{
	background: url(img/logo.jpg) no-repeat center;
	height: 172px;
	text-align: right;
	font: bold 11px "Trebuchet MS", Verdana, sans-serif;
	color: #56607b;
	padding-right: 22px;
	margin: 0;
	}
#mainarea{
	margin: 0 0 0 5px;
	padding-right: 5px;
	}
#main{
	background: url(img/btn_shadow.gif) repeat-x top;
	margin-top: 1px;
	padding: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
}
#btm{
	background: url(img/btm_1.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6fa1c6;
	text-align: center;
	padding: 8px 0;
}
#nav {
	background-image: url(img/btn_gr1.gif);
	padding: 0 15px;
	margin: 0;
	height: 31px;
	list-style-type: none;	
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#nav li {float: left;margin: 0;	padding: 8px 11px; display: inline;}

#nav #current {
	float: left;
	margin: 0;
	padding: 8px 11px 10px 11px;
	color: #459f18;
	background: url(img/btn_w.gif);
	border-right: 1px solid #8ec055;
	border-left: 1px solid #8ec055;
}

#nav a{	margin: 0; padding: 0; color: #000;	text-decoration:none;}
#nav a:visited{	margin: 0; padding: 0; color: #000;	text-decoration:none;}
#nav a:hover{	margin: 0; padding: 0; color: #000;	text-decoration:underline;}

#spacer { clear:both;}

a {color: #588ed2;}
a:visited {color: #588ed2;}
a:hover {color: #588ed2;}
#event{
	background: url(img/icon-ev.jpg) no-repeat;
	padding-left: 33px;
        margin: 11px 0;
}
.event-date { color:#54af14; font-weight: bold;}
.tile_body {margin: 0; padding-top: 10px}
.tile_body ul{	margin: 0; padding: 0}
.tile_body li{
        background: url(img/icon-blog.jpg) no-repeat 0 6px;
	padding: 10px 5px 10px 33px;
        margin: 0;
        color:#91c457; 
	list-style-type: none;	}
#new {margin: 0; padding: 10px}
#new ul {margin: 0; padding: 0}
#new li {
	background: url(img/icon-blog.jpg) no-repeat 0 6px;
	padding: 10px 33px;
        margin: 11px 0;
        color:#91c457; 
	list-style-type: none;	
}

.faq_q{ background: #f3f6f8; border: 1px solid #dbe3eb; padding: 5px; margin: 10px 0}
.faq_permalink {display:none}
.faq_q_content { padding: 0 10px; }
.faq_a {padding: 7px; }

#test {margin: 10px}
#test-top {background: url(img/test-bg.gif); width: 649px;}
#test-text {padding: 0 20px; font-size:14.5px; line-height:1.5em; color:#2b2a2a; }
#test-btm {width: 649px;}

.name { color:#7e87a6; font-style: italic; padding-left: 10px;}
#first, #second, #third, #fourth, #fifth {padding: 11px 0 5px 35px; margin: 0}
#svc {
	background: url(http://healthfuldirection.com/hd/wp-content/themes/default/img/arr.gif) no-repeat left center;
	padding: 4px 0 4px 12px;
}
#contact-bg {
	background: url(http://healthfuldirection.com/images/watermark2.gif) no-repeat top right;
        }
/* End -----------------Default Classes */

/* Sarah's classes */
span.byline {
font-family:helvetica;
color:#2b2a2a;
font-weight:bold;
font-size:1.2em;
letter-spacing:0.02em;
}

span.quoted {
font-weight:bold;
color:#e19a00;
}

p.sidebar-tagline {
font-family:helvetica;
font-size:2.2em;
line-height:1.2em;
letter-spacing:0.02em;
color:#707c4a;
padding:10px 0;
}

p.sidebar-tagline a {
color:#707c4a;
text-decoration:none;
}

p.sidebar-tagline a:hover {
text-decoration:underline;
}

li.sidebar-subscribe {
font-size:1.8em;
line-height:1.2em;
padding-bottom:18px;
}

li.sidebar-subscribe a, li.sidebar-subscribe a:visited {
color:#e19a00;
}

li.sidebar-subscribe a:hover {
color:#707c4a;
text-decoration:underline;
}

li.testimonial p {
padding:10px 0;
font-family:helvetica;
line-height:1.4em;
font-size:1.2em;
color:#656464;
letter-spacing:0.02em;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}


/* Begin -----------------Typography & Colors */
input {font-size:14.5px, width: 100px}
.widecolumn .entry p {	font-family: Helvetica, arial, Sans-Serif; font-size: 14.5px;}
.narrowcolumn .entry, .widecolumn .entry .pagecolumn{line-height: 1.65em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata .pagecolumn{font-family: Helvetica, arial, Sans-Serif; font-size: 14.5px;}
.entry {
color:#3b3a3a;
font-size:14.5px;
}

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

small {	font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px;line-height: 1.5em;}

.entry p a:visited {color: #b85b5a;}

small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #06c;	text-decoration: none; font-family:helvetica;}
a:hover {color: #147;text-decoration: underline;}

/* End -----------------Typography & Colors */


/* Begin -----------------Comments */
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;	}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
/* Begin -----------------Comments */


/* Begin -----------------Structure */
.pagecolumn {	
    float: left;
	padding: 10px;
	margin: 0;
	width: 670px;
	}
.narrowcolumn {
	float: left;
	padding: 0 0 10px 10px;
	margin: 0;
	width: 500px;
	}
.widecolumn {
	padding: 15px;
	margin: 0;
	}
.post {	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 0;
	text-align: justify;
	padding: 0;
	}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 10px 0;}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
a.widecolumn .attachment {text-align: center; margin: 5px 0px;}
.postmetadata {	clear: left}
#content {margin: 0; padding: 0;}

.pagecolumn li {
font-size:14.5px;
line-height:1.5em;
color:#2b2a2a;
}

.pagecolumn h5 {
margin:30px 0 15px 0;
}
/* End -----------------Structure */



/* Begin -----------------Sidebar */
#sidebar {
	padding: 10px 0 0 10px;
	margin: 0 0 0 520px;
	font-size: 11px;
	background: url(img/sbsh.gif) no-repeat;
}
#sidebarbox{ background-color: #f3f6f8; border: 1px solid #dbe3eb; padding: 5px; margin:10px 0}
#sidebar form {margin: 0;}
#sidebar h2 {margin: 15px 0 4px 0; padding: 0; color:#333; font-family: helvetica, Verdana, Sans-Serif;	font-size: 1.2em;}
#sidebar ul {margin: 0;	padding: 0;}
#sidebar ul p {margin: 5px 0 8px 0;}
#sidebar ul li {list-style-type: none;	list-style-image: none;	margin-bottom: 3px; position:relative;}

/* End -----------------Sidebar */



/*Begin -----------------Headers */
h1, h2, h3 {font-family: "Trebuchet MS", Verdana, Sans-serif; font-size: 21px; color: #e19a00; }


h1 {padding-top: 70px;	margin: 0;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: white;}

h2 {margin: 10px 0 0 0;}
h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {	text-decoration: none;}
h2.pagetitle {font-size: 1.6em;	margin-top: 30px; text-align: center;}
	
h3 {font-size: 1.3em; padding: 0; margin: 0; }

h3.comments {padding: 0; margin: 40px auto 20px ;}

h4 {font-family: "Trebuchet MS", Verdana, Sans-serif; font-size: 22px; color: #e19a00; padding: 0; margin: 0;}

h5 {font-family: "Trebuchet MS", Verdana, Sans-serif; font-size: 18px; font-weight:bold; padding: 0; margin: 0; color: #4156a1;}

.service {font-family: "Trebuchet MS", Verdana, Sans-serif; font-size: 16px; color: #3f4d7c; font-weight:bold !important; padding: 0; margin: 0;}

#headerimg .description {font-size: 1.2em; text-align: center;}
/* End -----------------Headers */


/* Begin -----------------Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;
.commentmetadata {margin: 0; display: block;}
/* End -----------------Comments */


/* Begin -----------------Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px;	padding: 0 0 0 30px;	list-style: none;	padding-left: 10px;	text-indent: -10px;	} 
html>body .entry li {margin: 7px 0 8px 10px;	}
.entry ul li:before, {	content: "\00BB \0020";	}
.entry ol {padding: 0 0 0 35px;	margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
/* End -----------------Entry Lists */


/* Begin -----------------Form Elements */
#searchform {	font-family: Verdana, Arial, Helvetica, Sans-Serif;	font-size: 11px;	}

.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;	}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;	}
#commentform textarea {width: 100%; padding: 2px;	}
#commentform #submit {margin: 0; float: right;}
/* End -----------------Form Elements */


/* Begin -----------------Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;	padding-left: 20px; border-left: 5px solid #ddd;	}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
hr {display: none;}
a img {	border: none;}
/* End -----------------Various Tags & Classes*/
