/*   
Theme Name: Healthlete
Theme URI: http://www.BEaHealthlete.com
Description: WordPress Theme template -- WordPress v3.0.1 .. for Healthlete
Author: Phillip Carpenter
Author URI: 
Version: 1
*/

 * { margin: 0; padding: 0; }

/* Arial, Helvetica, sans-serif;*/

html {
	background-color: #e5ebdf;
	background-image: url(../images/background_fade-wordpress-2011_01_31.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
body {
	font-family: Arial, Helvetica, sans-serif, Georgia, serif;
	font-size: 12px;
	line-height: 1.4;
}



a:link {
	text-decoration: none;
	color: #0000FF;
	border-bottom: ;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
	border-bottom: ;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
	border-bottom: 1px dotted #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000FF;
	border-bottom: ;
}








.entry { margin: 0 0 40px 0; color: #484848;}
.entry a { color: #484848; font-weight: normal; border-bottom: 1px dotted #647484; text-decoration: none; font-family: arial;}
.entry a:hover { color: #62006e; border-bottom: 1px solid #ecb36b; }
.entry h2, .post h2 a, .post h2 a:hover { color: #000;}
.entry h2 a:hover {}
.entry h1, .post h1 a, .post h1 a:hover { color: #000;}
.entry h3, .post h3 a, .post h3 a:hover { color: #000;}
.entry h3 a:hover {}



article, aside, figure, footer, header, nav, section { display: block; }




#page-wrap {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

#middle-section {
	width: 930px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}


#header {
	width: 930px;
	height: 260px;
	margin: 0 auto;
	position: relative;
	
}

#middle-section {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

#footer {
	float: ;
	position: relative;	
}


#swoosh-man {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../images/header-swoosh-930px-2011_01_31.png') no-repeat;
	width: 930px;
	height: 200px;

}

#logo-pyramid {
	position: absolute;
	top: 96px;
	left: 0px;
	background: url('../images/logo-healthlete-2010_05_29.png') no-repeat;
	width: 155px;
	height: 138px;
}

#the-blog {
	position: absolute;
	top: -130px;
	left: 494px;
	background: url('images/blog_page_title-2011_01_31.png') no-repeat;
	width: 249px;
	height: 83px;
}


/* page title text at the top of each page */

.title-text {
	position: absolute;
	display: inline;
	top: -90px;
	left: 223px;
	font-size: 75px;
	color: #003f1e;
	font-weight: bold;
	font-family: arial;
	width: 800px;
}








/* not sure if this next css asterisk is needed or not for the menu. although it is also like the css at the top of this page */






/* menu css */
#menu {
	clear: ;
	height: 33px;
	margin-left: 0px;
	width: inherit;
}
#menu ul {
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#menu ul li {
	color: #ffffff;
	display: inline;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu ul li:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #07360f;
}

#menu ul li a
{
	color: #07360f;
	text-decoration: none;
}
#menu ul li.current a {
	font-weight: bold;
	color: #69256a;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #944995;
}


.heavy {
	font-size: 14px;
	font-weight:bold;

}

