/* ============================
HTML ELEMENTS
============================ */
*,
html	{ margin:0; padding:0; }
body	{ padding:0.3em; background:#FFF; color:#000; font-family:Verdana, Helvetica, sans-serif; font-size:14px; }
h1		{ font-size:130%; }
h2		{ font-size:120%; text-shadow:2px 2px 2px #666; margin-bottom:0.3em; }
h3		{ font-size:100%; text-shadow:1px 1px 1px #666; }
input[type=button] { font-weight:bold; width:2em; }
input[type=button],
select { font-size:100%; }
noscript { background:#F99; width:12em; margin-top:1em; padding:0.3em; }
table { border:1px solid #999; }
th		{ padding:4px; color:#000; text-align:left; vertical-align:bottom; font-weight:bold; }
td		{ padding:4px; vertical-align:top; }
td p,
th p	{ margin:0 0 0.8em 0; }
ul		{ padding-left:1em; margin-bottom:1em; }

/* ============================
DOCUMENT ELEMENTS
============================ */
.button					{ cursor:pointer; background:#2D2; border:2px solid #090; border-radius: 8px; color:#000; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:0.2em 0.5em 0.2em 0.5em; text-decoration:none; text-shadow:none; }
.button:hover		{ background:#0F0; border:2px solid #0C0; }

#content				{ position:absolute; left:0; top:40px; padding:8px 8px 20px 8px; width:100%; height:100%; }
#contentSpacer	{ padding-right:16px; }

#header					{ position:fixed; left:0; top:0; height:24px; width:100%; padding:8px; background:#525; color:#FFF; z-index:999; }

#nav						{ position:absolute; right:24px; top:10px; font-size:100%; font-family:Verdana, Geneva, sans-serif; }
#nav-text				{ font-weight:bold; }
#nav li					{ display:inline; padding:0 0.33em 4px 0; }
#nav li a				{ text-decoration:none; color:#FFF; padding:0 0.33em; }
#nav li a:hover	{ color:#252; background:#EFE; outline:0; border-radius:2px; }

#notes 		{ border:0; margin-bottom:1em; }
#notes td	{ padding:1px; vertical-align:top; }

#pic			{ height:auto; width:100%; opacity:0.3; }

#recipe		{ position:absolute; left:0.5em; top:3em; border:0; width:32em; height:100%; overflow:hidden; }
#recipes	{ padding:0.5em; }
#recipes select	{ font-size:110%; }

/* ============================
MISCELLANEOUS
============================ */
.anchor 	{ padding-top:40px; }
.blue			{ background:#9CF; }
.bold			{ font-weight:bold; }
.center		{ text-align:center; }
.clear		{ clear:both; }
.dinner		{ background:#FFF; }
.floatL		{ float:left; }
.floatR		{ float:right; }
.gray			{ background:#DDD; }
.green		{ background:#9F9; }
.hmmm			{ color:#555; font-style:italic; }
.in				{ background:#DFD; }
.note			{ max-width:32em; }
.note2		{ max-width:12em; }
.out			{ background:#FDD; }
.portrait	{ border:1px solid #666; }
.red			{ background:#F99; }
.right		{ text-align:right; }
.small		{ font-size:88%; }
.shadow		{ text-shadow:2px 2px 2px #666; }
.super		{ vertical-align: super; font-size:90%; font-weight: bold; }
.timestamp	{ clear:both; text-align:right; font-size:88%; color:#999; margin-right:8px; }