body {
	background-image: url(images/mainbackground-blue.png);
	background-color: #3d4f57;
	background-repeat: repeat-x;
	text-align: center;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/*  { border: 1px solid red; }  */

/*  Basic setup  */

div {
	margin: 0;
	padding: 0;
	text-align: left;
}

img {
	margin: 0;
	border: 0;
}

ul, ol, li {
	margin: 0;
	padding: 0;
}

a, a:link {
	text-decoration: none;
	color: #000099;
}

/* unvisited link */

a:visited {
	color: #330099;
}

/* visited link */

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

/* mouse over link */

a:active {
	text-decoration: underline;
	color: #cc0000;
}

/* selected link */

div.container {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	background: #ffffff;
	height: 100%;
}

div.header {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	width: 100%;
	background: #ffffff;
	background-image: url(images/the_delectable_hodgepodge.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.menu ul {
	list-style: none;
	margin-left: 720px;
	padding-top: 20px;
	padding-bottom: 72px;
	min-height: 60px;
}

.menu a {
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	display: block;
	background: transparent;
	width: 120px;
	padding: 1px;
	padding-left: 4px;
	font-size: 14px;
}

.menu a:hover {
	background-color: #4e6169;
	color: #ffffff;
}

div.splashmenu {
	padding-left: 100px;
	padding-bottom: 20px;
	background-image: url(images/home-vert-background.png);
	background-repeat: no-repeat;
	float: left;
}

.splashmenu h2 {
	padding: 2px;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
}

div.fancypics {
	width: 725px;
	position: relative;
	height: 490px;
	padding-left: 10px;
}

img.splash {
	border-left: 2px solid #cccccc;
	padding-left: 15px;
}

div.splash {
	float: right;
	padding-right: 20px;
	padding-top: 16px;
}

div.about {
	padding-left: 100px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	min-height: 300px;
}
div.about p {
	margin-left: 1.5em;
	margin-right: 1em;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
}


.textindex ul {
	list-style: square;
	margin-left: 0;
	padding-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 2em;
}

div.textindexfloat {
	position: relative;
	margin: 20px;
	float: right;
}

.textindexfloat img {
	border: 1px solid #000000;
	padding: 0;
}

.textindexfloat p {
	position: absolute;
	right: 1px;
	bottom: 10px;
	background-image: url(images/white-transparent-70.png);
	padding: 4px;
	text-align: left;
	width: 200px;
	font-variant: small-caps;
}

.pictindex ul {
	list-style: none;
}

.pictindex li {
	position: relative;
	padding: 10px;
	float: left;
}

.pictindex li p {
	position: absolute;
	left: 10px;
	top: 10px;
	background-image: url(images/white-transparent-70.png);
	padding: 4px;
	text-align: right;
	width: 250px;
}

.pictindex a {
	display: block;
	color: #660000;
}

.pictindex li p.desc {
	position: absolute;
	left: 50px;
	right: 10px;
	bottom: 20px;
	top: auto;
	background-image: url(images/white-transparent-70.png);
	padding: 4px;
	text-align: left;
	width: auto;
	opacity: 0.0;
}

.pictindex li p.desc:hover {
	opacity: 1.0;
}

div.desserts {
	background-image: url(images/desserts-vert-background.png);
}

div.maincourse {
	background-image: url(images/maindishes-vert-background.png);
}

div.bread {
	background-image: url(images/bread-vert-background.png);
}

div.brunch {
	background-image: url(images/brunch-vert-background.png);
}

h1 {
	padding: 2px;
	margin: 5px;
	margin-top: 0;
	font-weight: normal;
	font-size: 32px;
	margin-right: 50px;
	color: #660000;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
	font-variant: small-caps;
}

div.recipe {
	padding-left: 100px;
	padding-bottom: 20px;
	padding-right: 30px;
	min-height: 500px;
	background-repeat: no-repeat;
	min-height: 500px;
	font-family: "Arial";
}

div.recipetitle {
	position: relative;
	padding: 0px;
	margin-left: 10px;
}

.recipetitle img {
	padding: 0;
	margin: 0;
}

.recipetitle h1 {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 30px;
	background-image: url(images/white-transparent-70.png);
	padding: 5px;
	padding-left: 50px;
	padding-right: 20px;
	text-align: right;
	margin: 0;
	font-weight: normal;
	font-size: 32px;
	margin-right: 50px;
	color: #660000;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
	font-variant: small-caps;
}

.recipe h2, .textindex h2 {
	padding: 2px;
	margin: 5px;
	font-weight: normal;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
	font-variant: small-caps;
	font-size: 20px;
	border-bottom: 3px solid #deeaf1;
	margin-right: 50px;
	color: #00aa33;
	clear: both;
}

.recipe h3 {
	padding-left: 0.5em;
	margin: 5px;
	margin-top: 20px;
	font-weight: normal;
	font-size: 16px;
}

.recipe strong {
	color: #995555;
}

.recipe p {
	margin: 1em;
	line-height: 1.3em;
}

.recipe ul, .recipe ol {
	margin-left: 0;
	padding-left: 3em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	line-height: 1.3em;
}

.recipe li {
	margin-bottom: 1.5em;
}
.recipe li ol {
	margin-bottom: 0;
	list-style-type: lower-roman;
}
.recipe li li {
	margin-bottom: 0.8em;
}

div.ingredients {
	float: left;
	padding: 20px;
}

.recipe table {
	margin: 0;
}

.recipe th {
	text-align: center;
	background-color: #d1dde3;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
	font-variant: small-caps;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.recipe td {
	text-align: center;
	background-color: #e3eef3;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

td.ing {
	background-color: #d1dde3;
	text-align: left;
}

td a, td a:link, td a:visited {
	text-decoration: none;
	color: #000099;
}


.introblurb p {
	margin: 1em;
	font-family: "Palatino","Palatino Linotype","Book Antiqua",serif;
}

.introblurb p:first-child:first-letter {
	font-size: 300%;
	float: left;
	line-height: .8em;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 3px;
	color: #4e6169;
	background-color: #eeeeee;
}

.introblurb a {
	text-decoration: none;
	border-bottom: 1px dotted #000099;
}

/* unvisited link */


div.textindex {
	padding-left: 100px;
	padding-bottom: 20px;
	background-image: url(images/index-vert-background.png);
	background-repeat: no-repeat;
	min-height: 500px;
}

div.footer {
	padding: 20px;
	background-color: #deeaf1;
	color: #666666;
	font-size: 10px;
}
.footer a {
	color:  #555588;
}

.met {
	display: none;
}

td.eng, td.met {
	text-align: left;
}

.opt {
	font-style: italic;
}

div.unitswitcher {
	padding: 5px;
	text-align: right;
}

.variation h3 {
	color: #660000;
	font-variant: small-caps;
	font-size: 18px;
	font-weight: bold;
	margin-top: 1em;
}

.variation img {
	padding: 10px;
	float: right;
}

img.inset {
	padding: 10px;
	float: right;
}

div.notes {
	border: 2px dotted #666666;
	padding: 0.5em;
	background-color: #e3eef3;
	clear: right;
}

.notes h2 {
	border: 0;
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
}

.notes li {
	margin: 3px;
	margin-bottom: 0.8em;
}

.notes li ul {
	margin: 0.5em;
	list-style-type: circle;
}

.cornerlogo {
	display: inline !important;
	position: fixed;
	bottom: 0;
	right: 0;
}


/*  This is for recipes that are illustrated step-by-step  */

ol.illustrated li {
	clear: right;
}

ol.illustrated p {
	margin: 15px 0 15px -20px;
	text-align: right;
}
ol.illustrated p img {
	margin-left: 10px;
}

img.example {
	padding: 0 20px 20px 20px;
	float: right;
}


/*  Way down here so it overrides the other values; only used in one place  */

.pictindex h2 {
	color: #660000;
	border-bottom: none;
	padding-top: 1em;
	padding-bottom: 0em;
}

.container {
	display: inline-block;
}

/*  Hack for stupid IE5 and IE6 3 pixel bug in banner  */

/* Hides from IE-mac \*/

* html div.main {
	height: 1%;
}

* html div.inset {
	height: 1%;
	margin: 0;
}

.container {
	display: block;
}

/* End hide from IE-mac */