.large {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.no_link {
	font-size: 12px;
	font-weight:;
	color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* end of menu css */






aside {
	float: left;
	width: 200px;
	padding: 0 0 0 8px;
}


#main-content {
	float: right;
	width: 700px;
	
}

#searchform #s { width: 176px; margin: 0 0 10px 0; background-color: #d3d9cc;}
.screen-reader-text-button { position: absolute; top: -9999px; left: -9999px; }
#searchsubmit { position: absolute; top: -9999px; left: -9999px; }
#s {color: #777;}

/* Recent Blog Posts */
.widget {
	margin: 10px 0 20px 0;
	padding: 0 16px 0 0;
}

.widget h4 {
	color:#8c0788;
	text-align: left;
	font-size: 12px;
	font-family: century;
	font-weight: normal;
	letter-spacing: 3px;
}

.widget .date {
	background-color: rgba(126, 193, 36, .1);
	color: #808cd6;
	text-align: right;
	padding: 0 5px 0 0;
	font-style: italic;
	font-size: 10px;
	margin: 0 0 5px 0;
}

.widget h5, .widget h5 a, .widget h5 a:hover {
	font-weight: normal;
	font-family: century;
	font-size: 15px;
	margin: 0 0 0px 0;
	color: #333;
	text-decoration: none;
}

.widget h5 a:hover {
	text-decoration: underline;
}

.widget p {
	color: #999;
	font-size: 10px;
}

.widget h2 {
	text-decoration:;
	font-size: 14px;
	color: #459637;
}

.widget a {
	text-decoration: none;
	color: #808cd6;
	color: #5C955E;
}

.widget a:hover {
	text-decoration: underline;
	color: #808cd6;
	color: #5C955E;
}

.widget {
	color: #5C955E;
}

/* blog home */

.post { margin: 0 0 40px 0; color: #484848;}
.post a { color: #484848; font-weight: normal; border-bottom: 1px dotted #647484; text-decoration: none; font-family: arial;}
.post a:hover { color: #62006e; border-bottom: 1px solid #ecb36b; }
.post h2, .post h2 a, .post h2 a:hover { border: 0; margin: 0; font-size: 22px; font-family: arial; text-decoration: none; color: #000;}
.post h2 a:hover { text-decoration: underline; }
.post * ~ h3, .post * ~ h2 { margin-top: 25px; }

.meta {
	background-color: #dde8d0;
	background-color: rgba(126, 193, 36, .1);
	color: #808cd6;
	padding: 1px 5px;
	margin: 5px 0;
	font-size: 12px;
}

.meta a{
color: #9ea9f2;
}

.entry {
	margin: 0 0 20px 0;
	line-height: 1.5;
	font-family: arial;
	color: #222;	
}

.entry { margin: 0 0 40px 0; color: #484848;}
.entry a { color: #484848; font-weight: normal; border-bottom: 1px dotted #647484; text-decoration: none; font-family: arial;}
.entry a:hover { color: #62006e; border-bottom: 1px solid #ecb36b; }
.entry h2, .post h2 a, .post h2 a:hover { color: #000;}
.entry h2 a:hover {}
.entry h1, .post h1 a, .post h1 a:hover { color: #000;}
.entry h3, .post h3 a, .post h3 a:hover { color: #000;}
.entry h3 a:hover {}

.postmetadata {
	color: #999;
}

.postmetadata a{
	color: #777;
}


/* not sure when this next .single is needed yet    or if everything needs to be joined like that either in compound css*/
.single #post-title { font-family: century; color: #333; font-size: 36px; background: ; padding: 0px 50px; margin: 0 0 0 0; width: auto; text-align: center; position: relative; left: -50px; }
.single aside, .single #main-content { margin-top: 20px; }
.single .meta { background-color: rgba(126, 193, 36, .1); padding: 3px 0 3px 300px; margin: 0 0 0 30px; color: #a3008e; position: relative; left: -30px; width: 650px; }
.single .entry p:first-child:first-line { font-size: 100%; letter-spacing:; text-transform:; }
.single .entry p:first-child:first-letter { font-size:; float:; line-height:; margin:; font-weight:; }

















/*
.widget { background: url(../images/shadowTopRight.png) top right no-repeat; padding: 17px 22px 0 0; margin: 0 0 30px 0; }
.widget h5 { color: #555; }
.widget p { color: #999; line-height: 1.5; }
.sidebar-post { margin: 0 0 20px 0; }
.date { position: relative; left: -30px; text-align: right; padding: 0px 8px 2px; width: 187px; }
.latest-post h4 { color: #909673; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.latest-post .date { background: #909673; color: #e7e9dd; }
.latest-post .date span { background-color: #909673; }
.industry-news h4 { color: #ad7601; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.industry-news .date { background: #ad7601; color: #e7e9dd; width: 187px; }
.industry-news .date span { background-color: #ad7601; }
*/








/* All pages CSS */

.page-text-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#484848;
	line-height: 1.5;
}





/* Healthly Eating page */

.guidlines-headings {
	font-size:14px;
	color: #000000;
	font-weight:bold;
	text-decoration: underline; 
}






/* Fees & Products page CSS */

#fees-header-image {
	position: absolute;
	top: -50px;
	left: 170px;
	background: url('../images/fees-header-image.png') no-repeat;
	width: 443px;
	height: 50px;
}

.contact-info-email {
	position: relative; 
	display:block; 
	top: 00px; 
	left: 0px; 
	z-index: 1; 
	font-family: Geneva,Arial,Helvetica,sans-serif; 
	color: rgb(0, 0, 0); 
	width: 326px; 
	height:	98px;
	line-height: 1.4;
	float: left;
	}

.contact-info-address {
	position: relative; 
	display: block; 
	top: 00px; 
	right: -98px ; 
	z-index: 1; 
	font-family: Geneva,Arial,Helvetica,sans-serif; 
	color: rgb(0, 0, 0); 
	width: 230px; 
	height: 70px; 
	line-height: 1.4;
	text-align: right;
	float: right;
}

.paypal-card-logos {
	position:relative; 
	display: inline; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #000000;
	font-weight:; 
	font-size: 9px;
	top: 0px; 
	left:; 
	right:; 
	z-index:1; 
	width: 431px; 
	height: 50px;
}

.dont-have-to-be-member {
	position:relative; 
	display: inline; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #000000;
	font-weight:; 
	font-size: 9px;
	top: -10px; 
	left: 440px; 
	right:; 
	z-index:1; 
	width: 431px; 
	height: 50px;
}
.paypal-view-cart {
	color:#000000;
	display: inline;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px; 
	height: 40px; 
	width: 100px; 
	top: 680px; 
	left: 600px;
	position: absolute; 
	padding: 0 0 0 0;
	z-index: 1; 
}





/* Fees & Products page CSS */

.sections {
	font-size:18px; 
	color:#900;
	font-weight:bold;
	text-decoration: underline;
}

.sub-sections { 
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

/*
.section-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#484848;
	line-height: 1.5;
}
*/





/* Links page */

.title {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:30px;
	font-weight:bold;
	font-style: italic;
	color: #0e3806;
	
}

.para {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
	color: #320f2a;
	
}


.headings {
	font-family: Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration: underline;
	color: #193057;
}

.subheadings {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
}




/* body.mceContentBody {
	line-height: 45px;	
}
what does this do?   */











/* Charity page */

#charity-ribbon-image {
	position: absolute;
	top: 340px;
	left: 480px;
	background: url('../images/charity_ribbon_2011_02_08.png') no-repeat;
	width: 130px;
	height: 203px;	
}