/*
Theme Name: PROTEIN BLITZ
*/


h2{
	margin: 0;
}

.navigation{
	width: 100%;
}

.navigation a{
	color: #000000; 
	text-decoration: none;
}
.navigation a:hover{
	color: #000000; 
	text-decoration: underline;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}
.clear{
	clear: both;
}

#SiteBody{
	width: 1010px;
	margin: 0 auto;
}

/***********************************************************************************************
HEADER CSS
************************************************************************************************/

@charset "utf-8";

body		{ color: #000000; margin: 0; padding: 0;  }



/* Layout elements ************************************************************************************/







body#proteinBlitz		{ background-image: url(images/background_proteinblitz.jpg);  background-repeat: repeat-x;}


body, body.home	{ background-position: top left; background-repeat: repeat-x; } /*if we left align padding-left: 23px;*/ 



#wrapper			{ width: 980px; margin: 0 auto; }
body.home #wrapper	{ width: 980px; margin: 0 auto; }

	#header 	{ position: relative; width: 980px; height: 120px; }
		#logos	{  }
		#socialNav { color: #fff; position: absolute; right: 0px; display: block; top: 0px; margin:0; padding:0 0 0 10px; font-weight: bold; font-size: 85%; float:left; background: url(http://beta.proteinblitz.com/images/socialnav_left.gif) no-repeat left bottom; }
			body#proteinWater #socialNav, body#isolaColaCompany #socialNav{ color: #fff; background: url(proteinblitz.com/images/socialnav_left_alt.gif) no-repeat left bottom; }
		#socialNav span { float: left; display: block; padding: 3px 14px 3px 5px; background: url(http://beta.proteinblitz.com/images/socialnav_right.gif) no-repeat right bottom; }
			body#proteinWater #socialNav span, body#isolaColaCompany #socialNav span	{ background: url(http://beta.proteinblitz.com/images/socialnav_right_alt.gif) no-repeat right bottom; }
		#socialNav span ul { display: inline; margin: 0 8px 0 0; }
		#socialNav span ul li { display: inline; font-size: 85%; font-weight: bold; }
		#socialNav span ul li a { color: #fff; }
			body#proteinWater #socialNav span ul li a, body#isolaColaCompany #socialNav span ul li a { color: #fff; }
		#socialNav span img { margin: 0 3px -3px 8px; }
		#socialNav span a {text-decoration: none; }
		#socialNav span a:hover {text-decoration: none; }
		#socialNav span a.socialLinkContact { color: #000; }
			body#proteinWater #socialNav span a.socialLinkContact, body#isolaColaCompany #socialNav span a.socialLinkContact { color: #fff; }
		
		#brandSelector	{ position: absolute; top: 89px; left: 0px; }
		#brandSelector p{ font-size: 77%; }
		#brandSelector form	{ margin-top: -3px;}
		#brandSelector form	select { width: 240px; margin: 0; border: solid #999 1px; display: block; margin-top: 5px; background-color: #ccc; color: #000; font-size: 85%; }
		#brandSelector form	select input {  margin: 0;  background-color:red;}

	/*Main Navigation*/		
		ul#mainNav 			{ float: left; position: absolute; left: 250px; top: 45px; height: 36px; overflow:hidden; }/*was 44px but shifted down for safari/chrome. same with height and overflow*/
		ul#mainNav li		{ float: left; border-right: solid black 2px; }
		ul#mainNav li#right	{ border-right-width: 0px; }
		ul#mainNav li a		{ display: block; padding: 12px 15px 10px 15px; background-position: top left; background-repeat: repeat-x; font-size: 12px; font-weight: bold; color: #666; text-decoration: none; }
		/*Section Based. Default Tabs Text Color, Image*/
			body#proteinBlitz ul#mainNav li a	{ background-image: url(http://beta.proteinblitz.com/images/mainnav_back_proteinblitz.gif); color: #ccc; }
		ul#mainNav li#left a	{ background-position: top left; background-repeat: repeat-x; padding-left: 20px; }
		/*Section Based. Default Left Tabs Text Color, Image*/
			body#proteinBlitz ul#mainNav li#left a		{ background-image: url(http://beta.proteinblitz.com/images/mainnav_left_proteinblitz.gif); color: #ccc; }
		ul#mainNav li#right a	{ background-position: top right; background-repeat: repeat-x; }
		/*Section Based. Default Right Tabs Text Color, Image*/
			body#proteinBlitz ul#mainNav li#right a		{ background-image: url(http://beta.proteinblitz.com/images/mainnav_right_proteinblitz.gif); color: #ccc; }
		ul#mainNav li a:hover		{ background-position: bottom left; color: red; }
		ul#mainNav li#left a:hover	{ background-position: bottom left; color: #333; }
		ul#mainNav li#right a:hover	{ background-position: bottom right; color: #333; }
		/*Section Based. Default Tabs Text Color on Hover; Normal, Left, Right*/
			body#proteinBlitz ul#mainNav li a:hover, body#proteinBlitz ul#mainNav li#left a:hover, body#proteinBlitz ul#mainNav li#right a:hover	{ color: #fff; }
		ul#mainNav li.selected a, ul#mainNav li#right.selected a	{ background-position: bottom right; color: #333;  }
		ul#mainNav li#left.selected a								{ background-position: bottom left; color: #333;  }
		/*Section Based. Selected Tabs Text Color on Hover; Normal, Left, Right*/
			body#proteinBlitz ul#mainNav li.selected a:hover, body#proteinBlitz ul#mainNav li#left.selected a:hover, body#proteinBlitz ul#mainNav li#right.selected a:hover	{ color: #fff; }
		/*Section Based. Selected Tab Text Color; Normal, Left, Right*/			
			body#proteinBlitz ul#mainNav li.selected a, body#proteinBlitz ul#mainNav li#left.selected a, body#proteinBlitz ul#mainNav li#right.selected a				{ color: #fff; }
		#subNav { position: absolute; left: 264px; top: 91px; }
		#subNav span a.subNavMainLinkDD, #subNav span a.subNavMainLink	{ padding: 4px 6px 4px 6px; background-position:center left; background-repeat: repeat-x; text-decoration: none; font-weight: bold; color: #333; }
		/*Section Based. onHover and "selected" background image*/
			body#proteinBlitz #subNav span a.subNavMainLinkDD, body#proteinBlitz #subNav span a.subNavMainLink	{ background-image: url(http://beta.proteinblitz.com/images/subnav_tabmiddle_proteinblitz.gif); color: #fff; }
		#subNav span a:hover.subNavMainLinkDD, #subNav span a:hover.subNavMainLink	{ background-position: center right; }
		#subNav span a.selected { background-image: url(http://beta.proteinblitz.com/images/subnav_tabmiddle_proteinblitz.gif); color: #fff;padding: 4px 6px 4px 6px;background-repeat: repeat-x; text-decoration: none; font-weight: bold;background-position: center right; }
		/*See anylinkcssmenu.css for drop down styles*/
		

	/*HOME STYLES*/
		#homeContainer { width: 1024px; margin: 0 auto 0 auto; padding: 0px 0 0 0; color: #000;  }
			body#proteinBlitz #homeContainer #productLines 		{ background-image: url(http://beta.proteinblitz.com/images/home_leftproduct_slogan_proteinblitz.gif); }

		
	/*INTERIOR STYLES*/
		#mainContainer	{ float: left; display: inline; width: 980px; padding: 22px 0px; }
		

	 
	#footer { background-color: #000; text-align: center; padding: 5px 0 5px 45px; color: white; font-weight: normal; }/*45px is te center on middle column*/
	body #footer a { color: #ccc; text-decoration: none; }
	#footer a:hover { color: white; text-decoration: underline; }
	#legal  { text-align: center; padding: 5px 0 5px 30px; color: #999; font-size: 77%; }


/*Interior Page Styles*/
#content h1 { border-bottom: solid #000 1px; padding-bottom: 3px; margin-bottom: 10px; text-transform: capitalize; }
	body#designer #content h1			{ border-bottom-color: #000000; } /*was originally 669933*/
	body#designerWhey #content h1		{ border-bottom-color: #6699cc; }
	body#proteinWater #content h1		{ border-bottom-color: #ff6633; }
	body#theBiggestLoser #content h1	{ border-bottom-color: #006699; }
	body#proteinBlitz #content h1		{ border-bottom-color: #333333; }
	body#isolaColaCompany #content h1	{ border-bottom-color: #cc9933; }
	body#ariaProtein #content h1		{ border-bottom-color: #333399; }
#content h2	{ font-size: 108%; font-weight: bold; color: #333; }
	body#designer #content h2			{ color: #669933;  }
#content h3	{ font-size: 100%; font-weight: bold; color: #333; }
#poundSigns	{ margin: 10px auto; text-align: center; }
.indentBlock	{ margin-left: 15px; margin-bottom: 15px; }
.indentText		{ text-indent: 15px; }

/*CALLOUTS*********************/
.callOut	{ margin: 10px 15px; padding: 5px 8px; }
body#designer .callOut { border-bottom: solid #77b800 1px; background-color: #ebffc2; border-top: solid #77b800 1px; }



/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1		{ color: #333333; font-weight: bold; font-size: 108%; }
h2		{ margin-bottom: 10px; }
	body#designer h2 		{ color: #669933; }
	/*body#designerWhey h3 	{ color: #6699cc; }
	body#proteinWater h3 	{ color: #ff6633; }
	body#theBiggestLoser h3	{ color: #006699; }
	body#proteinBlitz h3 	{ color: #660066; }
	body#isolaColaCompany h3{ color: #cc9933; }
	body#ariaProtein h3 	{ color: #333399; }*/
h3		{ }
h4		{  }
h6		{  }
p		{ margin: 0px 0px 10px 0px; }

h1.headline							{ padding-bottom: 3px; margin-bottom: 5px; }
body#designer h1.headline 			{ border-bottom: solid #006699 1px; }
body#designerWhey h1.headline 		{ border-bottom: solid #006699 1px; }
body#proteinWater h1.headline 		{ border-bottom: solid #006699 1px; }
body#theBiggestLoser h1.headline	{ border-bottom: solid #006699 1px; }
body#proteinBlitz h1.headline 		{ border-bottom: solid #006699 1px; }
body#isolaColaCompany h1.headline	{ border-bottom: solid #006699 1px; }
body#ariaProtein h1.headline 		{ border-bottom: solid #006699 1px; }


strong	{ font-weight: bold; }
em		{  }

dl	{  }
	dt	{  }
	dd	{  }

ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }
/*INTERIOR STYLES*/
		#mainContainer	{  width: 1024px; }
		#leftColumn{
			float: left;
			width:233px;
		margin-top: 15px;
		}
		#rightColumn{
		float: left;
		width: 790px;
		}

