/*

Theme Name: Natures Choice

Theme URI: http://www.alewigi.com/

Description: A Theme Especially created for Natures Choice

Version: 1.0

Author: Trevino

Author URI: http://www.alewigi.com/

*/



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



    

    

    Structure:

    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;



    Content:

    

        1) HTML tags, reset

        2) Universal styles (display, float, margin, text-align...)

        3) Layout

        4) Page: Home

        Z) Others

        

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



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

1) HTML tags, reset

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



* {margin:0; padding:0;}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

body {
	padding:20px 0;
	font:0.8em/1.5 "arial", serif;
	text-align:center;
	background-color: #8EC5EC;
	background-image: url(images/bg3.jpg);
	background-repeat: repeat-x;
	background-position: top;
}




a {border-bottom:1px solid #DFDFDF; color:#000;text-decoration:none;}

a:hover {border-bottom:1px solid #DFDFDF; color:#004AB9;}




fieldset {border:1px solid #DFDFDF;}

legend {background:#FFF; color:#004AB9;}









h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}

h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}

h2 {
	font-size:250%;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}

h3 {
	font-size:150%;
	font-weight:normal;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
}

h4  {font-size:120%;}

h5 {
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}



p, table, ul, ol, dl, fieldset {margin:15px 0;}



table {border-collapse:collapse; border-spacing:0; font-size:100%;}

th {text-align:center; font-weight:bold;}

th, td {padding:3px 7px;}



 ol {
	margin-left:40px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

 ol ol {margin:0; margin-left:20px;}

ol {list-style-type:decimal;}





dt {font-weight:bold;}

dd {margin-left:30px;}



fieldset {position:relative; padding:10px;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}



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

2) Universal styles (display, float, margin, text-align...)

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



.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}



.relative {position:relative;}



.clear {clear:both;}



.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}

.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}



.low, .low a {color:#7F7F7F;}

.low a:hover {color:#000;}



.t-left {text-align:left !important;}

.t-center {text-align:center !important;}

.t-right {text-align:right !important;}

.t-justify {text-align:justify !important;}



.va-top {vertical-align:top;}

.va-middle {vertical-align:middle;}

.va-bottom {vertical-align:bottom;}



.nom {margin:0 !important;}

.nomt {margin-top:0 !important;}

.nomb {margin-bottom:0 !important;}



.noscreen {display:none;}



    .bigger {font-size:110%;}

    .smaller {font-size:85%;}

.nobullet {
	list-style-type: none;
	
	
	
}    

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

3) LAYOUT

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



#main {
	width:960px;
	margin:0 auto;
	text-align:left;
	background-color: #FFFFFF;
	
}



#header {
	position:static;
	background-image: url(images/header.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 250px;
	width: 960px;
	
}
  

#search {
	float: left;
	padding-left: 0px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	width: 175px;
}


#search #search-input {
	width:120px;
	padding:4px;
	border:1px solid #AFAFAF;
	float: left;
}

#search #search-submit {
	padding:2px;
	font:normal 100%/1.2 "arial",sans-serif;
	border:1px solid #004AB9;
	background:#004AB9;
	color:#FFF;
	
}


#search #search-input:focus {
	border:1px solid #FF0000;
}




#nav {
	border-left:0 !important;
	border-right:0 !important;
	padding-right: 0;
	padding-left: 0;
	position: static;
	background-image: url(images/nav_bg_06.jpg);
	height: 34px;
	width: 960px;
}


#nav ul {
	padding:0;
	list-style:none;
	font-family: "arial", sans-serif;
	font-size: 14.5px;
	height: 34px;
	margin-top: 0;
	margin-right: 3;
	margin-bottom: 5;
	margin-left: 3;
}

#nav ul li {display:inline; margin:0; padding:0;}

#nav ul li a {
	display:block;
	float:left;
	border:0;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FFFFFF;
	margin-right: 14px;
	margin-left: 10px;
}
#nav ul li a:hover {
	color: #000000;
}

        #nav ul li#nav-active a {
	border:0;
	font-weight:bold;
	color: #000000;
}
		
	

/*  #nav ul li.current_page_item a {
	color: #000000;
	height: 28px;
	padding: -3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
}

*/

/*------------------------
3.1 Top Page Navigation 
--------------*/




