/*
Theme Name: OhYeah! Nutrition
Theme URI: http://ohyeahnutrition.com/
Description: A custom wordpress theme for OhYeah! Nutrition.
Author: Stephen Spann
Author URI: stephenspann@gmail.com
version: 1.0
Tags: custom
Mod: Bill Allen


*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #000;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .5px;
}

img {
	border: 0;
}

.white {
	color: #777;
}

#wrapper {
	margin: 0 auto -141px;
	padding: 0;
	background-image:url(images/bg_gradient.gif);
	width: 1200px;
}

h1 {
	color: #f89829;
	font-size: 16px;
}

a {
	color: #f89829;
	text-decoration: none;
}

a:hover {
	color: #f89829;
	text-decoration: underline;
}

/* header */

#navBar {
	width: 1200px;
	height: 150px;
	background-image:url(images/bg_main_nav.jpg);
	background-repeat: no-repeat;
}

#logo {
	margin-left: 100px;
	float: left;
}

/* top nav */

#mainNav {
	font-size: 21px;
	float: right;
	margin-top: 51px;
	margin-right: 98px;
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav li {
	display: inline;
	margin: 0;
	padding 0;
	float: left;
	/*border: 1px solid #000;*/
}

#mainNav div {
	height: 38px;
}

#mainNav .currentNav, #mainNav .topNav {
	padding: 7px 10px 0;
}




#mainNav .currentNav {
	background-image: url(images/bg_current_nav.gif);
	background-position: 0 4px;
	background-repeat: repeat-x;
}

#mainNav li a {
	/*letter-spacing: -0.5px;*/
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
}

#mainNav .navSeparator {
	width: 5px;
	height: 45px;
	background-image: url(images/nav_separator.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	
}

#mainNav .navSeparatorCurrentLeft {
	width: 5px;
	height: 45px;
	background-image: url(images/nav_separator_current_left.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	
}


#mainNav .navSeparatorCurrentRight {
	width: 5px;
	height: 45px;
	background-image: url(images/nav_separator_current_right.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	
}

#mainNav .knockout_htf30 {
	padding-top: 10px;
}

/* content */

#content {
	width: 976px;
	margin-left: 128px;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-y;
}

#leftColumn {
	width: 212px;
	float: left;
	/*padding-left: 5px;*/
	/*background-image:url(images/bg_content_left_shadow.jpg);
	background-position:right;
	background-repeat:repeat-y;*/
}

#rightColumn {
	width: 764px;
	/*background-color: #000;*/
	float: left;
	/*padding-right: 5px;*/
	/*background-image:url(images/bg_content_right_shadow.jpg);
	background-position:right;
	background-repeat:repeat-y;*/
}

.rightColumnCopy {
	padding: 20px;
	width: 719px;
}

.doubleHorizontalBorder {
	width: 759px;
	height: 0px;
	border-bottom: 1px solid #323232;
}

/* left sidebar */

#homepageNav {
	width: 212px;
	height: 350px;
	background-image:url(images/bg_sidenav.jpg);
}

#productNav {
	width: 212px;
	height: 357px;
	background-image:url(images/bg_sidenav.jpg);
}

#productNav ul, #homepageNav ul {
	margin: 0;
	padding: 0;
	font-size: 21px;
	list-style: none;
}

#homepageNav .homepageNavDescription {
	font-size: 14px;
}

.homepageNavContainer {
	/*padding-top: 12px;*/
	height: 69px;
	width: 207px;
	margin-left: 5px;
	border-bottom: 1px solid #323131;
}

.homepageNavContainer.current {
	background-image:url(images/bg_homepage_nav_current.jpg);
}

.homepageNavContainer.last {
	border-bottom: 0;
}

#productNav .selected, #productNav .unselected {
	width: 207px;
	height: 49px;
	margin-left: 5px;
	border-bottom: 1px solid #323131;
	padding-top: 8px;
}

#productNav .selected {
	background-image:url(images/bg_product_nav_selected.jpg);
}

#productNav .selected.last, #productNav .unselected.last {
	border: 0;
}

.leftColumnSpacer {
	height: 32px;
}

#leftColumn #connectPod {
	width: 171px;
	height: 75px;
	margin-left: 5px;
	background-color: #000;
	font-size: 12px;
	padding: 18px;
}

/* news page pod */
#leftColumn #recentPosts {
	width: 171px;
	margin-left: 5px;
	background-color: #000;
	font-size: 12px;
	padding: 18px;
	margin-bottom: 34px;
}

#connectPod h2 {
	color: #f89829;
	margin: 0;
	margin-bottom: 10px;
	text-transform:uppercase;
	
}

#connectPod img {
	margin-right: 6px;
}

#connectPod p {
	font-size: 11px;
	color: #777;
	margin: 0;
	margin-left: 4px;
	line-height: 11px;
}

#connectPod form {
	margin-top: 7px;
}

#connectPod input[type="text"] {
	background-color: #333;
	border: 0;
	color: #999;
}

/* homepage content */

.homepagePromo {
	position: absolute;
}
			

/* products content */

.categoryDescription {
	margin-left: 12px;
}

#categoryProducts {
	width: 764px;
	margin-left: 20px;
}