#Banner{
	width: 759px;
	height: 103px;
	background-image: url('images/Banner.jpg');

}
 #Banner a{
	width: 759px;
	height: 103px;
	display: block;
 }

/***********************************************************************************************
FEATURED BLOGGERS CSS
************************************************************************************************/


#FeaturedBloggers{
	width: 233px;
}

#FeaturedBloggers a{
color: #ff9900;
text-decoration: none;
}

#FeaturedBloggersTitleBox{
	width: 233px;
	height: 63px;
	background-image: url('images/FeaturedBloggersTitle.jpg');
	background-repeat: no-repeat;
}



#RickHagen{
	width: 233px;
	height: 184px;
	background-image: url('images/RickHagen.jpg');
	background-repeat: no-repeat;
}

#JamesEllis{
	width: 233px;
	height: 193px;
	background-image: url('images/JamesEllis.jpg');
	background-repeat: no-repeat;
}

#AlOnuthin{
	width: 233px;
	height: 181px;
	background-image: url('images/AlOnuthin.jpg');
	background-repeat: no-repeat;
}



#RichardLujan{
	width: 233px;
	height: 184px;
	background-image: url('images/RichardLujan.jpg');
	background-repeat: no-repeat;
}

#ZachHarr{
	width: 233px;
	height: 176px;
	background-image: url('images/ZachHarr.jpg');
	background-repeat: no-repeat;
}






