/*
Theme Name: Natural-Cures-For Version 1
Theme URI: http://Natural-Cures-For.com/
Description: Custom designed for Natural-Cures-For.com.
Version: 3
Author: Mark Gebbia and Ryan Quiel
*/


/* ------------------------------------------------------------------------------------- MISC */

* {margin: 0; padding: 0;}

.clear {clear: both;}
.bold	{font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.small {font-size:50%;}
.tiny {	font-size:70%;}
.center {text-align:center; margin: auto;}
.right {text-align:right;}
.left {text-align:left;}
.justify {text-align:justify;}
.editlink {font-size: 40%; font-weight: normal;}


code { font-family: 'Courier New', Courier, Fixed, sans-serif; font-size: 120%; } 
cite {font-size: 100%; font-style: normal;}
acronym, abbr {	border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {cursor: help; font-size: 90%;	letter-spacing: .01em;}

table {border: 0;}

td {
	width: 300px;
	text-align: right;
	vertical-align: top;
}

hr {
  border: 0;
  background-color: #B4271E;
  height:1px;
  width: 80%;
}


/* ------------------------------------------------------------------------------------- CONTAINERS */

body {
	background-image: url('/images/bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #75A3D5;
	margin: 0;
	padding: 0;
	font-family:  Verdana, Helvetica, Georgia, Arial;
	font-size: 0.8em;
	line-height: normal;
	}

/* container div for the page */
#rap {
	width: 826px;
	margin: auto;
	background-color: #FFF;
	border: 1px solid #082f80;
} 

/* side borders */
#shadow {
	width: 832px;
	margin: auto;
	border: 0px solid #082F80;
} 

/* content DIV*/
#content {
	width: 805px;
}

/* highlight div */
.highlight {
	background-color: #fadfde;
	margin: 5px 5px 0 0;
	padding: 10px;
	} 


/* ------------------------------------------------------------------------------------- FLOATS */

.float {float:none; margin: 5px 5px 5px 5px; padding: 0px;}
.floatleft {float: left; margin: 5px 5px 5px 5px;	padding: 0px;}
.floatright {float: right; 	margin: 5px 5px 5px 5px; padding: 0px;}

img.floatleft {padding:10px 10px 10px 10px;}
img.floatright {padding:10px 10px 10px 10px;}

.divfloatleft {float: left;	width: 170px;}
.divfloatright {float: right;	width: 170px;}

/* ------------------------------------------------------------------------------------- LINK STYLES */

