/* Naked Truth Stylesheet
(c) 2009 - Cam Forbes & The Naked Truth... 
All Rights Reserved Worldwide so don't steal my shit... 
...but thanks for checking out my code. :) */

body {
	align:center;
	text-align: left;
	background: url(/images/bg1.jpg);
}

#wrapper {
	margin-top: -10px;
	margin-bottom: -10px;
	margin-right: auto;
	margin-left: auto;
	width: 810px;
}

#header {
	padding-top: -10px;
	background: url(/images/header.jpg) no-repeat center top;
	height: 207px;
	width: 810;
	text-align: left;
}
#optinpage {
	background: url(/images/nakedtruthoptin.jpg) no-repeat center top;
	height: 615px;
	width: 601px;
}
#optin {
	background: url(/images/nakedoptinbox.jpg) no-repeat center top;
	height: 198px;
	width: 245px;
	text-align: left;
	margin-top: 300px;
	margin-right: -15px;
	float: right;
	padding-top: 100px;
	padding-left: 50px;
}

ul#tabs{
	font-size: 75%;
	float: right;
	font-weight: bold;
	list-style: none;
	padding-bottom: 10px;
    margin-top: -36px;
    text-align: center;
    white-space: nowrap;
    }
ul#tabs li{
	display: inline;
	margin: 0 2px;
	}
ul#tabs a{
	text-decoration: none;
	padding: 0 0 6px;
    border-bottom: 4px solid #FFF;
    color: #800001;
    }
ul#tabs a#current{
	border-color: #F60;
	color: #06F;
	}
ul#tabs a:hover{
	border-color: #C20000;
	color: #C20000;
	}

