/*--------------------------------------------
Layout style sheet

----------------------------------------------*/


/*	Basic set up
-----------------------------------------------*/
/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

img { border: 0; margin: 0; padding: 0; }

/*html { width: 790px; }*/

body
{

}

#content
{
	width: 780px;
	margin: 10px auto 0;
	padding: 20px;
	border-width: 2px;
	border-style: solid;
	/*background-image: url(leftCorner.gif);*/
	background-image: url(images/leftCorner_dark.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.wrapper
{
	background-image: url(images/wrappertile.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#branding
{
	height: 200px;
}

#footer
{
	padding: 40px 0;
	clear: both;
}

#branding h1
{
	text-indent: -9000px;
	display: none;
}

#branding h1 a
{
	position: absolute;
	width: 195px;
	height: 200px;
	left: 0;
	top: 0;
	background-image: url(images/logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#branding #flash
{
	/*
	position: absolute;
	top: 0;
	right: 0
	*/
}

div#nav
{
	border-top: 2px solid;
	padding-bottom: 7px;
	background-image: url(images/bordertile.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#nav ul
{
	height: 24px;
	padding: 0 0;
	margin: 0;
	text-align: center;
	background-image: url(images/navbkgn.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav ul li
{
	display: inline;
	margin: 0 -1px;
	padding: 0;
	height: 30px;
}

#nav ul li a
{
	padding: 6px 12px;
	height: 24px;
	margin: 0;
	border-right: 1px solid;
	border-left: 1px solid;
	text-decoration: none;
	background-image: url(images/navbkgn.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav ul li a:hover
{
	background-image: url(images/navbkgn_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* contact is the last menu item, so no rt border */




#footer p
{
	padding: 0 10px 0 205px;
}
	


div#topOfPageAnchor
{
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
}




/*	Current page styles
-------------------------------------------------------*/
#home a.home, #home a.home:hover,
#menu a.menu, #menu a.menu:hover,
#events a.events, #events a.events:hover,
#photos a.photos, #photos a.photos:hover,
#store a.store, #store a.store:hover,
#reservations a.reservations, #reservations a.reservations:hover,
#about a.about, #about a.about:hover,
#contact a.contact, #contact a.contact:hover,
#catering a.catering, #catering a.catering:hover
{
	cursor: default;
	text-decoration: none;
	background-image: url(images/navbkgn_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



/*	Column layout
--------------------------------------------------------*/
#primaryContent
{
	margin: 20px 0 0 259px;
	width: 461px;
	float: left;
	display: inline;
	padding: 0;
}

#secondaryContent
{
	width: 199px;
	padding: 0;
	margin: 20px 0 0 -720px;
	float: left;
	display: inline;
}

a.pdf
{
	padding: 3px 0 4px 20px;
	text-decoration: underline;
	background-image: url(images/pdficon_sml.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.pdf:hover
{
	text-decoration: underline;
}


/*	secondary content
---------------------------------------------*/
#secondaryContent h2, #secondaryContent ul, #secondaryContent p
{
	padding: 0 25px;
}

#secondaryContent li
{
	margin: 12px 0;
}

#secondaryContent ul
{
	padding: 0 0 0 25px;
}

#secondaryContent li a
{
	text-decoration: underline;
	font-size: 1.2em;
	height: 14px;
	padding-left: 18px;
	line-height: 14px;
	background-image: url(images/menulink.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#secondaryContent li a:hover { background-position: left center; }

/*	Styles for various menus
-----------------------------------------------------*/
#secondaryContent.lunch li a.lunch,
#secondaryContent.dinner li a.dinner,
#secondaryContent.dessert li a.dessert,
#secondaryContent.brunch li a.brunch,
#secondaryContent.theater li a.theater,
#secondaryContent.greekwines li a.greekwines,
#secondaryContent.wines li a.wines,
#secondaryContent.wineglass li a.wineglass,
#secondaryContent.champagne li a.champagne,
#secondaryContent.special li a.special,
#secondaryContent.upcoming li a.upcoming,
#secondaryContent.mail li a.mail,
#secondaryContent.aboutinfo li a.aboutinfo,
#secondaryContent.newsletter li a.newsletter,
#secondaryContent.employment li a.employment,
#secondaryContent.cateringInfo li a.cateringInfo
{ 
	background-position: left bottom; 
	cursor: default;
}
/*	menu items
-----------------------------------------------*/
.food 
{
	text-align: left;
}

.food p
{
	position: relative;
	border-bottom: 1px solid;
	padding-right: 30%;
	padding-bottom: 2px;
	background-color: #ECE6CE;
}

.food p strong
{
	position: absolute;
	right: 0;
	margin-bottom: 2px;
}

.foodwrapper 
{ 
	text-align: center; 
	position: relative;
}

.foodwrapper .onefourth, .foodwrapper .onehalf
{
	float: left;
	display: inline;
	width: 115px;
}

.foodwrapper .onehalf { width: 230px; }

/*	 Wine tables
-----------------------------------------------------*/
table
{
	border-collapse: collapse;
	width: 100%;
	border-color: #C67F3D transparent #C67F3D #C67F3D;
	border-width: 1px;
	border-style: solid none solid solid;
	line-height: 1.1em;
	margin: 1em 0;
}

th, td
{
	padding: 0.5em .5em;
	vertical-align: top;
}

caption
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 4em 0 .5em;
}

thead tr th
{
	background-color: #C67F3D;
	font-size: 1em;
}

th
{
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #C67F3D;
	border-top: 1px solid #C67F3D;
	border-bottom: 1px solid #C67F3D;
	vertical-align: bottom;
}

tr th
{
	background-color: #F0E1A5;
	letter-spacing: .1em;
}

td
{
	border-right: 1px solid #C67F3D;
}

tr.odd
{
	background-color: #ECE1B5;
}

tr.highlight
{
	background-color: #FFF9E0;
}

/*	DIV for watermark used in DOM script
-----------------------------------------------------*/
.watermark
{
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: 138px 19px;
	z-index:5;
}


/*	Home page rules
----------------------------------------------------*/
#home #branding
{
	position: static;
	height: 200px;
}

#home #branding #flash
{
	position: inherit;
}

#home #secondaryContent { display: none; }
#home #content .wrapper
{
	background-color: #ece6ce;
	padding:0;
	background: none;
	position: static;
	border-top: 1px solid transparent;
}

#home #primaryContent
{
	width: 780px;
	margin: 0;
	padding: 0;
	float: none;
}

#home #primaryContent p
{
	padding:0 60px 0;
	margin: 20px 0 0;
}

#home #primaryContent img { float:left; margin: -10px 0 0 1em; }

#home #footer
{
	padding: 0 0 10px;
	background-color: #ece6ce;

}


#home #footer p
{
	padding: 0 40px 10px;
	margin: 0;
}


/*----------------------------------------
	Photo gallery page styles
------------------------------------------*/

#secondaryContent h2, #secondaryContent p
{
	padding: 0 18px;
}

#photos #secondaryContent ul
{
	margin: 12px 11px;
	padding: 0;
}

#photos #secondaryContent li
{
 	display: inline;
	margin: 6px;
	float: left;
}


#photos #secondaryContent li a
{
	background: none;
	padding: 0;
}

#photos #secondaryContent li a img
{
	border: 2px solid;
}


#photos #secondaryContent p { line-height: 1.2em; }

/*
-----------------------------------------
	Styles for contact forms
-----------------------------------------
*/

fieldset
{
 	margin: 1em 0;
 	padding: 1.5em;
 	border: 1px solid #B3B09C;
 	background-color: #E9DFC4;
 	text-align: left;
}

label
{
	display: block;
}

fieldset input
{
	width: 200px;
}

textarea 
{
 	width: 300px;
 	width: 100%;
 	height: 100px;
 	font-family: "Helvetica","Arial",sans-serif;
}


label span, fieldset p span
{
	font-size: 90%;
	font-style: italic;
	color: #666;
	margin-left: 4px;
}


fieldset input.checkbox
{
	float: left;
	margin-right: .5em;
	width: auto;
}

fieldset label.checkbox
{
	float: none;
	display: inline;
}


/*	Newsletter styles
----------------------------------------------*/

#newsletter #primaryContent, #newsletter #secondaryContent
{
	width: 330px;
	margin: 20px 0 0 40px;
}

#newsletter .wrapper
{
	background-image: url(images/wrappertilehalf.gif);
}

#newsletter #footer p
{
	padding: 0 10px 0 410px;
}

#newsletter #secondaryContent h2,
#newsletter #secondaryContent ul,
#newsletter #secondaryContent p
{
	padding: 0;
}

/*--------------------------------------------
color style sheet

----------------------------------------------*/

body
{
	background-color: #C67F3D;
	background-image: url(images/bodytile.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#content
{
	border-color: #BD8D6A #7C3807 #7C3807 #BD8D6A;
	background-color: #9C6430;
	/*background-color: #C67F3D;*/
}

#nav 
{
	background-color: #fff;
}

#nav ul
{
	background-color: #ab7e3b;
	border-top-color: #5C3C16;
	border-bottom-color: #fff;
}

#nav ul li
{
}

#nav ul li a
{
	color: #ece6ce;
	text-decoration: none;
	border-right-color: #000;
	border-left-color: #ece6ce;
	background-color: #ab7e3b;
}

#nav ul li a:hover
{
	color: #fff;
	background-color: #7C3807;
}

#footer a:link
{
	color: #7f5d37;
	border-bottom-color: #7f5d37;
}

#footer a:visited
{	
	color: #824004;
	border-bottom-color: #824004;
}

#footer a:hover
{
	color: #000;
	border-bottom-color: #000;
}


/*	current navigation page
---------------------------------------------------*/
#home a.home, #home a.home:hover,
#menu a.menu, #menu a.menu:hover,
#events a.events, #events a.events:hover,
#photos a.photos, #photos a.photos:hover,
#store a.store, #store a.store:hover,
#reservations a.reservations, #reservations a.reservations:hover,
#about a.about, #about a.about:hover,
#contact a.contact, #contact a.contact:hover,
#catering a.catering, #catering a.catering:hover
{
	color: #fff;
	background-color: #7C3807;
}


/*	primary content
--------------------------------------------------*/
#primaryContent h2, #primaryContent h3, 
#newsletter #secondaryContent h2, #newsletter #secondaryContent h3
{
	color: #824004;
}

a.pdf
{
	color: black;
}

a.pdf:hover
{
	color: #824004;
}



/*	secondary content
--------------------------------------------------*/
#secondaryContent h2
{
	color: #824004;
}

#secondaryContent li a
{
	color: #000;
}


#secondaryContent li a:hover
{
	color: #824004;
}

/*	styles for various menus
-----------------------------------------------------*/
#secondaryContent.lunch li a.lunch,
#secondaryContent.dinner li a.dinner,
#secondaryContent.dessert li a.dessert,
#secondaryContent.brunch li a.brunch,
#secondaryContent.theater li a.theater,
#secondaryContent.greekwines li a.greekwines,
#secondaryContent.wines li a.wines,
#secondaryContent.wineglass li a.wineglass,
#secondaryContent.champagne li a.champagne,
#secondaryContent.special li a.special,
#secondaryContent.upcoming li a.upcoming,
#secondaryContent.mail li a.mail,
#secondaryContent.aboutinfo li a.aboutinfo,
#secondaryContent.newsletter li a.newsletter,
#secondaryContent.employment li a.employment
{ 
	color: #824004;
}

.food p
{
	border-bottom-color: #ab7e3b;
}


/*	home page style
---------------------------------------------------*/
#home #content .wrapper
{
	background-color: #eaebc2;
	background-image: none;
}

#home .wrapper #primaryContent p
{
	color: #824004;
}

#home #primaryContent
{
	background-color: #eaebc2;
}

#home #footer
{
	padding: 8px 0 0;
	color: #824004;
}

#home #footer a
{
	color: #7C3807;
	border-bottom-color: #7C3807;
}

#home #footer a:hover
{
	color: #fff;
	border-bottom-color: #fff;
}




/*----------------------------------------
	Photo gallery page styles
------------------------------------------*/
#photos #secondaryContent li a img
{
	border-color: #7C3807;
}


/*	links in text added 30 Sep 2006
----------------------------------------------*/
#primaryContent a:link,
#newsletter #secondaryContent a:link
{
	color: #000;
}

#primaryContent a:visited,
#newsletter #secondaryContent a:visited
{
	color: #824004;
}

#primaryContent a:hover,
#newsletter #secondaryContent a:hover
{
	color: #c60;
}

/*--------------------------------------------
typography style sheet

----------------------------------------------*/

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
}

#nav ul
{
	text-align: center;
}

#nav ul li a
{
	text-decoration: none;
	font-size: 8pt;
	text-transform: uppercase;
	letter-spacing: .35em;
	line-height: 24px;
}

#footer p
{
	text-align: center;
	font-size: 1em;
}

#footer a:link
{
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}

#footer a:visited
{
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}

#footer a:hover
{
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}

#home a.home, #home a.home:hover,
#menu a.menu, #menu a.menu:hover,
#events a.events, #events a.events:hover,
#photos a.photos, #photos a.photos:hover,
#store a.store, #store a.store:hover,
#reservations a.reservations, #reservations a.reservations:hover,
#about a.about, #about a.about:hover,
#contact a.contact, #contact a.contact:hover,
#catering a.catering, #catering a.catering:hover
{
	font-weight: bold;
}

/*	secondary content
---------------------------------------------*/
#secondaryContent h2
{
	font-size: 1.4em;
	line-height: 2em;
	font-style: italic;
	font-weight: normal;
	font-family: georgia, times, "Times New Roman", "Times Roman" serif;
}

/*	Link styles for various menus
-----------------------------------------------------*/
#secondaryContent.lunch li a.lunch,
#secondaryContent.dinner li a.dinner,
#secondaryContent.dessert li a.dessert,
#secondaryContent.brunch li a.brunch,
#secondaryContent.theater li a.theater,
#secondaryContent.greekwines li a.greekwines,
#secondaryContent.wines li a.wines,
#secondaryContent.wineglass li a.wineglass,
#secondaryContent.champagne li a.champagne,
#secondaryContent.special li a.special,
#secondaryContent.upcoming li a.upcoming,
#secondaryContent.mail li a.mail,
#secondaryContent.aboutinfo li a.aboutinfo,
#secondaryContent.newsletter li a.newsletter,
#secondaryContent.employment li a.employment
{
	font-weight: bold;
}


/*	primary content
---------------------------------------------*/
#primaryContent 
{
	text-align: center;
}

#primaryContent h2, #newsletter #secondaryContent h2
{
	font-family: georgia, times, "Times New Roman", "Times Roman", serif;
	font-size: 2em;
	line-height: 1.8em;
	font-style: italic;
	clear: both;
}

#primaryContent h3, #newsletter #secondaryContent h3
{
	font-family: georgia, times, "Times New Roman", "Times Roman", serif;
	font-size: 1.6em;
	line-height: 1.8em;
}

#primaryContent p, #newsletter #secondaryContent p
{
	line-height: 1.8em;
	font-size: 1.2em;
	margin-bottom: .9em;
}



/*	Home style rules
-----------------------------------------------*/
#home #primaryContent p
{
	font-family: georgia, times, "Times New Roman", "Times Roman", serif;
	font-size: 1.4em;
	line-height: 2em;
	font-style: italic;
	text-align: left;
}

#home #primaryContent p span
{
	float: left;
	font-size: 400%;
	font-style: normal;
	line-height: 80%;
	margin: 0 4px 0 0;
	padding-top: .1em;
}

#home #footer p
{
	font-size: .95em;
}


/*	Newsletter styles
----------------------------------------------*/

#newsletter #primaryContent, #newsletter #secondaryContent
{
	text-align: left;
}

/*	links in text added 30 Sep 2006
----------------------------------------------*/
#primaryContent a:link,
#newsletter #secondaryContent a:link
{
	text-decoration: underline;
}

#primaryContent a:visited,
#newsletter #secondaryContent a:visited
{
	text-decoration: underline;
}

#primaryContent a:hover,
#newsletter #secondaryContent a:hover
{
	text-decoration: underline;
}