body {
	background-color: #333333;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: 660033;
	text-decoration: none;

}
a:visited {
	color: #003366;
	text-decoration: none;

}
img {
   
        border-color: #000000;

}
h3 {
	color: #660033;
	font-size: 16px;
	font-weight: bold;
}
.japanesename {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

/* 4/28/10 - for listing the ingredients/photos */
ul.ingr {
        list-style-type: none;
        margin-left: 90px;
        padding-left: 0px;
        padding-bottom:10px;
}
/* 5/2/10 - for listing the steps in the recipe.
   The lists style position property allows the
   numbers to be flush with other text elements */
ul.steps {
        list-style-type: none;
        margin-left:0;
        padding-left: 0px;
}

.new {
	color: #FFFFFF;
	background-color: 000066;
	font-size: 11px;
	font-weight: bold;

}
td {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
}
a:hover {
	color: #660033;
	/* 4/5/10-disabling italic to because it shifts the main menu at the top of page */
	/* font-style: italic; */

}

/* 4/4/10-making "small" style obsolete.  Replacing it with "category" and "recipe" styles.
   I will keep the "small" style around for awhile until all references have been removed. */
.small {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;

}
.category {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;

}
.recipe {
	color: #000000;
	font-size: 13px;
	line-height: 21px;

}
.caption {
	color: #666666;
	font-size: 12px;
        font-style: italic;

}


/* 4/22/10 - adding footnotes styles.  "footref" is this superscript link that takes 
   you down to the footnote section.  "footnote" is the style for the link inside the 
   footnote section that takes you back to the recipe content */
a.footref {
        font-size: 80%;
        vertical-align: super;
}

a.footnote {
        font-weight: bold;
}

.recipe_index {
	color: #660033;
}

/* 4/19/10 - the print class allows us to define the elements that will only be displayed
             on printable recipe pages, and hidden on the main recipe page. */
.print { 
        display : none; 
}
 
BODY {
	scrollbar-arrow-color:#333333;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-base-color:#666666;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-heightlight-color:#ffffff;
	scrollbar-shadow-color:#999999;
	background:#333333;

}
.list {
	background-image:url(../images/dot.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left;
	line-height: 22px;}
/* 4/19/10 - used by category menu on the top of each recipe page */
.navigation {
 	padding-left: 15px;
	line-height: 22px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	font: "Lucida Sans Unicode", "Courier New","Arial"; 
}
.list {
	background-image:url(../../images/dot.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left;
	line-height: 22px;
}
.heart {
	background-image:url(../../images/heart.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left;
	line-height: 22px;
}
.number1 {
	background-image:url(../images/1.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number2 {
	background-image:url(../images/2.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number3 {
	background-image:url(../images/3.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}

.number4 {
	background-image:url(../images/4.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number5 {
	background-image:url(../images/5.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number6 {
	background-image:url(../images/6.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number7 {
	background-image:url(../images/7.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number8 {
	background-image:url(../images/8.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number9 {
	background-image:url(../images/9.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number10 {
	background-image:url(../images/10.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number11 {
	background-image:url(../images/11.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number12 {
	background-image:url(../images/12.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number13 {
	background-image:url(../images/13.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}