/* regular links */
a {					text-decoration: none;}
a:link { 		color: #b4271e; }
a:visited {	color: #d9837d; text-decoration: none;}
a:hover {		color: #771621; text-decoration: none;}
a:active { 	color: #b4271e; }

/* floated links */
a.floatleft {		padding:8px 8px 8px 8px;}
a.floatright {	padding:8px 8px 8px 8px;}

/* floated linked images */
a.floatleft:link img { 			border: 2px solid #FCFCFF; }
a.floatleft:visited img {		border: 2px solid #FCFCFF; }
a.floatleft:hover img {			border: 2px solid red; }
a.floatleft:active img {		border: 2px solid black; }

a.floatright:link img { 		border: 2px solid #FCFCFF; }
a.floatright:visited img {	border: 2px solid #FCFCFF; }
a.floatright:hover img {		border: 2px solid red; }
a.floatright:active img {		border: 2px solid black; }

/* links in the content DIV */
#content a:link{			color:blue;}
#content a:visited{		color:blue;}
#content a:hover{			color:red; text-decoration:underline;}
#content a:active{		color:black;}

/* H1 links in the content DIV */
#content h1 a:link{			color:#0000FF;}
#content h1 a:visited{	color:#4444FF;}
#content h1 a:hover{		color:#000; text-decoration:none;}
#content h1 a:active{		color:#000;}

/* links in the footer */
#bottommeta a {					margin-right:10px; }
#bottommeta a:visited {	color:#B35927;}
#bottommeta a:hover {		color:#4D170B;}
#bottommeta a:active {	color:#B35927;}

/* story title links */
.storytitle a {				text-decoration: none;}
.storytitle a:hover { color: #b4271e; text-decoration: none;}


/* ------------------------------------------------------------------------------------- HEADER */

/* header image*/
#topimage {
	clear: both;
	width: 826px;
	height: 100px;
	z-index: -1;
	border-bottom: 0;
	text-align: center;
}


/* ------------------------------------------------------------------------------------- CONDITIONAL GRAPHICS */

/* Custom Headers*/
div.defaultgfx #topimage{
  background-image: url(/images/header.jpg);
	background-repeat: no-repeat; 
	background-position: center top; 
}

div.naturalcuresgfx #topimage{
	background-image: url(/images/naturalcures.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

div.herbsgfx #topimage{
	background-image: url(/images/herbs.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

div.mineralsgfx #topimage{
	background-image: url(/images/minerals.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

div.vitaminsgfx #topimage{
	background-image: url(/images/vitamins.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

div.exercisesgfx #topimage{
	background-image: url(/images/exercise.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

div.lifestylegfx #topimage{
	background-image: url(/images/lifestyle.jpg);
	background-repeat: no-repeat; 
	background-position: center top;
}

/* ------------------------------------------------------------------------------------- ADS */

#ncsky {
	background-color: #E1F1DA;
	border: 1px solid #CCCCCC;
	border: 0px;
}

#nclink {
	background-color: #E1F1DA;
	border: 0px;
}


.skypill {
	float:right;
	text-align: center;
	width: 190px;
	padding: 5px 5px 5px 10px;
}

.linkpill {
	text-align: center;
	width: 200px;
}

table.linkpills {
	width: 600px;
}

table.linkpills td {
	text-align: left;
	vertical-align: top;
}

img.noborder {
	border: 0px solid blue;
}

.textbox {
	border: 1px solid blue;
	width: 300px;
	height: 175px;
	text-align: center;
	padding: 75px 0 0 0;
	font-size: 200%;
	line-height: 200%;
	}

/* ------------------------------------------------------------------------------------- TOP MENU - TABS */

#topmenu {
	border-bottom : 2px solid #235923;
	margin : auto;
	padding: 79px 0 19px 10px;
}

#topmenu ul, #topmenu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#topmenu a:link, #topmenu a:visited	{
	background : #367336;
	border : 1px solid #0b4e0b;
	border-bottom: 0px solid #0B4E0B;
	color : #aedaae;
	float : left;
	font-size : small;
	font-weight: bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

/* Current Tab */
#topmenu a:link.active, #topmenu a:visited.active	{
	background : #669966;
	border-bottom : 2px solid #669966;
	font-weight: bold;
	color : #FFF;
}

#topmenu a:hover {
	background : #669966;
	border-bottom : 2px solid #669966;
	font-weight: bold;
	color : #FFF;
}

 #topmenu ul a:hover {
	color : #f00 !important;
}

/* ------------------------------------------------------------------------------------- BLOGTITLE - AREA UNDER TABS*/

/* the shape of the area the title bar */
#blogtitle {
	background-color: #669966;
	border-bottom: 1px solid #235923;
	height:30px;  
	width: 826px;
} 

/* breadcrumb text */
#bc {
	font-size: 100%;
	color: #0d4a0d;
	margin: 0px 0px 0px 5px;
	padding: 6px 0 0 0;
	font-weight: normal;
	float:left;
	text-transform: capitalize;
}

/* breadcrumb links */
#bc a{					color:#0d4a0d;}
#bc a:visited{	color:#0d4a0d;}
#bc a:hover{		color:#0d4a0d; text-decoration: underline;}


/* search box */

#searchtitle {
	color: #eff6fd;
}

#titlesearch {
	float: none;
	height: 22px;
	margin: 0 5px 0 0;
	padding: 4px 0 0 0;
	text-align: right;
}

#searchform {
	height: 17px;
	background-color: #98c498;
	color: #021c02;
	font-weight: bold;
	border: 1px solid #0b4e0b ;
}

#searchsubmit {
	height: 19px;
	background-color: #367336;
	color: #FFF;
	font-weight: bold;
	border: #0b4e0b 1px solid;
}

#searchformmo {
	height: 17px;
	background-color: #FFF;
	color: #05205D;
	font-weight: bold;
	border: #789FF0 1px solid;
}

#searchsubmitmo {
	height: 19px;
	background-color: #FFF;
	color: #FFF;
	border: #789FF0 1px solid;
}

/* ------------------------------------------------------------------------------------- HOMEPAGE */

.feedcontainer {
	padding: 20px 0 0 0;
}

.feedtitle {
	font-size: 140%;
	font-weight: bold;
	color: #092F80;
	padding: 15px 0 20px 20px;
}

ul.feedul {
	list-style-type: none;
}

li.feedli {
	font-size: 140%;
	padding: 0 0 0 75px;
}

.mainpagebuttondiv {
	padding: 0;
	width: 580px;
	text-align: center;
	margin: auto;
}

.mainpagebutton {
	padding: 5px
}

/* ------------------------------------------------------------------------------------- MENU IN THE SIDEBAR */

