body, html { height: 100% }
body {
	background: url("../images/bg_body.gif") #171a10;
	color: #867d4b; /* #787043 */
	font-size:62.5%
	}

#outer {
	display: table;
	position: static;
	width: 100%; height: 100%;
	min-height: 678px;
	margin: 0 auto;
	overflow: visible
	}

#middle {
	display: table-cell;
	position: static;
	vertical-align: middle
	}

#inner {
	position: relative;
	width: 1028px; height: 678px;
	margin: 0 auto;
	background: url("../images/bg_frame.png");
	font: 1.4em/1.6em Georgia, Garamond, Times, serif
	}

#inner>* { position: absolute }

.ir {
	display: block;
	text-indent: -3000px;
	background-position: top left;
	background-repeat: no-repeat
	}

h1.ir {
	top: 41px; left: 49px;
	width: 418px; height: 64px;
	background: url("../images/bg_h1.gif") top left no-repeat
	}

#nav {
	top: 620px; left: 14px;
	width: 538px; height: 41px
	}

#nav li { float: left }
#nav li a { height: 41px }
#nav li a:hover { background-position: 0 -41px }

#nav #home a     { width:  67px; background-image: url("../images/bg_nav_home.png") }
#nav #about a    { width:  93px; background-image: url("../images/bg_nav_about.png") }
#nav #menu a     { width:  62px; background-image: url("../images/bg_nav_menu.png") }
#nav #calendar a { width:  95px; background-image: url("../images/bg_nav_calendar.png") }
#nav #gallery a  { width:  83px; background-image: url("../images/bg_nav_gallery.png") }
#nav #contact a  { width: 117px; background-image: url("../images/bg_nav_contact.png") }

#donovans_home #nav #home a,
#donovans_about #nav #about a,
#donovans_menu #nav #menu a,
#donovans_calendar #nav #calendar a,
#donovans_gallery #nav #gallery a,
#donovans_contact #nav #contact a
	{ background-position: 0 -41px !important }
	
#quote {
	width: 271px; height: 144px;
	top: 58px; left: 726px;
	font-size: 1.5em; 
	text-align: center;
	color: #787043
	}

#stpat {
	width: 271px; height: 94px;
	top: 242px; left: 726px;
	background-image: url("../images/bg_st-pat.png");
	padding-top: 2px;
	text-indent: 0;
	text-align: center;
	font-size: 2.0em; line-height: 2.0em;
	color: #557836
	}
#stpat #count { color: #ae9b2c }
#stpat #hide { display: none }

#beer { top: 346px; left: 726px }
#beer a { width: 271px; height: 144px; background-image: url("../images/bg_beer.png") }
#beer #beerList {display: none}

#wine { top: 500px; left: 726px; }
#wine a { width: 271px; height: 144px; background-image: url("../images/bg_wine.png") }
#wine #wineList {display: none}

#footer {
	width: 1000px;
	margin: 0 auto 2em auto;
	font: 1.2em verdana, helvetica, arial, trebuchet ms, sans-serif;
	color: #716a3f
	}
#footer #est { float: left }
#footer #copy { float: right }
#footer p { text-align: center }
#footer a { color: #716a3f }
#footer a:hover { color: #8c834e }

/*****  THICKBOX  *****/
#TB_ajaxContent>ul { margin-top: 0.8em }

#TB_ajaxContent ul#wineList li { width: 290px }
#TB_ajaxContent ul#beerList li.third { width: 192px }
#TB_ajaxContent ul#beerList li.twothird { width: 390px }

#TB_ajaxContent ul li {
	font-size: 1.5em; line-height: 1.0em;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #1e3529
	}

#TB_ajaxContent ul li ul li {
	width: 192px;
	margin: 0;
	font-size: 0.66em; line-height: 1.5em;
	font-variant: normal;
	letter-spacing: 0;
	text-align: left
	}

#TB_ajaxContent ul .left { float: left }
#TB_ajaxContent ul .right { float: right }
#TB_ajaxContent ul div.right { width: 192px }


#TB_ajaxContent li .desc {
	text-transform: uppercase;
	font-size: 60%;
	letter-spacing: 1px;
	color: #1e3529
	}

