/*
Theme Name: creatinemonohydrate
Theme URI: http://www.creatinemonohydrate.net
Description: Creatine information
Version: 0.1
Author: Chia Tan
Author URI: http://www.creatinemonohydrate.net
Tags: creatine
Template: whiteboard
*/

@import url('../thematic/style.css');
@import url('../thematic/library/styles/reset.css');
@import url('../thematic/library/styles/typography.css');
@import url('../thematic/library/styles/sitemeta.css');
@import url('../thematic/library/layouts/2c-r-fixed.css');


body {
    font-family: Verdana, Arial, sans-serif;
    background: #E0EDF3;
   	}
    
/* Guide Page */

#guide-wrapper {
	width: 800px;
	margin: 0 auto;
}

#guide-header {
	font-size: 25px;
	padding-top: 20px;
	height: 100px;
	}

#guidetitle {
	background: url(images/nsnpublishing.gif) no-repeat top;
	position: relative;
	left: -79px;
	top: -20px;
	width: 300px;
	height: 157px;
}

#guidetitle h1 {
	position: relative;
	top:20px;
	right:-530px;
	font: bold 70px Arial, Helvetica, Geneva, sans-serif;

	}

#guidetitle p {
	font: bold 30px/120% "Trebuchet MS";
	position: relative;
	right: -648px;
	top: 20px;
	
}

#guideaccess {
	position: relative;
	top: 0px;
	right: -220px;
	padding: 10px;
	width: 580px;
}


#guidenav ul {
}

#guidenav li {
	font-size: 13px;
	border-bottom: 1px solid #e0e0e0;
	display: inline;
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	font-weight: bold;
}


#guidenav li a {
	display: inline;
	margin: 0px;
	padding: 30px 10px 10px 10px;
	list-style: none;
	text-decoration: none;
	color: #094a85;
}
	
	html>body #guidenav li a {
		width: auto;
		}


#guidenav li a:hover{
	display: inline;
	color: #ff4000;
}

#current, #current a{
border-bottom: 3px solid #ff4000;
padding: 10px 0;
color: #ff4000;
}

#guidebody {
	background: white;
	height: 100%;
}

#guide-main {
	display: block;
	width: 800px;
	margin: 100px auto;
}

#guide-side {
	display: block;				color: #00264d;
	float: left;
	margin: 65px 0;
	width: 220px;
	text-align: left; 
	padding: 20px;
	font-family: Verdana, sans-serif;

}

#guide-side .guidesales {
	padding: 20px 0 20px 0;
        font: bold 18px/24px Georgia, "Times New Roman", Times, serif;
	color: #131313;
	text-align: center;
}

#guide-side  h2{
	color:#ff4000;
	margin-bottom: 5px;
	font: 18px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	}

#guide-side  h3{
	color: #094a85;
	margin-bottom: 5px;
	font: 18px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#guide-side .sample p{
		font-family: Verdana, sans-serif;
		color: #00264d;
	line-height: 20px;
	padding: 0;
}

#guide-side .side-testimonial {
	background: transparent url(images/openquote-s.gif) no-repeat scroll left top;
	padding:6px 10px 0px 20px;
}

#guide-content {
	display: block;
	float: right;
	width: 523px;
	background: #fff;
}

#guide-content .entry-title {
	line-height: 1.2em;
	font-size: 25px;
	margin: 20px 0px ;
}

#guide-content .entry-content {
    margin: 20px 0 0 0;
    overflow:hidden;
    font-size: 13px;
    line-height: 1.538em;
    color: #00264d;
	width: 523px;
	padding: 0px 0px 0 0px;
}



#guide-content .entry-content h2 {
    font: normal 24px/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 0;
    margin:1.125em 0 0.375em 0;
    padding:0;
    color: #e7681b;
}


#guide-content .entry-content h3 {
    font: normal 18px/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform:none;
    letter-spacing:0;
    margin: 1.5em 0 0.5em 0;
    padding:0 0 0 1px;
    color: #225E8A;
}

#guide-content .entry-content h4 {
    font: normal 16px/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform:none;
    letter-spacing:0px;
    padding:0;
    margin:0em 0 1em 0 ;
}

#guide-content .entry-content h5 {
    font: normal 16px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform:none;
    letter-spacing:0px;
    color: #c50000;
    padding: 12px 0 10px 0;
}

#guide-content .entry-content h6 {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0px;
} 

#guide-content .entry-content dt {
	font-size: 13px;
    font-weight:bold;
margin:0;
}


#guide-content .entry-content dd {
    margin:0 0 20px 0;
    line-height: 20px;
}


#guide-content ol  {
	list-style-type: decimal;
	margin: 20px 0 0px 0px;
	color: #00264d;
}


.largenumbers li{
	margin: 0 0 20px 0px;
	font: 13px/20px Verdana, sans-serif;
	color: #00264d;
	list-style-type: none;
}

.largenumbers li p{
	margin: 0 0 10px 0px;
	font: 13px/20px Verdana, sans-serif;
	color: #00264d;
	list-style-type: none;
}


#olnumbers {
	display: block;
	float: left;
	color: #505050;
	padding: 0 10px 0px 0;
	margin: -1px 0 -10px 0;
	font: bold 36px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#guide-content ul li {
	list-style-type: disc;
}

#guide-content  blockquote {
background:transparent url(images/openquote.gif) no-repeat scroll left top;
    padding: 8px 0px 0px 40px;
    margin: 0 0 13px 30px;
	font: 13px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#guide-content blockquote em, blockquote i {
    font-style:normal;
}

#guide-content #cite, blockquote cite, cite {
	    color: #555857;
	    text-align: right;
	    margin: 0px 0px 40px 0px;
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#guide-footer {
	text-align: center;
	position: relative;
	bottom: 0px;
	height: 100px;
	font-size: 10px;
	color: #454545;
	padding: 20px 0;

}

#paypal {
	text-align: center;
	padding: 15px 0 20px 0;
}

/* End Guide Sales Page */