body {background:#000; color:#eee; text-align:center; margin:0; padding:0 }
.doc {width:698px; margin:20px auto ; text-align:left}
.clr {clear:both}

#body h1, h2, h3, h4, h5, h6 {font-weight:bold; margin-bottom:.4em}
#body h3 {font-size:140%; color:#aaa}
#body h4 {border-top:1em solid black; font-size:110%}
#body p.note {font-size:92%; font-style:italic}
#body p {margin-bottom:1.2em; text-align:justify}
#body ul li { margin-left:14px; padding-left:0px; list-style:disc; margin-bottom:1.2em }

/* common elements */
#header {height:1.6em; margin:0 0 .4em 1em}
#header #title {float:left;  font-size:110%}
#header #nav {float:right; padding-top:.2em}
#header #nav li {float:left; margin:0 1.2em}

#pageimg {border:2px solid #FAFFF9; height:auto; width:694px}

#body { margin:2em 1em 4em 1em; border-bottom:1px solid #000; position:relative; zoom:1}
#body .textmod {width:100%; }
#body .mod { margin-bottom:2.4em}



/* fonts */
a {font-weight:bold; color:#ddd;}

#navigation a {color:#aaa}

#navigation a {text-decoration:none; }
#navigation a:hover {text-decoration:underline; }



/* page-specific elements */

#homepage .events dl { width:100%; display:block;  margin-bottom:1.2em; position:relative; zoom:1}
#homepage .events dt { width:20%; margin-left:5%; position:absolute; left:0}
#homepage .events dd { width:75%; display:block; margin-left:30%}
#homepage .events dd span { font-size:84%; font-style:italic}

#homepage #body .textmod {width:380px; padding:0; float:left;}
#homepage #body .about {width:240px; padding:0; float:right; }

#about #body .textmod {width:380px; padding:0; float:left;}
#about #body .location {width:240px; padding:0; float:right; }
#about #body #mapWrapper #map {width:240px; height:180px}
#about #body #mapWrapper #closeMap {display:none}
#about #body #mapWrapper.large {position:absolute; top:2.4em; left:0; width:680px; height:320px}
#about #body #mapWrapper.large #map {width:680px; height:320px}
#about #body #mapWrapper.large #closeMap {display:block; border:2px solid black; background:#fff; color:#000;
	padding:2px 6px; text-decoration:none;
	position:absolute; top:-2px; right:-2px; z-index:4000}
#about #body #mapWrapper.large #closeMap:hover {text-decoration:underline}

#calendar #body { margin:2em 0; position:relative}
#calendar #controls {position:absolute; top:5px; right:-5px}
#calendar #controls a {margin-right:10px}
#calendar #calendarDisplay {position:relative; margin-bottom:1em; cursor:default}
#calendar #calendarDisplay table { z-index:1000 }
#calendar #calendarDisplay table, 
#calendar #calendarDisplay td,
#calendar #calendarDisplay tr,
#calendar #calendarDisplay th {border:0; padding:0; margin:0; vertical-align:top;}
#calendar #calendarDisplay caption {text-align:left}
#calendar #calendarDisplay table {border-left:1px solid #ddd; border-bottom:1px solid #ddd; width:auto}
#calendar #calendarDisplay td { width:115px; height:80px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:white}
#calendar #calendarDisplay caption span {position:absolute; top:-1px; right:0;}
#calendar #calendarDisplay caption span.prev {right:2em; }
#calendar #calendarDisplay caption span a {display:block; background:#ccc; color:#fff; text-decoration:none; padding:1px 4px 0 4px}
#calendar #calendarDisplay caption span a:hover {background:#aaa;}
#calendar #calendarDisplay td.empty {background-color:#efefef;}
#calendar #calendarDisplay td.empty span {color:#aaa}
#calendar #calendarDisplay td span.thisdate {display:block; text-align:right; padding:5px 5px 0 5px; line-height:1em}
#calendar #calendarDisplay td span {color:#787878}
#calendar #calendarDisplay .event {padding:0 5px 5px 5px; font-size:84%;}
#calendar #calendarDisplay .event li {line-height:1em; margin-bottom:.4em; color:#333}
#calendar #calendarDisplay td.Mon {display:none !important}
#calendar #calendarDisplay em {display:none} 
#calendar #calendarDisplay .first em {display:inline; font-style:normal; padding:0 .2em}

#calendar #listResults {display:none}

#calendar #dayDetails {display:none; border:1px solid #aaa; font-size:100%; background:#ffffdd; height:auto; width:auto; min-width:240px; _width:400px; padding:5px; position:absolute; top:10px; left:-10px; z-index:2000}
#calendar .visible {display:block !important}
#calendar #dayDetails h3,
#calendar #dayDetails ul,
#calendar #dayDetails p {padding:0 0 0 4em; margin:0; color:#333 !important; border:none; text-align:left}
#calendar #dayDetails div {padding:0 0 1em;}
#calendar #dayDetails p.date {font-size:78%; margin:0;  padding:0 0 .6em 5px; font-family:verdana}
#calendar #dayDetails p.tags {margin-top:.4em; padding-left:4.75em; font:normal 84%/1.2em verdana, arial}
#calendar #dayDetails p a {color:#003366; font-weight:normal}
#calendar #dayDetails h3 {font-weight:bold; font-size:100%; position:relative}
#calendar #dayDetails h3 span {font-weight:normal; font-size:70%; position:absolute; text-align:left; left:5px; _left:-5.4em; top:2px; font-family:verdana }

#calendar #calendarAdminSubmit {border:1px solid #fff; background:#000; color:#fff}

#wine table {width:100%; border:none; margin:0 0 2em 0}
#wine th {font-weight:bold; vertical-align:bottom}
#wine th.label {font-size:110%;}
#wine th.taste,
#wine th.glass,
#wine th.litre,
#wine th.bottle {font-size:100%; width:75px; text-align:right}
#wine th span {display:block; font-size:84%; font-weight:normal}
#wine td {padding:1px 0; border-bottom:1px solid #111; text-align:right}
#wine td.wine {text-align:left}

#menu table {width:100%; border:none; margin:0 0 2em 0}
#menu table.apps {width:94%; margin:0 3% 2em 3%}
#menu td {padding:1px 0; border-bottom:1px solid #111; text-align:left}
#menu td strong {font-weight:bold}
#menu td.price {text-align:right; width:100px}