/* Sidebar Menu Container */
#menu {
	width: 175px;
	background-color: #3482d5;
	float: left;
}
/* Sidebar Menu Unordered List */
#menu ul {
	list-style-type: none;
	padding: 0 0 0 3px;
	border-right: 1px solid #092F82;
}

/* Sidebar Menu Catagory Names */
#menu ul li a{
  font-size: 100%;
	font-weight: bold;
	line-height: 200%;
	list-style-type: none;
	margin: 0 0 0 -3px;
	padding: 0 0 0 3px;
  border-top: 1px solid #e3f1ff;
	display: block; 	
	width: 171px;
}

/* Sidebar Menu Article Names */
#menu ul ul li a{
	margin: 0px 0 0 -6px;
	padding: 2px 0 2px 3px;
  font-weight: normal;
  line-height: 140%;
	list-style-type: none;
  font-size: 100%;
  border-top: 1px solid #e3f1ff;
	display: block;
}

#menu ul li a:link {			background-color: #57a1ee; color: #FFF; text-decoration: none;}
#menu ul li a:visited {		background-color: #57a1ee; color: #FFF; text-decoration: none;}
#menu ul li a:hover{	  	background-color: #57a1ee; color: #FFF; text-decoration: none; font-weight:bold;}
#menu ul li a:active {		background-color: #57a1ee; color: #FFF; text-decoration: none;}

#menu ul ul li a:link {			background-color: #3482d5; color: #FFF; text-decoration: none;}
#menu ul ul li a:visited {	background-color: #3482d5; color: #FFF; text-decoration: none;}
#menu ul ul li a:hover{	   	background-color: #2473c5; color: #FFF; text-decoration: none; font-weight:bold;}
#menu ul ul li a:active {		background-color: #3482d5; color: #FFF; text-decoration: none;}

#menu ul li.current_page_item a:link {			background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul li.current_page_item a:visited {		background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul li.current_page_item a:hover{	   	background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul li.current_page_item a:active {		background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }

#menu ul ul li.current_page_item a:link {			background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul ul li.current_page_item a:visited {	background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul ul li.current_page_item a:hover{	   	background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }
#menu ul ul li.current_page_item a:active {		background-color: #FFF; color: #092F82; text-decoration: none; font-weight: bold; border-right: 3px solid #fff; }


#bottomcap {
	background-image: url(/images/bottomcap.gif);
	background-repeat: no-repeat;
	background-position: -1px 0px;
	background-color: #FFF;
	height: 11px;
}

* html #menu ul { /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 158px; 
	border-right: 0;
	margin: 0 0 0 0px;
}

* html #menu ul ul { /*IE only.  */
	margin: 0 0 0 -3px;
}

* html #menu ul ul a { /*IE only.  */
	padding-left: 6px;
}

* html #bottomcap { /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 165px; 
	border-right: 0; 
	background-position: 0px 0px;
	background: none;
}


/* ------------------------------------------------------------------------------------- CATEGORY PAGES */


.catpageul {
	list-style: disc inside url("/images/bullet.gif");
	width: 250px;
	font-size: 120%;
	line-height: 160%;
	margin: 0 0 0 300px;
	padding-left: 15px;
	font-weight: bold;
  margin-top: 7px;
}

.catpageul li a {
  vertical-align: top;
}

#content .catpageul a:link {			color: #000; text-decoration: none;}
#content .catpageul a:visited {	color: #000; text-decoration: none;}
#content .catpageul a:hover{	  	color: Green; text-decoration: underline;}
#content .catpageul a:active {		color: #000; text-decoration: none;}


/* ------------------------------------------------------------------------------------- SITE MAP */

.sitemapcolumn {
	width: 300px;
	float: none;
	margin: 0 auto 25px auto;
	padding: 10px;
	clear: both;
}

.sitemapcolumn ul {
	list-style-type: none;
}

.sitemap h3 {
	text-align: left;
	margin: 0 0 0 75px;
}

#content .sitemapcolumn ul a:link {			color: #000; text-decoration: none;}
#content .sitemapcolumn ul a:visited {	color: #000; text-decoration: none;}
#content .sitemapcolumn ul a:hover{	  	color: RED; text-decoration: underline;}
#content .sitemapcolumn ul a:active {		color: #000; text-decoration: none;}

/* ------------------------------------------------------------------------------------- ARTICLE PAGES */


/* Article Content Containers */
.postcontainer {
  width: 625px;
  text-align: left;
	float: right;
} 

/* Search page container */
#searchcontainer {
	 margin: 0 0 0 60px;
}

