/* CSS Document */

body {
	background-color:#FFFFFF;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
}

a {
	color:#4572AD;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

textarea,input,submit 
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
}

h1 {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:230%;
	color:#4572AD;
	font-weight:normal;
}


/* THE AREA THAT CONTAINS THE STONE IMAGE AND THE WEBSITE TITLE */

#title {
	margin:0 auto 0 auto;
	text-align:center;
	margin-bottom:25px;
}

#title p {
	font-variant:small-caps;
	letter-spacing:1px; /* used to be 2px originally */
}

/* PROPERTIES OF THE HEADER IMAGE */

#title img {
	border:none;
}

#title a {
   text-decoration:none;
   color:#4572AD;
   padding: 10px;
}

#title a:hover {
	text-decoration:underline;
    color:#4572AD;
}
/* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */

#container {
	width:620px;
	margin:0 auto 0 auto;
}

/* MENU */
#menu {
	text-align:left;
}

#menu a {
	color:#000000;
	background-image:url(../images/backgrounds/a.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	line-height:15px;
	text-decoration:none;
}

#news 
{
    font-size:12px;
}

#menu a:hover {
	color:#000000;
	background-image:url(../images/backgrounds/a_hover.jpg);
}

#dmenu a:link, #dmenu a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	display: block;
	border-bottom: 1px solid #efefef;
	line-height:12px; 
	padding-bottom:2px; 
	vertical-align:middle;
	font-size:12px;
}

#dmenu a:hover
{
	color: #000000;
	text-decoration: underline;
}

.recipeshortcut
{
   padding-left: 15px; 
   border-bottom: 0px solid #efefef;
   line-height:20px;
}

/* THE SIDEBAR WITHIN THE CONTAINER */

#sidebar {
	width:175px;
	float:left;
	padding-right:20px;
}

#sidebar h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:200%;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px; /* for alignment */
}

#sidebar p {
	line-height:20px;
}


/* THE AREA NEXT TO THE SIDEBAR */
#content {
	/*margin-left:195px;*/ /* this doesn't work in IE and FF - use float and width*/
	float:left; 
	width:380px;
	padding-left:20px;
	border-left:1px solid #cccccc;
	background-image:url(../images/backgrounds/content.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

#content h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:200%;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px; /* make sure whole image shows */
	background-image:url(../images/rolledoatsm.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#content h3 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:140%;
	color:#626477;
}

#content p {
	line-height:20px;
	text-indent:15px;
}

#content ol,ul {
	line-height:25px;
}

#content li {
	/*list-style-image:url(../images/backgrounds/li.gif);*/
	list-style-image:url(../images/backgrounds/li-oats.gif);
	
}




/* THE FOOTER */

#footer {
	width:600px;
	margin:0 auto 0 auto;
	padding:10px;
	text-align:center;
	border-top:1px dashed #cccccc;
	clear:both; /* push this div to bottom*/
}

/* PRODUCTS */
#product
{
	padding-left:0px;
	padding-bottom:25px;
	border-top:1px solid #cccccc;
}

#product .productoverview
{
    width:380px;
}


#product .producttitle
{
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#product .productprice
{
   padding:0 0 8px;
   color:#999999;
   font-size:90%;
   /*font-variant:small-caps;*/
}

#product .productcontent
{
   /* empty */
}

#product .productphotoarea
{
   float:left;	
   padding-right:4px;
}

#product .productphoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
}

#product .productdescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;

}

/* BLOG POSTINGS */

#blogposting 
{
	padding-left:0px;
	padding-bottom:25px;
	border-top:1px solid #cccccc;
}

#blogposting .blogdate
{
   color:#999999;
   font-size:90%;
   font-variant:small-caps;
}

#blogposting .blogpostingtitle
{
  padding:0 0 8px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#blogposting .blogpostcontent
{
  /*color:#999999;
  font-size:85%;*/
}

#blogposting .blogphotoarea
{	
   padding:4px;
}

#blogposting .blogphoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
}

/* RECIPES */

#recipe
{
	padding-left:0px;
	padding-bottom:25px;
	border-top:1px solid #cccccc;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}

#recipe .recipeoverview
{
    width:380px;
}

#recipe .recipephotoarea
{
   float:left;	
   padding-right:4px;
   width:184px;
   height:168px;
}

#recipe .recipephoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:180px;
   height:152px;
}

#recipe .recipephotoareav
{
   float:left;	
   padding-right:4px;
   width:158px;
   height:184px;
}

#recipe .recipephotov
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:152px;
   height:180px;
}

#recipe .photoby
{
   padding:0 0 8px;
   color:#bbb;
   font-size:90%;
   text-align:right;
   padding-right: 3px;
}

#recipe .photobyv
{
   padding:0 0 8px;
   color:#bbb;
   font-size:90%;
   text-align:right;
   padding-right: 5px;
}

#recipe .recipeingredientstitle, #recipe .recipedirectionstitle
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	/*color: #cc6600;*/
	font-weight:bold;
	padding-bottom: 1px;
}

