/*
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

*/

/*Global Elements */

body {
    font-family: Verdana, Arial, sans-serif;
	text-align: left;
	line-height: 1.67em;
	color: #00152c;

}
    
#wrapper {
    border-top:1px solid #434343;
    margin: 0 auto;
}

a:link {
    color: #0b5290;
	text-decoration: underline;
}

a:hover {
    color: #e75300;
    text-decoration: underline;
}
a:visited {
	color: #0075c6;
	text-decoration: underline;
}


blockquote {
    background:transparent url(images/openquote.gif) no-repeat scroll left top;
    font-style:italic;
    font-size:12px;
    padding: 6px 0px 0px 40px;
}

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

#cite, blockquote cite, cite {
	    color: #555857;
	    text-align: right;
	    margin: 0px 50px 50px 0px;
	    font-style: normal;
}

input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}

hr {
color:#cfdbe1;
background-color:#cfdbe1;
height:2px;
border:none,
}

/* Overwrite Blueprint CSS */
p           { margin: 0 0 1.67em; }
p img.left  { float: left; margin: 1.67em 1.67em 1.67em 0; padding: 0; }
p img.right { float: right; margin: 1.67em 0 1.67em 1.67em; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #d84200;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h6 {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0px;
} 

/* Scale up to lineheight of 20px (1.67em) */
h1 { font-size: 3em; line-height: 1.113; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1.67 ; margin-bottom: 0.835em ; }
h3 { font-size: 1.5em; line-height: 1.113; margin-top: 1.67em; margin-bottom: 0.557em; }
h4 { font-size: 1.2em; line-height:1.39; margin-top: 1.044em; margin-bottom: 0.348em; }
h5 { font-size: 1em; font-weight: bold; margin-top: 1.25em; margin-bottom: 0.42em; }
h6 { font-size: 1em; font-weight: bold; }


.container {
	padding-left: 10px;
}

li ul, li ol { margin:0 1.67em; }
ol li { margin:0 1.67em 1.25em 1.67em; }
ul, ol      { margin: 0 1.67em 1.67em 1.67em; }

/*Header*/

#header {
   background:url('images/headerbg.gif') repeat-x;
   height: 176px;
   margin: 0 auto;
}

#branding {
	margin: 0 auto;
	}

#blog-title {
    font-size:36px;
    line-height:54px;
    font-weight:bold;
    letter-spacing:-1px;
    padding:0;
    border-bottom:0px solid #242A30;
    text-indent: -9000px;
    overflow: hidden;
    }
    
#blog-title a {
    color:#fff;
    text-indent: -9000px;
    text-decoration:none;
    background: url('images/title.gif') no-repeat top left scroll;
    display: block;
    padding:99px 0 0 0;
    overflow: hidden;
	 }

#blog-description {
    text-indent: -9000px;
    background: none;
    font-style:italic;
    padding:8px 0 63px 0;
    color:#fff;
    overflow: hidden;
}

#creatineblog {
	display: block;
	position: absolute;
	top: -1px;
	right: 0px;
	z-index: 10;
}

/* Menu */

#access {
    background:url('images/nav.gif') repeat-x;
    border-top:1px solid #434343;
    height: 35px;
    letter-spacing: 0.5px;
    list-style-type: none;
    list-style-image: none;
    position: absolute;
    top: 140px;
    width: 100%;
    overflow: visible;
    margin-top: -0px;
	font: normal 13px/1.2 "Lucida Grande", Lucida, Verdana, sans-serif;
}
.skip-link {
    display:none;
}

#menu {
	margin: 0 auto;
	text-align: center;
   	overflow:hidden; /* clears the inner float  */
}

#menu ul {
    margin:0;
    list-style:none;
    clear:both;
}
#menu ul ul {
    display:none;
}
#menu li {
    display:inline; /* prevents stepdown in IE6 */
}
#menu a {
    display:block;
    float:left;
    margin:0 8px 0 0;
    padding:8px 8px;
    background:url('images/nav.gif') repeat-x;    
    color:#fff;
    border-top:0px solid #363d44;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#menu a:hover, #menu .active_category {
    background:url('images/nav.gif') repeat-x;  
    color: #1AA1FF;
}

#menu a:focus {
    background:url('images/nav.gif') repeat-x;    
    color: #2073ee;
}

#menu #current a {  
  background:url('images/nav.gif') repeat-x;  
    color: #1AA1FF;}