#AlOnuthin a{
	width: 215px;
	height: 191px;
	display: block;
}


#RichardLujan a{
	width: 215px;
	height: 185px;
	display: block;
}

#ZachHarr a{
	width: 215px;
	height: 181px;
	display: block;
}

#JamesEllis a{
	width: 214px;
	height: 184px;
	display: block;
}

#RickHagen a{
	width: 215px;
	height: 185px;
	display: block;
}






/***********************************************************************************************
MAIN CONTENT CSS
************************************************************************************************/

#BlogContent{
	width:575px;
	margin-top: 20px;
	float: left;
}

.BlogHeader{
	width:575px;
	height: 22px;
	background-image: url('images/TitleBackground.jpg');
	color: #ffffff;	
	margin-bottom:5px;
}

.BlogHeader a{
	color: #ffffff;
	text-decoration: none;
}
.BlogHeader a:hover{
	color: #EA7E1C;
	text-decoration: none;
}


.BlogTitle{
	float: left;
	width: 80%;
	margin-top:4px;
	margin-left: 12px;
	text-transform: uppercase;
}

.BlogTitle h2{
	margin: 0;
	font-size: .9em;
}


.BlogTitle a{
	color: #ffffff;
	text-decoration: none;
}

.BlogDate{
	float: right;
	width: 15%;
	text-align: right;
	margin-top:4px;
	margin-right: 12px;
	font-size: .9em;
	text-transform: lowercase;

}