#recipe .recipeingredients 
{
	padding-left: 12px;
	padding-bottom: 8px;
	padding-top: 4px;
}

#recipe ul
{  
   /*font-size:normal;*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 0 0px 0px; 
   padding-left:5px; 
   list-style-type:none;
}

#recipe ul li 
{
   /*font-size:normal;*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding:2px;
   line-height:12px;
   list-style-image:none;
}

#recipe ol
{
   /*font-size:normal;*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 0px 0px 2px; 
   padding-left:20px; 
   /*color:#cc6600;*/
}
#recipe ol li span 
{
   /*font-size:normal;*/
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
}

#recipe ol li 
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size: normal;*/
	padding:2px;
	line-height:12px;
	list-style-image:none;
}

#recipe .recipedirections
{
    padding-top: 4px;
	padding-bottom: 4px;
}

#recipe .recipetitle
{
  padding:0 0 0px;
  font-size:150%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
  vertical-align:bottom;  
  float:left;
}

#recipe .control
{
  float:right;
  padding-top:4px;
  vertical-align:middle;
}

#recipe .recipesubmittedby
{
   padding:0 0 8px;
   color:#999999;
   font-size:90%;
   font-variant:small-caps;
   clear:both;
}

#recipe .recipedescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;
}

#recipePrintable 
{
    width: 400px;
    position: relative;
    left: 50%;
    margin-left: -200px; /* half the width of the div */
}


/* ABOUT OATS */
#economy 
{
}

#economy .economychartheader
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding-bottom: 1px;
	font-weight:bold;
}

#economy .economychartunits
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	padding-bottom: 0px;
	font-weight:normal;
	text-align:left;
}
#economy .economychart
{
   border:0px;
   border-style:solid;
   border-color:#999999;
   float:left;	
   padding-right:0px;
}


/* USES */
#use
{
	padding-left:0px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}

#use .useoverview
{
    width:380px;
}

#use .usetitle
{
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#use .usephotoarea
{
   float:left;	
   padding-right:4px;
   padding-top:3px;
   width:84px;
   height:84px;
}

#use .usephoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:80px;
   height:80px;
}

#use .usedescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;

}

/* PROMO */
#promo 
{
	width:400px; 
	
	border:3px;
	border-style:solid;
	border-color:#00c;
	background-color:#66CC33;
	padding:15px;
	padding-top:0px;
}

#promo h1 {
	font-family:Arial, Verdana;
	font-size:300%;
	color:#FFFF99; /*#626477;*/
}

#promo h2 {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:180%;
	color:#FFFF99; /*#626477;*/
}

#promo h3 {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:150%;
	color:white; /*#626477;*/
}



/* TYPES */
#type
{
	/*margin-left:195px;*/
	padding-left:0px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}

#type .typeoverview
{
    width:380px;
}

#type .typetitle
{
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#type .typephotoarea
{
   float:left;	
   padding-right:4px;
   padding-top:3px;
   width:84px;
   height:84px;
}

#type .typephoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:80px;
   height:80px;
}

#type .typedescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;

}


/* VARIETIES */
#variety
{
	padding-left:0px;
	padding-bottom:10px;
	border-top:1px solid #eeeeee;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}
#variety .varietytitle
{
  padding:0 0 0px;
  font-size:130%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}


/* AGRO */
#agro
{
	padding-left:0px;
	padding-bottom:10px;
	border-top:1px solid #eeeeee;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}
#agro .agrotitle
{
  padding:0 0 0px;
  font-size:130%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

/* Further reading */
#further
{
	padding-left:0px;
	padding-bottom:10px;
	border-top:1px solid #eeeeee;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}
#further .furthertitle
{
  padding:0 0 0px;
  font-size:130%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}


/* BENEFITS */
#benefit
{
	padding-left:0px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}

#benefit .benefitoverview
{
    width:380px;
}

#benefit .benefittitle
{
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#benefit .benefitphotoarea
{
   float:left;	
   padding-right:4px;
   padding-top:3px;
   width:84px;
   height:84px;
}

#benefit .benefitphoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:80px;
   height:80px;
}

#benefit .benefitdescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;

}

#nutetable
{   border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: double double double double;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	border-collapse: separate;
	background-color: white;
}

#nutetable tr td
{
    padding-left:5px;
    margin-left:5px;
}

#nutetable .nutesection
{
   color:#cc6600;
}

/* INDEX */
#index
{
	padding-left:0px;
	padding-bottom:15px;
	border-top:0px solid #cccccc;
	font-family:"Trebuchet MS", Arial, Verdana;
    font-size:100%;
}

#index .sectionoverview
{
    width:380px;
}

#index .sectiontitle
{
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#cc6600;
}

#index .sectionphotoarea
{
   float:left;	
   padding-right:4px;
   padding-top:3px;
   width:84px;
   height:84px;
}

#index .sectionphoto
{
   border:1px;
   border-style:solid;
   border-color:#999999;
   width:80px;
   height:80px;
}

#section .sectiondescription
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	padding-bottom: 8px;

}

/* ADSENSE */
#emoadsense
{
   padding-left:0px;
}