#googlesearch {
	width: 500px;
	margin: auto;
	padding: 10px 0 0 0;
	text-align: center;
}

.post {
	padding: 0 10px 0 10px;
}

.storytitle {
	text-align: left;
	padding: 10px 0 10px 0;
}

.storycontent {
	color: #2e2e2e;
	line-height: 140%;
}

p {
	padding: 17px 0 18px 0;
}

h1 {
	font-size: 190%;
	color: #4e7c4e;
	font-weight:bold;
	line-height: 120%;
}

h2 {
	font-size: 150%;
	color: #4e7c4e;
	font-weight:bold;
	margin: 10px 0 0px 0;
	line-height: 120%;
}

h3 {
	color: #1c571c;
	font-weight:bold;
	font-size:125%;
	margin: 10px 0 0px 0;
	line-height: 120%;
} 

h4 {
	color: #2e2e2e;
	font-size: 100%;
	line-height: 120%;
}

.resources {
	font-size: 75%;
}


/* lists */

.storycontent ul {
	margin: 5px 0 20px 0;
}

.storycontent li {
	margin: 10px 0 0 50px;
} 

.storycontent ul ul li {
	margin: 10px 0 0 100px;
} 

/* prev/next page buttons */
.navigation {
	display: block;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 10px;
	font-size: 80%;
}  


/* single page post */
body#single .post{
width: 100%; } 


/* ------------------------------------------------------------------------------------- COMMENTS - TIPS */

/* comment container*/

.commentcontainer {
	width: 100%;
}

/* comments  bubbles*/

ol.commentlist {width: 600px;	list-style-type: none;}
ol.commentlist li {padding: 15px 0 15px 0;}
.commentauthor {font-weight: bold; float: left; margin: 0;}
.commentmetadata {font-weight: normal; float: right; font-size: 75%; margin: 0;}	
.commenttop {width: 600px;	height: 48px;	margin: 0; clear: both;}
.thecomment {width: 600px;	background: #E6F2FE url(images/comments-bottom.gif) no-repeat bottom;} 	
.thecomment p {padding: 0 15px 15px 15px;	margin: 0 0 0 0;}



/* Comment Form */
.commentformcontainer {
	width: 600px;
	margin: auto;
	padding: 40px 0 20px 0;
}

.theformcontainer {
	background: #C8E4FF url(images/form-bottom.gif) no-repeat bottom;
}

form.commentform fieldset {
	border: none;
}

form.commentform legend { 
	padding: 0 0 20px 0;
	margin: -5px;
	font-size: 150%;
	color: #092F80;
}

.commentformtop {
	width: 600px;	
	height: 48px;	
	margin: 0; 
	clear: both;
}

.thecommentform	{
	width: 600px;	
}

.commentform label {
	font-weight: normal;
}

.commentformcontainer em {
	font-size: 75%;
	font-style: normal;
	color: #D00000;
}

.commentform input {
	background-color: #EFF1F7;
	border: 1px solid #57A1EE;
	padding: 3px 0 0 0;
}

.commentformauthor {
	float: left;
}

.commentformauthor label,
.commentformauthor input {
	margin: 0 0 0 5px;
}

.commentformmetadata {
	float: right;
}

.commentformmetadata label,
.commentformmetadata input {
	margin: 0 10px 0 0;
}

.tipcontainer {
	margin: auto;
	clear: both;
	padding: 10px 0 0 0;
}

.tipcontainer label,
.thecommentform textarea {
	margin: 0 0 0 5px;
}

.thecommentform textarea {
	background-color: #EFF1F7;
	border: 1px solid #57A1EE;
}

.thecommentform p {
	padding: 10px 20px 15px 15px;	
	margin: 0 0 0 0;
	text-align: right;
}

.thecommentform .submit {
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #2A4C95;
	background-color: #4794E3;
	padding: 3px;
}


/* ------------------------------------------------------------------------------------- FOOTER */

#bottommeta {
	background-color: #669966;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #FEFEFE;
	width: 816px;
	text-align: left;
	margin: auto;
	padding: 5px;
	line-height:130%;
	font-size: 70%;
	font-weight: bold;
	clear: both;
}

#bottommeta a {	padding: 0; margin: 0;}

#bottommeta a:link {			color: #FEFEFE; text-decoration: none;}
#bottommeta a:visited {		color: #FEFEFE; text-decoration: none;}
#bottommeta a:hover{	  	color: #FFF; text-decoration: underline; font-weight:bold;}
#bottommeta a:active {		color: #FEFEFE; text-decoration: none;}

#bottommeta table {
	margin: auto;
}

.bottomlinks {
	margin: -11px 0 0 0;
}