#mainContent {
	color: #000;
	background-color: #fff;
	padding:15px;
	font-family: arial, helvetica, sans serif;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.greybox { /* apply this class to a paragraph to give it a grey box around it */
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.greylink a { 
	color: #555;
	text-decoration: none;
}

#mainContent blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */
	background-image: url(/images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: #FFF;
}
#mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */
	padding: 20px;
	background-color: #FEFCD8;
	font-family: arial, helvetica, sans serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(/images/coupon-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.offercouponoutline {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 4px dashed #CC0000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.offercoupon form {
	margin: 0px;
	padding: 0px;
}
#mainContent .offercoupon p {
	line-height: 22px;
}
.shadowbox { /* this styles the box that looks like the lower right corner is turned up */
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;

}
.sbcontent { /* shadow box content styles */
	padding: 15px;
	border: 1px solid #E2E2E2;
	background-color: #F3F3F3;
	background-image: url(/images/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sbshadow { /* div for page curl shadow below box */
	background-image: url(/images/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
}
ul.greencheck {
	line-height: 18px;
}
.greencheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(/images/greencheck.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.redstop {
	line-height: 18px;
}
.redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(/images/redx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.black-bullet {
	line-height: 18px;
}
.black-bullet li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(/images/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#mainContent .testimonial { /* styles for the testimonial table */
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #000;
	background-color: #FF6;
}
.testimonial img {
	padding-top: 15px;
}
#mainContent .roundbox { /* this is the opt-in email box with rounded corners */
	background-image: url(/images/round-box-fill.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .roundboxcontent p {
	line-height: 25px;
	margin-bottom: 0px;
}
.roundboxcontent {
	padding-right: 25px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: arial, helvetica, sans serif;
}
.roundboxcontent .input {
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
	color: #CC0000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
	background-color: #FFF;
}
.roundboxcontent .label {
	font-family: arial, helvetica, sans serif;
	font-size: 14px;
	text-align: center;
}
#mainContent .button {
 background-color: #900;
	font-family: arial, helvetica, sans serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	background-image: url(/images/form-btn-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #000;
	margin-top: 10px;
	cursor:pointer;
}
#mainContent .button:hover {
 background-color: #C00;
}
.roundboxcontent form {
	margin-bottom: 0px;
}
.roundboxbtm {
	background-image: url(/images/round-box-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 22px;
	margin:0px;
	padding:0px;
}
.roundboxtop {
	background-image: url(/images/round-box-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 22px;
}
#mainContent h1, #mainContenth2, #mainContent h3, #mainContent h4 {
 font-family: Arial, helvetica, sans serif;
}
#mainContent .postwrap a, #mainContent .postwrap a:link, #mainContent .postwrap a:visited, #mainContent .postwrap a:active {
	color: #03F;
	text-decoration: underline;
}
#mainContent h1 {
	font-size: 36px;
	line-height: 41px;
	margin-top:0px;
	padding-top:0px;
}
#mainContent h2 {
	font-size: 24px;
	line-height: 29px;
}
#mainContent h3 {
	font-size: 20px;
	line-height: 24px;
}
#mainContent h4 {
	font-size: 16px;
	line-height: 20px;
	font-weight:normal;
}

.yellow { /* this makes your text look like it is highlighted in yellow */
	background-color: #FFFF00;
	font-weight:bold;
}
.red {
	color: #CC0000;
}
.blue {
	color: #0000FF;
}
.green {
	color: #007d0f;
}
.center {
	text-align:center;
}
.lineout { /* crosses out text with a line */
	text-decoration: line-through;
}
.paper1btm {
	background-image: url(/images/paper1-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 40px;
	margin:0px;
	padding:0px;
}
.paper1top {
	background-image: url(/images/paper1-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 73px;
}

#mainContent .paper1 { 
	background-image: url(/images/paper1-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper1content p {
	line-height: 26px;
}
.paper1content {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	padding-right: 35px;
	padding-left: 35px;
}
.stickywrap {
}
.stickynote {
	background: url(/images/stickynote.jpg) no-repeat left top;
	padding: 38px 40px 35px 60px;
	height: 261px;
	width: 260px;
	font: 18px/22px "Courier New", Courier, monospace;
	text-align: center;
	float: left;
}
.paper2btm {
	background-image: url(/images/paper2-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 60px;
	margin:0px;
	padding:0px;
}
.paper2top {
	background-image: url(/images/paper2-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 44px;
}

#mainContent .paper2 { 
	background-image: url(/images/paper2-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper2content p {
	line-height: 26px;
}
.paper2content {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 45px;
	padding-left: 45px;
}
.paper3btm {
	background-image: url(/images/paper3-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 106px;
	margin:0px;
	padding:0px 45px 25px;
}
.paper3top {
	background-image: url(/images/paper3-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 106px;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 25px;
}

#mainContent .paper3 { /* this is the opt-in email box with rounded corners */
	background-image: url(/images/paper3-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#mainContent .paper3content p {
	line-height: 26px;
}
.paper3content {
	text-align: left;
	padding-right: 45px;
	padding-left: 45px;
}
#footer {
	background: url(/images/footer.jpg) no-repeat top;
	height: 125px;
	width: 810px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}
#footer p {
	color: #333;
	font-size: 60%;
	padding-top: 35px;
	margin: 0px;
}
#footer a, a:hover {
	color: #333;
	text-decoration: none;
}
.subhead {
	margin-top:-10px;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	color:#A10700;
}

.cb{
	width:85%;
	background: #fff;
	color:#999;
	border: 1px solid #999;
	text-transform: uppercase;
	margin: 15px auto;
	padding: 15px;
	font-size: 80%;
	}

#dc{
	width:85%;
	background: #fff;
	color:#999;
	border: 1px solid #999;
	text-transform: uppercase;
	margin: 15px auto;
	padding: 15px;
	font-size: 80%;
	}
#dc a, a:hover {
	color: #333;
	text-decoration: none;
}	
	
#BuyNow_Template {
	background-image: url(/images/buynow_repeater_template.jpg);
	background-repeat: repeat-y;
	width: 516px;
	margin-right: auto;
	margin-left: auto;
}
#BuyNow_Content {
	margin-right: 35px;
	margin-left: 35px;
	font-size: 14px;
}

#OrderNowTopFixed {
	position: fixed;
	height: 541px;
	width: 262px;
	top: 0px;
	right: 0px;
	margin-top: 15px;
}	

.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
	
/* The end. Now go away. */


/* seriously... there's nothing more to see. */