.productCell {
	width: 223px;
	height: 223px;
	background-image:url(images/bg_product_cell.jpg);
	float: left;
	margin-left: 12px;
	margin-bottom: 21px;
}

.productImage {
	width: 223px;
	height: 135px;
	text-align: center;
	margin-top: 20px;
}

.productInfo {
	padding: 20px;
	line-height: 16px;
	text-align: center;
}

.productCategory {
	font-size: 12px;
	color: #e88322;
	font-weight: bold;
}

.productTitle {
	font-size: 12px;
	color: #e88322;
	font-weight: bold;
	text-align: center;
}

.productInfo p {
	margin: 0;
	font-size: 11px;
	color: #777;
	line-height: 13px;
	margin-top: 2px;
}

#productDetailsBanner {
	width: 752px;
	height: 208px;
	background-image: url(images/bg_product_details.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 22px;
	padding-left: 7px;
}

#productDetailsBanner img {
	margin: 0 18px;
	float: left;
}

#productDetailsContent {
	width: 520px;
	height: 174px;
	float: left;
	margin-top: 37px;
	color: #fff;
}

#productDetailsContent h1 {
	font-size: 14px;
}

#productDetailsContent img {
	margin: 0;
}


.nutritionHeader {
	width: 325px;
	height: 75px;
	float: left;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding-left: 58px;
	padding-top: 40px;
}

.nutritionHeader h2 {
	font-size: 14px;
	margin: 0;
}

.ingredientsHeader {
	width: 280px;
	height: 75px;
	float: left;
	border-bottom: 1px solid #4d4d4d;
	padding: 40px 45px 0 50px;
}

.ingredientsHeader h2 {
	font-size: 14px;
	margin: 0;
}

.nutritionContent {
	width: 325px;
	float: left;
	border-right: 1px solid #4d4d4d;
	padding: 40px 0 40px 58px;
}

.ingredientsContent {
	width: 280px;
	float: left;
	padding: 40px 45px 40px 50px;
}


.nutritionContent tr td {
	border-top: 1px solid #4d4d4d;
}

/* testimonials page */

.testimonialsNav {
	width: 719px;
	text-align: center;
}

.testimonialsNav ul {
	list-style: none;
	padding: 0;
	margin: 12px auto;
	width: 150px;
}

.testimonialsNav li {
	display: inline;
	margin: 0;
	padding: 0;
}

.testimonialsNav img {
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

.testimonial {
	/*line-height: 24px;
	font-weight: bold;*/
	margin-bottom: 49px;
}

.testimonialAuthor {
	color: #f89829;
	font-weight: bold;
}

.testimonialAuthor a {
	text-decoration: none;
	color: #f89829;
}

/*.testimonialAuthor a:hover {
	color: #fff;
}*/

/* Good Grab page */


.page-id-23 #categoryProducts h1 {
	clear: both;
	margin-left: 11px;
	font-size: 18px;
	margin-bottom: 12px;
}

.page-id-23 .rightColumnCopy {
	padding: 20px 20px 5px;
}


/* footer */

#push {
	width: 966px;
	height: 141px;
	clear: both;
	display: block;
}

#footer {
	width: 966px;
	height: 110px;
	background-image:url(images/bg_footer.gif);
	background-repeat: no-repeat;
	margin: -141px auto 0 auto;
	padding: 31px 117px 0 117px;
	color: #999;
}

.home #footer {
	background-image:url(images/bg_home_footer.gif);
	background-repeat: no-repeat;
}

#footerContent {
	height: 108px;
	margin: 0 auto;
}

#footer h2 {
	margin: 0;
	margin-bottom: 10px;
}

#footerContent #connectPod {
	float: left;
	width: 181px;
	height: 75px;
	margin-left: 5px;
	font-size: 12px;
	padding: 17px;
}

#footerSpacer {
	width: 247px;
	float: left;
}

#footerTwitter {
	height: 90px;
	width: 318px;
	margin: 17px 20px 0;
	/*line-height: 18px;*/
	float: left;
}

#footerTwitter a {
	text-decoration: none;
	color: #f89829;
}

#footerTwitter a:hover {
	text-decoration: underline;
}

#footerTwitter p {
	display: none;
}

.footerSeparator {
	height: 108px;
	width: 2px;
	background-image:url(images/footer_separator.jpg);
	float: left;
}

#footerCopyright {
	height: 78px;
	width: 300px;
	margin: 30px 0 0 25px;
	float: left;
}

#footerCopyright img {
	margin-left: 9px;
}

#footerCopyright table {
	margin-bottom: 17px;
}

/* opt-in form response */
.thankyou {
	margin: 0;
	padding-top: 8px;
}

/* contact form */
#contactForm form, #contactForm table {
	margin: 0 auto;
}

#contactForm input[type="text"] {
	width: 353px;
	height: 14px;
	border: 0;
	padding: 5px;
	background-image:url(images/contact_bg.jpg);
	margin-bottom: 10px;
}

#contactForm textarea {
	width: 353px;
	height: 106px;
	padding: 5px;
	border: 0;
	background-image:url(images/contact_bg.jpg);
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}