/*
 * 4/22/11 - This is the base style sheet on which print.css and print_friendly.css
 * are based on:
 *
 * recipes.css -> print_friendly.css -> print.css
 */

body {
    font-family: "MS PGothic", Arial;
    overflow-x: hidden;  /* 7-13-2010 hide the horizontal scollbar in IE */
    margin: 0px 0px 0px 0px;
}

.html  {
        overflow-x: hidden;  /* 7-13-2010 hide the horizontal scollbar in IE */
}

a:link,
a:active,
a:visited { color: #003366; font-weight: bold; text-decoration: none; }  /* dark blue */
a:hover   { color: #660033; font-weight: bold; text-decoration: underline; } /* dark red */

.recipe a:link,
.recipe a:active,
.recipe a:visited { font-weight: normal; text-decoration: none; }
.recipe a:hover   { font-weight: normal; text-decoration: underline; }

/* 7/13/2010 - used by category menu on the top of each recipe page */
.navigation a:link,
.navigation a:active, /* to do: font style is broken because it doesn't have a variable name */
.navigation a:visited { font-weight: normal; text-decoration: none; }
.navigation a:hover   { font-weight: normal; text-decoration: underline; }

h3 {
	font: bold 16px "MS PGothic", Arial;
	color: 79533D;
}

/* 4/22/11 - The Japanese site still mostly uses an outdated doctype where the child 
 * elements do not inherit the style from the parent element (table cell does not
 * inherit the style from the body).  Therefore, we must specifically define the style
 * for the table cell which is where the meat of the recipe content goes.  The old 
 * doctype also causes other problems on the Japanese site, including problems with 
 * link styling.  We need to eventually move over to the new doctype. */
td {
	font-family: "MS PGothic", Arial;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
}

/* 3/15/2010 - style for the main done photo, which adds space around the image
   so that the text does not sit right up against it */
img.main {
    border: 1px solid #333333;
    margin: 15px;
}

/* 4/28/10 - for listing the ingredients/photos */
ul.ingr {
    list-style-type: none;
    /* top, right, bottom, left */
    margin: 0px 0px 0px 90px;
    padding: 0px 0px 5px 0px;
}

/* 3/15/10 - styling for the ingredients and directions section headers */
.section_title {
	font-weight: bold;
        color: #79533D;
}

/* 4/12/11 - hide print page elements that only appear on printable pages */
.show_on_print {
    display: none;
} 

.name {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

/* Style for the printable recipe link */
.print {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.recipesnames {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}

.ingre {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
}

.taitoru {
	font-size: 10px;
	color: #FFFFFF;
}

.tips {
	font-weight: bold;
}

.new {
	background-color: #333399;
	color: #FFFFFF;
}

.vege {
	background-color: #333333;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 28px;
}

.small {
	font-size: 11px;
	color: #666666;
}

.movies {
	font-size: 9px;
	color: #333333;
}

.cookie {
	color: 333399;
}

.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(/jp/images/1.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number2 {
	background-image:url(/jp/images/2.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}
.number3 {
	background-image:url(/jp/images/3.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left;
	line-height: 22px;}

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