/*  
<div id="navigation">
        <?php include (TEMPLATEPATH . "/menu.php"); ?>
</div>


*/


@import url('domtab.css');



/* Menu  */

#menuholder{background: #FFF; width: 100%; border-bottom: 0px solid #330000; text-align:right;}

#nav {width: 1000px;background: #F89836;float: right; height: 0px;text-align:left; }

#nav, #nav ul { /* all lists */	padding: 0;margin: 0px;list-style: none;line-height: 1;}

#nav a {display: block;	padding:6px 10px 7px 10px;color: #fff;width: auto;}

#nav a:hover {	background: #fff;color:#CC6600;}

#nav li { /* all list items */ float: right; display: block; text-align:left; }

#nav li ul { /* second-level lists */	position: absolute;background: #CC6600;	width: 165px;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;
}

#nav li ul a{ /* second-level lists */	width: 144px;}

#nav li ul ul { /* third-and-above-level lists */ margin: -50px 0 0 155px; padding: 0;}

#nav li ul ul a{ width: 144px;}

#nav li:hover, #nav li.hover {  position: static;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;}




/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #FEE998 url(http://www.dianesnaturalfoods.com/img_site_mainbackground.jpg) repeat-x top;color:#333300;font:14px Arial; Trebuchet MS;margin-left:0px; line-height:20px;}
#wrapper{margin:5px auto;width:1000px;border:0px solid #330000; align:center;margin-top:0px;}

/**************** Header *********************/
#logo {float:left; background:url(http://www.dianesnaturalfoods.com/img_site_headerbackground.jpg) repeat center;}
#logo h1 a {}
#logo h1 {text-indent:-10000px;margin:0;padding:0; margin-top:0px;display:block;background:url(http://www.dianesnaturalfoods.com/img_banner_header.jpg) no-repeat center;width:1000px;height:105px; }

#map {float:center; margin-bottom:25px; width:100%;}

/**************** Header *********************/
#welcome {padding-top:0px; font-size:14px; color: #666666;}
#welcome h1 {font-size:25px; font-weight:normal; letter-spacing:-1px; margin-bottom:0px; color:#000000;}
#welcome span a{font-weight:bold; color:#CCCC99; float:left; padding:0px 0px 0px 0px;}

/**************** Text *********************/
h2 a:link,h2 a:visited{ font-size:22px; color: #003300; text-decoration:none;}
h2 a:hover{color: #003300; decoration:none;}
.spacer {border-bottom:0px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#003333; width:600px; margin:auto; padding:2px 0px 2px 10px;}

/**************** Links *********************/
a:link, a:visited{color: #333300; text-decoration:underline;}
a:hover{color: #333300;text-decoration:underline;}


/**************** Navigation *********************/
#navigation{clear:both;	width:950px; position:absolute;	top:101px; margin:0px auto; padding:0px;}
#menu {height: 0px; list-style:none;}

/**************** Entry *********************/
.entry{ float:left;margin-top:15px; margin-left:5px; margin-right:5px; margin-bottom:20px; width:635px;background:#FFFFCC;  border:1px solid #003300;}
.entry img { border:1px #330033 solid; margin-right:5px; padding:5px; margin-left:10px; margin-bottom:20px;}
.entry ul li{list-style-type:none;margin-bottom:10px;}

.entry h2{padding-bottom:5px; line-height:23px; border-bottom:1px solid #333300; color:#333300;}
.entry p{padding:0 0 15px 0;}
.post{padding:5px;text-align:justify; margin-bottom:20px; }
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.lightgray { color: #000; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #F4F4DF; padding:5px; font-size:12px; border:0px;}

/**************** Sidebars *********************/
#sidebar2{ width:140px; float:left; margin-top:15px; margin-left:5px; margin-right:0px; margin-bottom:20px;background:#FFFFCC;border:1px solid #003300;}
#sidebar2 h2{font-weight:normal; font-size:12px; border-bottom:1px solid #003333; padding:0px 15px 0px 5px; text-transform:uppercase;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{float:right;}
#topsearch input[type="text"]{background: #ffffff url(images/search.png) right no-repeat; border: 3px solid #666666; width:10em; color: #333333; font:12px Trebuchet MS, Arial, sans-serif;padding:2px 16px 2px 2px;}
#searchbutton {padding:1px;} 

/**************** Comments *********************/
.comlabel { left no-repeat; font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px;margin-top:10px;}
.postlabel {left no-repeat;font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px; margin:10px 0px 10px 0px;}
.commentlist{list-style:none;}
.tip {height:15px; width:500px; display:block;margin:10px 0px 0px 0px;}
.authorcomment {padding:3px; margin:10px 0px 0px 0px;}
.odd{color: #006699; font-size:12px; padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC; }
.odd a:link{color:#006699;}
.commenttext {color: #FFF; padding:5px 10px 0px 0px;  margin:0px; font-size:12px;}
#author, #email, #url {width:35%;border:1px solid #cbcbcb; font:12px Trebuchet MS; margin-bottom:0.6em;margin-top:5px;padding:1px 15px 1px 1px;}
#comment{width:98%;border:1px solid #000;margin-bottom:0.6em;margin-top:5px;padding:3px;}
#submit {background:#000; padding:1px; font:12px Trebuchet MS;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4;}

/**************** Footer *********************/
#footer{margin:0px auto; padding-top:10px; padding-bottom:10px; text-align:center; background:#F78C26;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{background:no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ background:o-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}


/**** UNUSED *****/
#sidebar1{ width:200px; float:left;margin-top:15px; margin-left:2px; margin-right:px; margin-bottom:0px;background:#FFFFCC;border:1px solid #003300;}
#sidebar1 h2{font-weight:normal; font-size:12px; border-bottom:1px solid #003333; padding:0px 15px 0px 5px; text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
.postform {font:13px Trebuchet MS; width:150px; color: #666666;}
.archivedropdown {font:13px Trebuchet MS; width:150px; color: #000;}