#subscribe {
	position: absolute;
    right:25px;
    top: 100px;
	margin:0;
    list-style:none;
    display: inline;
    clear:both;
    float: right;
    font: normal 13px/1.2 "Lucida Grande", Lucida, Verdana, sans-serif;
}

#subscribe p {
		display: inline; 
}
  
#subscribe li{
	color: #fff;
	display: inline;
	padding: 0px 5px;
	margin: 0;
}
	
#subscribe img{
	vertical-align: middle;
}


/*Home Page Feature content */
 
#book {
	background-color: #f2eeec;	
	margin: 0 auto;
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #e6e4e2;
	border-top: 1px solid ##e6e4e2;
}

#featured-content {
    background: #f9f9f9;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom:  1px solid #fff;
}

#featured-content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left:0px;
}

#featured-content a {
	color: #0b5290;
	text-decoration: none;
}

#featured-content h4 a {
	color: #da4d00;
}


#featured-content a:hover{
	text-decoration: underline;
	color:  #e75300;
}

#featured-content a:visited, {
	color:  #0075c6;
	text-decoration: none;
}

.highlights {
	border-bottom: 1px solid #ffe785;
	padding: 10px 0;
	border-color: #ced1d1;
}
.highlights img {
	vertical-align: middle;
	padding-right: 10px;
}

/* Content */
#main {
    width: 100%;
    margin:0 auto;
    position:relative;
    padding: 0;
}

#home-content {
	padding: 20px 0;
    background: #fff url(images/side.gif) repeat-y 68.5%;
}
  
#content {
	padding: 0px 0px 0 0;
    background: #fff url(images/side.gif) repeat-y 68.5% top;
}

#post-title { margin-bottom: 0px; background:#f9f9f9;
		padding: 20px 0;
		border-bottom: 1px solid #f1f1f1;
	font: bold 2.5em/1.336 "Lucida Grande", Lucida, Verdana, sans-serif;
}

.post-text {
	padding: 20px 0;	
margin-bottom:20px;
	min-height: 1200px;
	height:auto !important;
}

 

/* for Internet Explorer */
/*\*/

* html .container {
height: 800px;
}
/**/


.page-title {
    font-size:14px;
    font-weight:bold;
    padding:18px 0;
}
.page-title span {
    font:italic 12px;
}