.entry{
	margin-right: 12px;	margin-left: 12px;
	font-size: .9em;
line-height: 1.4;
	text-align: justify;
}

.entry img{
	margin: 5px;
}

.entry p{
	margin-bottom: 10px;
}

.PostLinks{
	width:555px;
	text-align: right;
	font-size:1.0em;
	font-weight: bold;
}

.entry a, .commentlist a{
	 color: #EA7E1C;
	 text-decoration: none;
}
.entry a img{
	border: none;
}
.PostLinks a:hover,.entry a:hover,.commentlist a:hover{
	 color: #000000;
	 text-decoration: underline;
}


#comments {
 font-size: .9em;
}

.CommentTitle{
	width: 464px;
 	padding: 2px;
 	background: #000000;
 	color: #ffffff;
 	font-size: 1em;
}
.commentlist{
	width: 468px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist small{
	font-size: 1em;
}
.commentlist li{
	padding: 3px;
	font-size: 1em;
}

.alt{
	background: #eae9e8;
}


/***********************************************************************************************
SIDEBAR CSS
************************************************************************************************/

#SearchContainer{
	margin-bottom: 10px;
}



#SearchField{
	width: 111px;
	height:39px;
	float: left;
	background-image: url('images/SearchBox.jpg');
	text-align: left;
}

#search{
	margin-top:14px;
	margin-left:5px;
	width: 100px;
	border: 0;
}
#SideBarSearch{
	width: 58px;
	height:39px;
	float: left;
	background-image: url('images/SearchButton.jpg');
	border: 0;
}

#Sidebar{
	width: 196px;
	margin-left: 10px;
	float: left;
}

#SearchTitleBox{
	width: 176px;
	height: 44px;
	background-image: url('images/SearchTitleBox.jpg');
}


#AuthorTitleBox{
	width: 181px;
	height: 51px;
	background-image: url('images/AuthorsTitle.jpg');
}

#AuthorList{
	font-size: .9em;
	margin-left:10px;
	margin-bottom: 10px;
	letter-spacing: .5px;
}


#Share{
	margin-left:20px;

}

#AuthorList li{
	list-style: none;
	width: 155px;
	border-bottom: 1px solid #aba8a8;
}

#TagsTitleBox{
	width: 181px;
	height: 45px;
	background-image: url('images/TagsTitle.jpg');
}

#TagCloud{
	margin-left:10px;
}

#TagCloud a, #AuthorList a{
	color: #000000;
	text-decoration: none;
}



#TagCloud a:hover, #AuthorList a:hover{
	color: #EA7E1C;
	text-decoration: underline;
}