@font-face {
	font-family: 'Staccato222 BT';
	src: local('Staccato222 BT'),
		url('/obj/font/Staccato%20222%20BT.ttf') format('truetype'),
		url('http://www.webpagepublicity.com/free-fonts/s/Staccato%20222%20BT.ttf') format('truetype');
}
@font-face {
	font-family: 'AdineKirnberg-S';
	src: local('AdineKirnberg-S'),
		url('/obj/font/AdineKirnberg-S.ttf') format('truetype'),
		url('http://www.webpagepublicity.com/free-fonts/a/AdineKirnberg-S.ttf') format('truetype');
}

body {
	margin: 0px; padding: 0px; font-family: serif;
}
h1 {
	font-size: 230%;
	font-family: 'Staccato 222 BT', 'Staccato222 BT', 'Staccato222', 'Staccato', 'Brush Script MT', 'Brush Script', 'Cupid', 'cursive';
}
.splash .logo { margin: .5em 0px; }
/*.tagline { font-size: 95%; }*/
.store h1.logo,
.catering h1.logo { position: absolute; top: 12px; right: 12px; margin: 0px; padding-top: 0px; }
.store h1.logo img,
.catering h1.logo img { width: 240px; height: 120px; }

.contentleft, .contentright {
	position: absolute; z-index: 3; background: #fff;
/*	top: 13em; bottom: 8em;*/
	height: 280px; width: 300px;
	top: 50%; margin-top: -140px;
	text-align: center; overflow: auto;
}
.contentright { /*right: 9em; left: 53%;*/ left: 50%; margin-left: 6px; }
.contentleft { /*left: 9em; right: 53%;*/ right: 50%; margin-right: 6px; }

.page,
.menu {
	position:relative; top: 1em;
/*	margin: 3ex;*/
	margin: 0em 17em 5em 1em;
	border: 1px solid;
	padding: 3ex;
	padding-bottom: 4em;
}
.menu h2 { border-bottom: 2px solid #999; }
.menu h1,
.menu h2,
.menu h3 {
	width: 99%;
	text-align: center;
}
/*.menu h1 { background: #ffc; }*/
.menu h2,
.menu h3 {
	margin-top: 2em;
}
.note {
	font-size: 80%;
	text-align: center;
}
.note.tight {
/*	probably not functional in IE because of the multiple classes bug*/
	margin-top: -1em;
}
.warn {
	font-style: italic;
	padding: 3px;
	background: #fdc;
}
.aside {
	font-size: 80%;
}

.sidebar {
	position: relative;
	float: right;
/*	z-index: 550;*/
	max-width: 250px;
}
.photobar {
	padding-bottom: 3em;
}
.photobar a { display: block; margin: 1.5em; margin-right: 1ex; border: 1px solid #888; padding: 1px; }
.gallery { margin: 1em auto; border: 3px double #bbb; max-width: 800px; text-align: center; }
.gallery a { display: inline-block; margin: 1.5em; border: 1px solid #888; padding: 1px; }

.menu#specials p { text-align: center; }
dt {
	font-weight: bold;
	text-shadow: 1px 1px 2px #777;
	margin: 1ex 0px;
}
.column1 { width: 40%; margin: 5%; float: left; position: relative; }
.column2 { width: 40%; margin: 5%; float: right; position: relative; }
.selections { margin-bottom: 2em; }
.selections ul,
.selections ul li { list-style: none; text-align: center; margin: 0px; padding: 0px; margin-bottom: 1ex; }
.menu table {
	width: 99%; border-spacing: 0px;
}
tr.item { vertical-align: top; }
td.desc { border-bottom: 1px dotted #ccc; padding: 1px; padding-top: 3px; }
td.price { width: 10ex; text-align: right; border-bottom: 1px dotted #ccc; padding: 1px; padding-top: 3px; }
/*td { background: #ccc; }*/
table.wide { width: 99%; }
table.wide td.price { width: 40%; }
table.pricing { margin: auto; width: auto; }
table.pricing th,
table.pricing td {
	text-align: right;
	padding-left: 1em;
}
table.pricing td { width: 6em; }
table.contactlist th,
table.contactlist td {
	border-bottom: 1px dotted #ccc;
	padding: 2px 1em;
	text-align: left;
	vertical-align: top;
}
table.entrees { border-spacing: 0px 1.5em; }
table.entrees tr.entree { vertical-align: top; }
table.entrees tr.entree td { border-bottom: 1px dotted #ccc; }
table tr.item td { border-bottom: 1px dotted #ccc; }
tr.item span.title { display: block; font-weight: bold; }

blockquote.testimonial { margin-top: 2em; margin-bottom: .5em; border-top: 1px dotted #555; padding: 1.5em 1.5em 0px 1.5em; font-style: italic; }
p.attribution { margin-top: .5em; margin-left: 15em; padding-bottom: 1em; font-weight: bold; }

iframe#googlemap,
div#map {
	position: absolute; z-index: 120;
	bottom: 4em; right: 0%;
	width: 500px; height: 350px;
	border: 3px solid #AA3D33;
}

.nav {
	position: absolute; top: 150px; right: 1.2em; width: 14em; display: block; font-family: serif;
}
.nav h2 { display: none; }
.nav ul li.header { border-bottom: 1px solid black; }
.nav ul li.header h3 { font-family: serif; font-size: 110%; font-weight: bold; margin: auto; padding: auto; }
.nav ul { border: 1px solid black; padding: 0px; list-style: none; }
.nav ul li { margin: 0; padding: 3px; text-align: center; }
.nav ul li a { display: inline-block; margin: 0px 0px; width: 100%; }
.nav a.pdf:after {
	content: ' ' url('/obj/img/pdf-icon-micro.png');
	vertical-align: baseline;
}
.nav a.feed:after {
	content: ' ' url('/obj/img/feed/16.png');
	vertical-align: baseline;
}

.store .nav .caternav li,
.catering .nav .storenav li { display: none; }
.store .nav .caternav li.header,
.catering .nav .storenav li.header { display: block; border-bottom: none; }

.footnote {
	font-size: 75%;
	font-style: italic;
}
a.footnote {
	text-decoration: none;
}
a.footnote:before {
	content: ' ';
}
div.footnote {
	margin-top: 2em;
}

.footer {
	position: fixed; bottom: 1.5ex; right: 1px;
	width: 17em;
	text-align: center;
}
.footer > * { font-size: 75%; }
.footer p { margin-bottom: 0px; }
.page .footer { position: relative; }


/* temporary?? */


.home h2 {
	text-align: right;
	font-weight: normal;
}
.home p {
	text-align: left;
	font-weight: normal;
}
.box {
	clear: both;
	margin: 2em 0px;
	border: 1px solid transparent;
}
.box h2 {
	text-align: left;
}
.box.intro h2,
.box.even h2 {
	text-align: right;
}
.box img {
	position: relative;
	float: left;
	top: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
	border: 3px solid #840;
}
.box.even img,
.box img.twin {
	float: right;
	margin-right: auto;
	margin-left: 1em;
}