.entry-title {
    padding:7px 0 0px 2px;
	color: #30393d;
	font: bold 2.6em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.entry-title a {
    text-decoration:none;
	color:#30393D;
}
.entry-meta, .entry-meta a {
    font-size:11px;
    color:#787878;
}

.entry-meta a:hover {
}
.entry-meta .author, .entry-meta abbr  {
	display: none;
}
.entry-meta .meta-sep {
	display: none;
}



dt, dt a {
    font-size: 15px;
    font-weight:normal;
    margin: 15px 0 5px 0;
	text-decoration: none;
}

dt a:hover{
    font-size: 15px;
    font-weight:normal;
    margin-bottom: 5px;
	text-decoration: underline;
}

dd {
    margin:0 0 25px 0;
    line-height: 140%;
}
.entry-content abbr, .entry-content acronym, .entry-content .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.entry-content ul.xoxo {
    margin:0 0 18px 0;
    overflow:hidden;
}
.entry-content ul.xoxo ul {
    margin:0 0 0 1.5em;
}
li.content-column, .entry-content li.linkcat {
	float:left;
	list-style:none;
	margin:0 20px 0 0;
}
.entry-content li.linkcat ul.xoxo {
    overflow:visible;
}
.more-link {
    font-weight:bold;
    font-style:italic;
    display:block;
}
.page-link {
    margin:0 0 18px 0;
}
.page .edit-link {
    float:left;
    clear:both;
}
.entry-utility {
	display: none;
    font-size:11px;
    color:#787878;
}
.entry-utility a {
    font-style:italic;
    color:#787878;
}
.entry-utility a:hover {
}
.comments-link a {
    font-weight:bold;
    color:#2772B3;
}

/* Comments */

#comments {
    background:#B5D1EA;
    color:#fff;
    margin:54px 0 0 0;
    padding:18px 0;
    overflow:hidden;
}
#comments .comment-navigation {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    line-height:36px;
    margin:-18px 20px 18px 20px;
    padding:0 20px;
    overflow:hidden;
}
.comment-navigation a {
    color:#fff;
}
.paginated-comments-links {
    text-align:center;
}
#comments h3 {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    margin:0 0 18px 0;
    padding:0 20px 0 20px;
}
#comments .comments:first-child h3 {
    padding-top:18px;
}
#comments ol {
    margin:0 0 36px 0;
    list-style:none;
}
#comments ol ul {
    list-style:none;
    margin:0;
    padding:0 0 18px 0;
}
#comments li {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    margin:0 20px 18px 20px;
    padding:17px 20px 0 20px;
    position:relative;
}
#comments li li {
    border:1px solid #6DA5D6;
    margin:0 0 18px 0;
}
#comments a {
}
#comments li.byuser {
    background:#5C9BD1;
    border-color:#3B86C7;
}
#comments li.byuser p a {
}
#comments li.bypostauthor {
}
#comments li.bypostauthor p a {
}
#comments .avatar {
    width:48px;
    height:48px;
    position:absolute;
    top:19px;
    left:20px !important;
    left:0px;
}
#comments .fn {
    font-weight:bold;
    font-size:14px;
    padding:18px 0 0 58px;
    display:block;
}
#comments .fn a {
    color:#fff;
}
#comments-list .comment-meta {
    font-size:10px;
    margin:0 0 18px 0;
    padding:0 0 0 58px
}
#comments-list .comment-meta a {
    font-style:italic;
    color:#fff;
}
#comments li p {
    margin:0;
    padding:0 0 18px 0;
}
.comment-reply-link {
    font-size:10px;
    font-style:italic;
    padding:0 0 18px 0;
}
.comment-reply-link a {
    color:#fff;
}
#cancel-comment-reply {
    padding:0 0 18px 0;
}
#trackbacks-list .comment-author {
    margin:0 0 18px 0;
    font-size:11px;
}
#trackbacks-list .comment-author a {
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#respond {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    padding:17px 20px 0 20px;
	width:auto;
	width:460px; /* IE6 Hack to display correctly the respond form */
	max-width:460px;
    margin:0 auto;
    z-index:100;
}
#respond h3 {
    padding-top:18px;
}
#cancel-comment-reply a {
    color:#fff;
    font-style:italic;
}
#respond form {
    padding:0 0 36px 0;
}
#respond #form-section-author {
    width:230px;
    float:left;
	margin-right:10px;
}
#respond #form-section-author input {
    width:220px;
}
#respond #form-section-email {
	width:220px;
    float:left;
}
#respond #form-section-email input {
    width:100%;
}
#respond #form-section-url {
	clear:both;
}
#respond #form-section-url input {
    width:100%;
}
#respond .form-label {
    font-size:10px;
}
#respond .form-input input {
    margin:0 0 14px 0;
}
#respond textarea {
    width:100%;
    margin:0 0 16px 0;
}
#respond .form-submit {
    float:right;
}
p.subscribe-to-comments {
    width:260px;
    float:left;
}
p.subscribe-to-comments label {
}
p.comment_license {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments:first-line {
    font-style:italic;
}
#respond .required {
    font-weight:bold;
}

/* Author Info */

#author-info {
    margin:18px 0 36px 0;
}
#author-info p:first-line {
    font-weight:bold;
}
#author-info .avatar {
    float:left;
    width:72px;
    height:72px;
    margin:0 10px 0 0;
    padding:5px;
    background:#fff;
    position:relative;
    top:4px;
}

/* Navigation */

.navigation {
margin: 0px 0;    overflow:hidden;
}
.nav-previous { 
	float: left;
	width:50%;
	text-decoration: none;
}

.nav-previous p, .nav-next p{
	font: bold 12px Arial, sans-serif;
	color: #0075c6;
	}

.nav-next { 
	float: right;
	width:50%;
	text-align:right;
	text-decoration: none;
}

#nav-below, #nav-below a {
	margin: 40px 0;
	width: 100%;
	text-decoration: none;
}


#nav-above {
	width: 100%;
	display: none;
    margin:18px 0 36px 0;
}
.home #nav-above, .single #nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
}

/* Sidebar */
 
#sidebar ul {
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0px;
}

#sidebar li {
	padding: 0px 0 20px 20px;
	margin: 0 0 0 11px;
	border-bottom: 1px solid #ececec;
	border-top: 0px solid #ececec;
}


#sidebar h2 {
	color: #00152c;
	margin: 1em 0 0.67em 0;
	text-align: center;
	font: bold 1.1em/2 "Lucida Grande", Lucida, Verdana, sans-serif;
}

.side-highlights {
	font-weight: bold;

}