#topnav {
	border-left:0 !important;
	border-right:0 !important;
	padding-right: 0;
	padding-left: 0;
	position: static;
	background-image: url(images/topbar_bg_03.gif);
	height: 51px;
	width: 960px;
}


#topnav ul {
	padding:0;
	list-style:none;
	font-family: "arial", sans-serif;
	font-size: 14.5px;
	margin-top: 0;
	margin-right: 6;
	margin-bottom: 10;
	margin-left: 3;
	
	
		
}

#topnav ul li {display:inline; margin:0; padding:0;
	

}

#topnav ul li a {
	display:block;
	float:left;
	border:0;
	padding-top: 21px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 8px;
	color: #FFFFFF;
	margin-right: 12px;
	margin-left: 8px;
	background-image: url(images/menu-div_04.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#topnav ul li a:hover {
	color: #000000;
}

        #nav ul li#nav-active a {
	border:0;
	font-weight:bold;
	color: #000000;
}


/*----- End of TopNav ---*/
	

#content {
	width:960px;
	height:100%;
	padding-top: 10px;
	padding-bottom: 30px;
	
}



#footer {
	clear:both;
	width: 960px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(images/bg4.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.footercol {
	float: left;
	height: auto;
	width: 170px;
	padding-left: 40px;
	padding-right: 0px;
}





#footer a {color:#5F5F5F;}

#footer a:hover {color:#000;}



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

4) Page: Home

---------------------------------------------------------------------------------------------------------- */
#topstory {
	float:left;
	width:630px;
}

    

    

    #topstory-perex {
	
	padding:15px;
	font-size:110%;
	overflow:hidden;
	
	color: #000000;
}

    #topstory-perex p {
	margin:0;
}

#topstory-perex a {
	border-bottom:1px solid #5F5F5F;
	color:#000000;
}

#topstory-perex a:hover {
	border-bottom:1px solid #FFF;
	color:#3366FF;
}


#topstory-title {
	padding:15px;
}

#topstory-title h1 {margin:0; margin-bottom:2px;}

#topstory-title h1 a {
	border-bottom:1px solid #5F5F5F;
	color:#000000;
	font-size: 30px;
}

#topstory-title h2 a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	color: #336699;
}

#topstory-title p.date {margin:0; font-size:85%; color:#000;}



#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}

#topstory-title p.date a:hover {
	border-bottom:1px solid #FFF;
	color:#666666;
}









.col30 h4 a {color:#004AB9;}

.col30 h4 a:hover {color:#000;}

.col30 p.date {color:#7F7F7F;}

.col30 p.date a {color:#7F7F7F;}

.col30 p.date a:hover {color:#000;}






#photos {margin:0; font-size:0; line-height:0;}

#photos a {border:0;}





.col30 {
	float:left;
	width:300px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	
	
}





    .col30 h4 {margin-bottom:3px;}

    .col30 ul {margin:20px 0 !important;}

    .col30 p.date {margin:0; font-size:85%;}

    .col30 p.bb {}

    .col30 p img.f-left {margin-right:10px;}

    .col30 p {position:relative;}
	
	
	
	
#fpcol {
	float:left;
	width:300px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
		
}	
	
.nounderline {
	border-bottom-style: none;	
	
	}
	

/*---- Side bars  --*/




#aside {
	width:180px;
	float:left;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	
}



#aside .halfleft {
	width: 138px;
	margin-left: 0;
	margin-bottom: 20px;
	height: 100%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

	

#aside .halfright {
	float: right;
	clear: none;
	margin-left: 20px;
	width: 138px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;

	}

#asideright {
	float: right;
	width: 180px;
	padding-top: 30px;
	padding-left: 9px;
	margin-right: 10px;
}

#asidemid {
	width: 180px;
	padding-top: 30px;
	padding-left: 205px;
	margin-right: 10px;
		
	
}

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

5) Page: Article

---------------------------------------------------------------------------------------------------------- */
.catmainpage {
	width: 525px;
	margin: 0px;
	padding: 0px;
	height: auto;
}


.colprocat {
	float: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: auto;
	width: 257px;
	display: block;	
}



.colcat {
	
	width:210px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 5px;
	height: 100px;
	border: 1px solid #CCCCCC;
	background-color: #E3E7FD;
}

.colcatbio {
	float:left;
	width:223px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: -5px;
	padding-left: 10px;
	margin: 5px;
	border: 1px dotted #CCCCCC;
	color: #666666;
	height: 150px;

}

