@charset "utf-8";

html { background: #DDF; }

a:link, a:visited { 
	color: black;
	text-decoration: none;
}

a:hover, a:active { 
	color: white;
	text-decoration: underline;
}

h1 {
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

h2  {
	font-size: 153.9%;
	font-weight: bold;
	background-color: #AAF;
}

h3 { 
	clear: both;
	font-size: 138.5%; 
}

p.readme {
	margin-bottom: 1em;
	font-size: 108%;
}

.yui-u, .dishes {
	background-color: #EEF;
	padding-bottom: 1em;
}

/* --- Tables --- */

table {
	width: 90%;
	margin-left: 1em;
	margin-right: 1em;
}

th { font-weight: bold; }

th, td {
	text-align: right;
	padding: 2px;
	padding-bottom: 5px;
}

th.dish, td.dish { text-align: left; }

tr.even { background-color: #CCF; }

/* --- Lists --- */

ul.dishes { padding-top: 10px; }

/* percentage didn't work correctly in IE6
li { margin-bottom: .75em; }
 */
li a:hover {
	color: black;
	background-color: white; 
	
	}

li a, li a:hover, li a:active {
	display: block;
	text-decoration: none;
	padding-top: .25em;
	padding-bottom: .5em;
}

/*
li.menu a:hover, a:active { 
	text-decoration: none; 
}
*/

li.current a, li.current a:hover, li.current a:active, li.current a:visited {
	text-decoration: none; 
	color: black;
}

/* --- Menu --- */

div#dishes { margin-left: 2em; }

form.order { margin-left: 2em; 
	width: 60%;
}

div.variant {
	display: inline;
	width: 50%;
}

.note { 
	clear: both;
	font-size: 93%;
	font-style: italic; 
}

.priceadd { display: inline; }

.price { font-style: italic; }

/* --- Cart --- */

.cart p, .checkout p {
	text-align: right;
	margin: 1em;
}

.floatright {
	clear: right;
	display: inline;
	float: right;
}

.floatleft {
	clear: left;
	display: inline;
	float: left;
}

/* --- Checkout --- */

div.checkout {
	font-size: 108%;
	width:30em;
}

div.checkout fieldset { margin-bottom: .5em; }

div.checkout label { 
	display: block;
	margin-top: .5em; 
}

div.checkout label#inline, div.checkout label.pickup, div.checkout label.City { 
	display: inline;
}

label#inline input, select#City {
	margin-top: .5em; 

}

div.checkout legend {
	font-size: 108%;
	font-weight: bold;
}

div.checkout textarea {
	font-size: 100%;
	vertical-align: top;
}

div.checkout .error {
	color: red;
	font-weight: bold;
}

/* --- Footer --- */

div#ft { margin-top: 2em; }

div#ft p { text-align: center; }

div#ft p#valid { text-align: right; }


/*

#bd { outline: 1px solid yellow; }
#yui-main { outline: 1px solid red; }
.yui-b { outline: 1px solid blue; }
.yui-gc { outline: 1px solid yellow; }
.yui-u { outline: 1px solid orange; }
*/