/* Style sheet. Created by ns-designs 2010 */



/*

Theme Name: Resveratrol

Description: Resveratrol theme for Wordpress.

Author: ns-designs

Version: 1.0

Tags: Resveratrol

*/



/* This stops the page from jumping to the left by adding a scrolly bar to every page */

html { 

   overflow-y: scroll;

}



/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;


	background: transparent;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	clear: both;

}

ol, ul {

	list-style: none;

}





/* And hide stuff around the site (if you want!)*/

.hidden {	

	display:none

	}



/* And set up a div class which clears things around the site */	

.clear {

	clear: both;

}



/* Start the global styles and typography */

body {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 82.5%;

	color: #666;

	text-align:center;

}



h1 {

	color: #2F6C99;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

	}

	

h2 {

	color: #2F6C99;

	font-size: 120%;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 10px;

	font-weight:bold;

	}



h2.entry-title a {

	color: #500;

}



h3 {

	}



h4 {

	}



p {

	margin-bottom: 20px;

	line-height: 150%;

	}



#main-column ul,

#main-column ol {

	margin-bottom: 15px;

	line-height: 150%;

	margin-left: 15px;

	}

	

#main-column ul li,

#main-column ol li {

	list-style:disc;

	margin-left: 15px;

	margin-bottom: 5px;

	}



#main-column ol li {

	list-style:decimal;

	}



#main-column ul li ul li {

	list-style:circle;

}



#main-column a {

	color: #2F6C99;

	font-weight:bold;

	text-decoration: none;

	border: none;

	}



#main-column a:hover {

	color:#143045;

	}

	

#embed-video {

	width: 580px;

	text-align:center;

	background: url(images/embed-video-bg.png) center no-repeat; 

	height: 313px;

	}

	

#embed-video-inner {

	margin: 0px auto;

	width: 480px;

	height: 295px;

	position:relative;

	top:5px;

	left: -3px;

	}

	

.entry-meta {

	line-height: 150%;

	color: #222;

	display:none;

	}

	

img.alignleft {

	float:left;

	margin-right: 8px;

	}



img.alignright {

	float:right;

	margin-left: 8px;

	}



.hr {

	background: url(http://www.transresveratrolsupplements.com/wp-content/uploads/2010/10/blog-divider.png) no-repeat center;

	height: 29px;

	width: 100%;

}



.hr hr {

display:none;

}



/* Center the page content */



#container {

	width: 936px;

	margin: 0px auto;

	text-align:left;

	}



/* And now the main layout areas */



#header {

	background: url(images/header-bg.jpg) no-repeat 10px -20px;

	height: 254px;

	width: 936px;

	}

	

#main-nav {

	width: 936px;

	height: 37px;

	position:relative;

	top: -110px;

	text-align:center;

	}

	

#page-top {

	background: url(images/page-top-bg.png) no-repeat bottom left;

	height: 38px;

	width: 936px;

	position:relative;

	top: -128px;

	position:relative;

	z-index: 5;

	}

	

#content {

	background: url(images/page-bg.png) repeat-y top left;

	width: 936px;

	position:relative;

	top: -128px;

	}



#content-inner {

	background: url(images/page-inner-bg.png) repeat-x bottom left;

	width: 900px;

	position:relative;

	left: 18px;

	}	



#footer {

	background: url(images/page-bottom-bg.png) no-repeat bottom left;

	height: 38px;

	width: 936px;

	position:relative;

	top: -128px;

	}

	

/* Header styles */



#head-pic-left {

	background: url(images/header-pic-left.png) no-repeat top left;

	height: 254px;

	width: 263px;

	float:left;

	position:relative;

	left: -120px;

}



#head-pic-right {

	background: url(images/header-pic-right.png) no-repeat top left;

	height: 184px;

	width: 171px;

	float:right;

	position:relative;

	left: 90px;

}



#header p#logo {

	background: url(images/logo.png) no-repeat top left;

	height: 116px;

	width: 523px;

	position:relative;

	left: 40px;

	top:30px;

	}





/* Main nav styles */	





#main-nav ul{

	position:relative;

	left: 125px;

	}



#main-nav ul li{

	background: url(images/tab.png) no-repeat top left;

	display:inline;

	float:left;

	width: 137px;

	height: 37px;

	text-align:center;

	}



#main-nav ul li.current_page_item{

	background: url(images/tab-active.png) no-repeat top left;

	position:relative;

	z-index: 10;

}



#main-nav ul li a {

	height: 30px;

	line-height:30px;

	width: 125px;

	display:block;

	position:relative;

	left: 6px;

	top: 6px;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #030;

	z-index: 15;

	}

	



.screen-reader-text {

	display:none;

	}



#nav-above {

	margin-bottom: 15px;

	}

	

/* Feature styles */

#feature {

	background: url(images/feature.jpg) no-repeat top left;

	width: 866px;

	height:288px;

	position:relative;

	left: 21px;

	top: -5px;

	z-index: 15;

	}

	