/*****  CONTENT  *****/
#content {
	width: 600px; height: 460px;
	top: 125px; left: 65px;
	float: left;
	overflow: hidden;
	font-size: 1.0em
	}

#content a { color: #716a3f }
#content a:hover { color: #8c834e }


#content h3, #content blockquote {
	margin: 1em 0;
	font-size: 1.5em; line-height: 1.5em;
	text-align: center;
	color: #787043
	}

#content h3 {
	font-variant: small-caps;
	font-size: 2.0em; margin: 0.5em 0;
	letter-spacing: 1px
	}
#content blockquote { font-style: italic }

#content p, #content .continue {
	margin-bottom: 1em;
	font-size: 1.166em;
	line-height: 1.5em;
	color: #8c834e
	}

#content p .drop {
	float: left;
	font-size: 500%; line-height: 80%;
	padding: 3px
	}

#content p .dropWord { text-transform: capitalize }

#content .pagNav { padding: 0 1.0em; text-align: right;}
#content .pagNav a {
	text-decoration: none;
	font-style: italic;
	color: #716a3f
	}
#content .pagNav a:hover { color: #8c834e }


/***********************/
/****  PAGE STYLES  ****/
#donovans_home #content { text-align: center }
#donovans_home #content p { font-size: 1.6em; margin: 1em 0 }
#donovans_home #content p.announce { margin-top: 1em }
#donovans_home #content strong { font-variant: small-caps; font-weight: bold; letter-spacing: 1px }


#donovans_menu #content dl { margin-top: 4em }
#donovans_menu #content dl dt, #donovans_menu #content dl dd { width: 298px }
#donovans_menu #content dl dt {
	font-size: 1.6em;
	font-variant: small-caps;
	letter-spacing: 1px
	}
#donovans_menu #content dl dd { margin-bottom: 2em; color: #6a633b }
#donovans_menu #content .right { float: right }
#donovans_menu #content dd.right { clear: right }
#donovans_menu #content p#pdf { clear: both; margin-top: 3em }
#donovans_menu #content p#adobe { font-size: 1.0em }


#donovans_calendar #content * { text-align: center }
#donovans_calendar #content .banner {
	margin: 0 0 1em 0;
	color: #8C834E;
	font-size: 1.166em;
	line-height: 1.5em;
	}
#donovans_calendar #content .banner strong { font-variant: small-caps; font-weight: bold; letter-spacing: 1px }
#donovans_calendar #content table { width: 100%; text-align: left }
#donovans_calendar #content table th { text-align: center; letter-spacing: 0.1em; font-variant: small-caps; font-weight: bold; border-bottom: 1px solid #6a633b }
#donovans_calendar #content table td { text-align: left; border-top: 1px dotted #413d25; padding: 0.25em 0.5em }
#donovans_calendar #content table .date { width: 21%; font-variant: small-caps }
#donovans_calendar #content table .date .day { display: block; float: left; width: 2.8em; text-align: left; }
#donovans_calendar #content table .time { width: 25%; font-variant: small-caps }
#donovans_calendar #content table .strong .event { font-weight: bold; text-transform: uppercase }

#donovans_gallery #content { top: 115px; left: 55px; width: 620px; height: 490px }
#donovans_gallery ul { list-style: none }
#donovans_gallery #content li {
	float: left;
	width: 136px; height: 102px;
	margin: 8px 9px;
	text-align: center
	}
#donovans_gallery #content a img { border: 3px solid #183816 }
#donovans_gallery #content .pagNav { padding: 0 }
#donovans_gallery #content .pagNav a { font-size: 1.2em; line-height: 100px }

#donovans_contact #content #contact { float: left }
#donovans_contact #content #contact dt { float: left; width: 6em }
#donovans_contact #content #contact dd { 
	margin: 0 1.5em 0 6em;
	padding-right: 1.25em; 
	border-right: 1px solid #6a633b
	}
#donovans_contact #content #directions { font-size: 1.0em }
#donovans_contact #content p.announce { margin-top: 2em; text-align: center }
#donovans_contact #content #map, #donovans_contact #content #cheers  {
	clear: both;
	display: block;
	width: 500px; height: 250px;
	margin: 1em auto 0 auto;
	border: 5px solid #11270f
	}