.side-highlights-img{
	vertical-align: middle;
	float: left;
	margin-top: -2px;	
	padding-right: 3px;
	text-decoration: none;
}

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

#sidebar a {
	text-decoration: none;
}
#side-form {
	font-weight: normal;
}

#side-charities {
        margin-top:20px;
	width: 305px;
	height: 460px;
}

#side-ads {
	width: 300px;
	height: 400px; 
}
 
#side-ads-left {
	float:left;  
	display: block;
} 
#side-ads-right {
	float: right;
	display: block;
}

.side-ads-single {
	padding: 0px 15px 0px 0;
}

/* Asides (widgetized areas)*/

.main-aside {
    width:240px;
    float:right;
    position:relative;
    right: 0px;
    margin-top:-52px;
    padding:20px;
     /*    background: url('images/borderleft.png') left repeat-y;*/
 }
    
#primary {
	padding: 0;
}

#primary a, #secondary a{
	font-size: 11px;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	color: #00264d;
}

#primary ul, #secondary ul {
list-style: none;
}

#primary ul ul {
    list-style:none;
    margin:10px 0 20px 0em;
	background:#F5FBFE;
	border: 2px solid #CFDBE1;
	padding: 20px 10px 20px 10px;
}
#secondary {
	padding: 0;
        margin: 0;
}
#secondary ul ul {
    list-style:none;
    margin:0 0 20px 0em;
	background:#F5FBFE;
	border: 2px solid #CFDBE1;
	padding: 10px 10px 20px 10px;
}

.aside h3 {
	display: none;
	text-align: center;
    font-size:14px;
    font-weight:bold;
    color: #e7681b;
    border-bottom: 1px solid #e7681b;
}
.aside caption { /* Make the caption match h3 styles */
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin:0 0 9px 0;
}

.aside h2, .aside h2 a {
    font-size:15px;
    font-weight:normal;
    margin: 0px;
    text-align: center;
    padding: 5px 0 0 0;
    color: #eb4800;
    }

.aside h4 {
    font-size:13px;
    font-weight:bold;
    margin: 0;
    padding: 10px 0 0 0;
}

.aside ul {
    margin:0;
padding: 0;
    list-style:none;

}

.aside ul ul {
	padding: 0;
}

.aside ul ul ul {
    margin:0 0 0 1.5em;
     
}
/* Begin Calendar styles */
.aside table {
    border-top:1px solid #e0e0e0;
    margin:0 0 8px 0;
}
.aside th {
    border-left:1px solid #e0e0e0;
}
.aside tr {
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    line-height:35px;
}
.aside td {
    border-left:1px solid #e0e0e0;
    padding:0 10px
}

.aside tfoot tr {
    border:none;
    line-height:36px;
}
.aside tfoot td {
    border:none;
    padding:0;
}
.aside #next {
    text-align:right;
}
/* End Calendar styles */

/* Subscribe form */
#submit {
	background:#eb4800;
	color: #fff;
	height: 23px;
	width: 80px;
	margin-top: 0px;
	border: 1px solid #9b9b9b;
	padding-bottom: 1.8px;
	font: 11px Arial, sans-serif;
}

.aside form {
    margin:0px 0px 10px 0px;
}

/* Begin Search styles */

#searchbox{
float: right;
position: absolute;
right: 25px;
top: 143px;
}

#searchform {
	display: inline;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
} 

#s {	
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	}

 #searchsubmit {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	background:#eb4800;
	color: #fff;
	height: 18px;
	width: 50px;
	border: 1px solid #9b9b9b;
	vertical-align: middle;
}

#search404 {
}

/* End Search styles */

#content .widgetcontainer {
    border-top:1px solid #e0e0e0;
    padding:0px 1px 18px 1px;
    margin:0px 0 36px 0;
}
#index-top .widgetcontainer, #single-top .widgetcontainer  {
    border-top:none;
    border-bottom:0px solid #e0e0e0;
    padding:0 1px 0px 1px;
    margin:0 0 0px 0;
}

#page-top .widgetcontainer {
   border: 0px #e0e0e0 solid;
    padding:0px 5px 0px 5px;
    margin:0 0 -20px 0;

}
#rss-350630382{
	background: #ececec;
	}

.rsswidget {
	text-align: center;		
}