p.green-button {

	background: url(images/green-button.png) no-repeat top left;

	width: 194px;

	height: 33px;

	text-align:center;

	float:right;

	position:relative;

	left: -100px;

	top: -25px;

	margin-bottom: 0px;

	z-index: 20;

	}	



p.green-button a{

	width: 164px;

	height: 25px;

	line-height: 25px;

	display:block;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	font-size: 14px;

	font-weight:bold;

	color: #030;

	}



/* Sidebar */

#side-bar {

	width: 241px;

	float:right;

	position:relative;

	left: -11px;

	}

	

#side-bar ul li img {

	margin-bottom: 10px;

	}

	

#primary h3.widget-title {

	color: #2F6C99;

	font-size: 120%;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 10px;

	font-weight:bold;

	}



#primary li#linkcat-3 ul {

	width: 225px;

	}

	

#primary li#linkcat-3 ul li {

	background: url(images/side-bar-bullet.png) no-repeat center left;

	line-height: 200%;

	}



#primary li#linkcat-3 ul li a{

	width: 205px;

	position:relative;

	left: 25px;

	color: #300;

	text-decoration:none;

	font-weight: bold;

	}

	

#primary li#linkcat-3 ul li a:hover {

	color: #AA1C1C;

}

	

	

/* Main content column */

#main-column {

	width: 580px;

	float:left;

	position:relative;

	left: 21px;

	}

	

p span.video-steps {

	background: url(images/step1.png) no-repeat top left;

	width: 180px;

	height: 50px;

	display:block;

	}



p span.video-steps span{

	width: 80px;

	height: 50px;

	line-height:50px;

	display:block;

	position:relative;

	left: 85px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 120%;

	color: #500;

	font-weight:bold;

	text-shadow: #666 2px 2px 2px;

	}



.form-box {

	margin: 30px 0px;

	width: 580px;

	float:left;

	}

p span.wpcf7-form-control-wrap input {

	background: url(images/input-bg.png) repeat-x top left;

	width: 300px;

	height: 30px;

	float:right;

	font-size: 110%;

	border-bottom: 1px solid #DDD;

	border-left: 1px solid #C3C3C3;

	border-right: 1px solid #C3C3C3;

	border-top: 1px solid #999;

	position:relative;

	right: 70px;

}

.form-box table {
	line-height: 30px;
	}

.form-box table input {

	background: url(images/input-bg.png) repeat-x top left;

	width: 300px;

	height: 30px;

	float:right;

	font-size: 110%;

	border-bottom: 1px solid #DDD;

	border-left: 1px solid #C3C3C3;

	border-right: 1px solid #C3C3C3;

	border-top: 1px solid #999;

	position:relative;

	left: 50px;
	margin: 10px 0px;

}


.form-box table input:focus,
p span.wpcf7-form-control-wrap input:focus,

p span.wpcf7-form-control-wrap textarea:focus {

	background: url(images/input-bg-on.png) repeat-x top left;

	}





p span.wpcf7-form-control-wrap textarea {

	background: url(images/input-bg.png) repeat-x top left;

	width: 296px;

	height: 90px;

	float:right;

	font-size: 110%;

	border-bottom: 1px solid #DDD;

	border-left: 1px solid #C3C3C3;

	border-right: 1px solid #C3C3C3;

	border-top: 1px solid #999;

	position:relative;

	right: 70px;

	}

.form-box table input.submit {
	width: 190px;

	height: 38px;

	background: url(images/submit-btn-bg.png) no-repeat top left;

	text-align:center;

	line-height: 38px;

	border:none;

	font-weight: bold;

	color: #fff;

	position:relative;
	left: -65px;
	margin: 10px 0px;
	}

p input.wpcf7-submit {

	width: 190px;

	height: 38px;

	background: url(images/submit-btn-bg.png) no-repeat top left;

	text-align:center;

	line-height: 38px;

	border:none;

	font-weight: bold;

	color: #fff;

	position:relative;

	left: 200px;

	margin: 10px 0px;

	}

	
.form-box table input.submit:hover,
p input.wpcf7-submit:hover {

	color: #F99;

	cursor:pointer;

	}

	



.wpcf7-response-output {

	clear:both;

	}



.nav-previous,

.nav-next {

	display:none;

	}

	

#main-column h2.entry-title a {

	color: #500;

}



#main-column h2.entry-title {

		margin: 30px 0px;

		}



	

/* Footer styles */



#footer p {

	font-size: 11px;

	font-family:Arial, Helvetica, sans-serif;

	position:relative;

	top: 40px;

	}

	

#footer p a {

	color: #222;

	text-decoration:none;

	}



#footer p.left {

	width: 400px;

	float: left;

	position:relative;

	left: 40px;

	} 

	

#footer p.right {

	width: 400px;

	float: right;

	text-align: right;

	position:relative;

	right: 40px;

	}