.colcatbio a {
	color: #8BA8C5;
}

.colcatorganic {
	float:left;
	width:223px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: -5px;
	padding-left: 10px;
	margin: 5px;
	border: 1px dotted #CCCCCC;
	color: #666666;
	height: 150px;
}

.colcatorganic a {
	color: #5BAA59;
}



.colcatgf {
	float:left;
	width:223px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: -5px;
	padding-left: 10px;
	margin: 5px;
	border: 1px dotted #CCCCCC;
	color: #666666;
	height: 150px;
}

.colcatgf a {
	color: #9966CC;
}






.more {
	font-size: 9px;
	float: right;
	bottom: 5px;
	position: relative;
	visibility: inherit;
}


.search-cat-title {
	font-size: 80%;


}

#page {
	width:510px;
	margin-left: 202px;
	padding-right: 25px;
	padding-left: 20px;
	height: auto;
	font-size:110%;
	color: #666666;
	
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	
}



    #page-title {
	padding:15px;
	text-decoration: none;
}

    #page-title h2 {
	margin:0;
	margin-bottom:2px;
	color:#000066;
}

    #page-title p.date {margin:0; font-size:85%;}



#search-results {


}






#page-title h2 a {
	color:#000000;
	font-size: 32px;
	letter-spacing: 0px;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}

#page-title h2 a:hover {
	color: #004AB9;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#page-title p.date {color:#000;}

#page-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}

#page-title p.date a:hover {
	border-bottom:1px solid #FFF;
	color:#666666;
}



#page-content a {border-bottom:1px solid #AFAFAF; color:#000;}

#page-content a:hover {border-bottom:1px solid #000; color:#000;}



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

Z) Others

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


#news {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #666;
	height: 250px;
	padding-bottom: 20px;
}


.newsimage {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	height: 150px;
	width: 150px;
}





ul.ul-list {margin:15px 0; padding:0; list-style:none;}

ul li {
	margin:10;
	margin-bottom:6px;
	padding:0;
	padding-left:20px;
	background:url("images/ico-list.gif") 0 4px no-repeat;
	list-style-type: none;
}



#aside ul {margin:15px 0; padding:0; list-style:none;}

#aside ul li {margin:0; margin-bottom:6px; padding:0; padding-left:20px;  0 4px no-repeat;}





.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%;}

.hx-style01 span {
	margin-left:15px;
	padding:0 5px;
	font-weight:bold;
	background:#FFF;
	color:#004AB9;
	text-transform:uppercase;
}



a.ico-more {padding:5px 7px; border:0 !important;}
a.ico-more {background:#F5F5F5; color:#5F5F5F;}
a:hover.ico-more {background:#004AB9; color:#FFF;}


.alignright {float:right;}

.alignleft {
	float: left;
	padding: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#commentform {
	width: 400px;
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 0px;
	float: left;
}

#commentform input {
		
	}



#commentform textarea {
	width: 400px;
	padding: 2px;
	margin-bottom:10px;
	float: left;
	}



#commentform #submit {
	margin: 15;
	
	}

/* End Form Elements */







/* Begin Comments*/



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



img.avatar {float:left; margin-right:5px;}


#fnav {
		
	
}


#fnav ul {
	list-style:none;
	
}

#fnav ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	font-size: 13px;	
}

#fnav ul li a {
	display:block;
	border:0;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
}
#fnav ul li a:hover {
	color: #333333;
	background-color: #B8D3F5;
}

#fnav ul li#nav-active a {
	border:0;
	font-weight:bold;
	color: #000000;
}
		
	
.ddop { font-size: 90%; }

.ddop ul li {
	list-style-type: none;
}

.ddop ul li a {
	text-decoration: none;
	border-bottom-style: none;	
}

.ddop ul li a:hover {
	color: #004AB9;
	text-decoration: none;
}


/* Tables CSS */

table.simpleT
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 400px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.simpleT td.Hd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #404040;}


table.simpleT td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;} 

.BodL { border-left: 1px dotted #6699CC; } 


table.simpleL
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 510px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.simpleL td.Hd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #404040;}

table.simpleL td.Hd2
{
	border-bottom: 2px solid #6699CC;
	background-color: #F2F2F2;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #404040;
}



table.simpleL td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;} 


/*table for nutitional info */

table.nutrition
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 300px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.nutrition td.Hd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #404040;}


table.nutrition td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;} 




/* End Comments */