#content .aside:first-child .widgetcontainer:first-child {
    padding-top:18px;
}
.page #content .aside:first-child .widgetcontainer:first-child {
    padding-top:0;
}
#content .aside h3 {
    font-size:20px;
    line-height:26px;
    padding:8px 0 10px 0;
    font-weight:normal;
    text-align: center;
}
#single-bottom .widgetcontainer {
    border-top:none;
}
.main-aside h3 {
    padding:17px 0 1px 0;
}
#footer .widgetcontainer {
    padding:0 1px;
    margin:0 0 18px 0;
}

/* Footer */

#footer {
    background: #082746;
    color: #fff;
    padding:20px 0 40px 0;
    margin: 0px 0;
    border-top:5px solid #031628 ;
    text-align: left;
    min-height: 100px;
}
#footer a {
    color:#fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}


#siteinfo {
	margin-top: 0px;
	font-size:12px;
	list-style-type: none;
}
#siteinfo a {
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	color: #cbe6ff;
}

#siteinfo img {
	line-height: 20px;
	vertical-align: middle;
	padding-right: 10px;
}
#siteinfo li {
	list-style-type: none;
	padding: 5px 0; }

#footernav, #footernav a{
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
}

 #footernav a:hover{
	color: #fff;
	}
	
#book-footer img{
	text-align: right;}
	
#top-posts ul, #top-posts ul a{
	color: #cbe6ff;
	list-style-position: outside;

}

#top-blog ul {
	list-style-position: outside;
}


#paypal {
	text-align: left;
	padding: 20px 0 30px 0;
}

/*Extras*/

.ads, #ads {
	display:block; 
	float:right; 
	margin: 0px 0px 10px 20px;
}

.ad200 {
	display:block; 
	float:right; 
	margin: 0px 100px 10px 20px;
}

.products, #products {
	display:block; 
	float:right; 	
	margin: 0px 50px 10px 20px;
}

.price {
font-family: Georgia, serif;
line-height: 30px;
padding-right:50px;

}

.store {
line-height: 30px;
}


.imgr, #imgr {
	display:block; 
	float:right; 	
	margin: 0px 0px 10px 20px;
}

.box-sq {
	display: block;
	padding: 10px;
	background: #efefef;
	border: 1px solid #97b3c5;
	width: 450px;
	margin: 30px auto;
	text-align: center;
	color: #5c5c5c;
	vertical-align: baseline;
}

.box {	
	border:1px solid #999999;	
        margin:10px 0px 15px 0; 
	padding: 0px 20px 10px 20px;
	
-moz-border-radius-topleft: 20px;  
-webkit-border-top-left-radius: 20px;  
-moz-border-radius-topright: 20px;  
-webkit-border-top-right-radius: 20px;  

-moz-border-radius-bottomleft: 20px;  
-webkit-border-bottom-left-radius: 20px;   
-moz-border-radius-bottomright: 20px;  
-webkit-border-bottom-right-radius: 20px;   
}

.red {
	padding-top: 18px;
	background: #f3c6b1;
	border: 1px solid #f88d6f;
}

.blue {
	padding-top: 0;
	background: #f3f8fc;	border: 1px solid #CCDCFA;
}

.grey {
	padding-top: 0;
	border: 2px solid #e0e0e0;
}

.edbanner{
	display: block;
	padding: 10px;
	background: #efefef;
	border: 1px solid #97b3c5;
	width: 450px;
	margin: 30px auto;
	text-align: center;
	color: #5c5c5c;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.edbanner a {
	color: #e75300;
	padding: 10px 0;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#newsletter {
	border-top:3px double #757575; 
	border-bottom:3px double #757575; 
	margin:30px 0 15px 0;
	padding: 20px 0px 20px 0px;
	min-height: 280px;
}

.faqmenu {
	border: 0px solid #e0e0e0;
	width: 450px;
	padding: 0px 0px 0px 15px;
	margin: 0px auto;
	font-size: 15px;
	color: #c50000;
}
.faqmenu .p {
	padding: 5px 0 5px 0;
}
 
.testimonial {
	color: #555;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	text-align: center;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin: 35px 0;
	padding: 5px 0;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}


#download {
	float:left; 
	padding: 20px 30px 0 20px; 
	text-align: center;
}

#download a[href$='.pdf']{
	padding: 0;
	background: none;
}

#sitemap h3 {
	margin-bottom: 10px;
}

#sitemap ul li{
	list-style-type: disc;
	margin-left: 40px;
}

 .image {
 float: left; padding: 10px 10px 10px 10px;
}

 
.salesbuttons {
	text-align: center;
}

#guidebox {
	display: block;
	padding: 25px;
	background: #efefef;
	border: 1px solid #97b3c5;

}