/******************************************************************************
 * AVRA main stylesheet.
 * Note: Internet Explorer hacks are in a separate file (all_ie.css)
 * Author: Neal Krouse (krousen@comcast.net)
 *
 * Table of Contents for navigation:
 * _general
 *
 * _wrapper
 *
 * _container
 *
 * _branding
 *
 * _navigation
 *
 * _content
 *
 * _shell content
 *
 * _primary content
 *
 * _secondary content
 *
 * _ternary content
 *
* _footer
 *
 ******************************************************************************/
 
 
/*-----------------------------------------------------------------------------
 *	SITE COLORS:
 *
 *----------------------------------------------------------------------------*/
 
 
/* _general
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

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

/* 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 }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear:after, .container:after, #shell:after, #ternary:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear, .container, #shell, #ternary { height: 1%; }
.clear, .container, #shell, #ternary { display: block; }

html 
{ 
	/* Rule removes Page Shift by
	 * adding vertical scrollbars to every page */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body
{
	font-family: georgia, times, "times new roman", serif;
	line-height: 1.5;
	/* Unitless for proper inheritance */
	background-color: #6D3D26;
	background-image: url(bodytile.jpg);
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body   { font-size: 11px; }  /* Compliant browsers */

h1,h2,h3,h4,h5,h6 { 
	font-family: georgia, times, "times new roman", serif;
	font-weight: normal;
	clear: both; 
	line-height: 1.1;
 }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin-bottom: 1em; color: #153042; }
h3 { font-size: 1.3em; margin: .5em 0; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; margin-top: 1em; }
h6 { font-size: 1em; }


strong { font-weight: bold; }
em { font-style: italic; }
p { margin-bottom: 1em; }
p.small { font-size: .8em; }
a:link, a:visited, a
{
	text-decoration: underline;
}
a:hover { text-decoration: underline; }

/* _wrapper
------------------------------------------------------------------------------*/
#wrapper
{
	width: 954px;
	margin: 0 auto;
	background-image: url(wrapperbkgn.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	margin-top: 20px;
	background-color: transparent;
}

#top
{
	position: absolute;
	top: 0;
	left: 0;
	width:1%;
	z-index: 100;
}

#skipnav
{
	position: relative;
	text-indent: -9000em;
	overflow: hidden;
}
 

/* _branding
------------------------------------------------------------------------------*/
#branding
{
	height: auto;
	position: relative;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: 22px 0;
	padding-bottom: 10px;
}

#branding h1
{
	height: 0;
	position: relative;
}


#branding h1 a
{
	width: 310px;
	height: 100px;
	display: block;
	position: absolute;
	top: 64px;
	left: 50px;
	text-indent: -9999em;
	overflow: hidden;
	outline: 0;
	text-decoration: none;
}

#branding p
{
	width: 510px;
	padding-top: 40px;
	padding-left: 402px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 1.1em;
	color: black;
	font-family: times, "times new roman", serif;
	line-height: 1.7;
	font-style: italic;
	font-weight: bold;
}


/* _container
------------------------------------------------------------------------------*/
#content
{
	padding-bottom: 1em;
	background-image: url(frametile.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: transparent;
}

#content:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}





/* _navigation
------------------------------------------------------------------------------*/

#nav
{
	/* PYTHON NOTE: Width is the sum of all menu items' width. 
	 * If the width is calculated differently, change the figure. */
	width: 516px;
	height: 36px;
	position: relative;
	background-image: url(navigation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 394px;
	z-index: 5000;
}

#nav li
{
	float: left;
	background-image: url(navigation.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	height: 36px;
}

#nav li a
{
	display: block;
	height:36px;
	text-indent: -9999em;
	overflow: hidden;
	outline: 0;
	text-decoration: none;
}

li#home 
{
	left: 0px;
	background-position: 0px 0px;
	width: 72px;
}

li#menus 
{
	left: 72px;
	background-position: -72px 0px;
	width: 74px;
}

li#upcoming 
{
	left: 146px;
	background-position: -146px 0px;
	width: 74px;
}

li#gallery 
{
	left: 220px;
	background-position: -220px 0px;
	width: 74px;
}

li#events 
{
	left: 294px;
	background-position: -294px 0px;
	width: 74px;
}

li#press 
{
	left: 368px;
	background-position: -368px 0px;
	width: 74px;
}

li#contact 
{
	left: 442px;
	background-position: -442px 0px;
	width: 74px;
}

/* Over States */
li#home:hover, li#home.hover { background-position: 0px -36px; }
li#menus:hover, li#menus.hover { background-position: -72px -36px; }
li#upcoming:hover, li#upcoming.hover { background-position: -146px -36px; }
li#gallery:hover, li#gallery.hover { background-position: -220px -36px; }
li#events:hover, li#events.hover { background-position: -294px -36px; }
li#press:hover, li#press.hover { background-position: -368px -36px; }
li#contact:hover, li#contact.hover { background-position: -442px -36px; }

/* Pressed States */
li#home:active { background-position: 0px -72px; }
li#menus:active { background-position: -72px -72px; }
li#upcoming:active { background-position: -146px -72px; }
li#gallery:active { background-position: -220px -72px; }
li#events:active { background-position: -294px -72px; }
li#press:active { background-position: -368px -72px; }
li#contact:active { background-position: -442px -72px; }

/* You-are-here States */
#home_page li#home { background-position: 0px 0px; }
#menus_page li#menus { background-position: -72px -108px; }
#upcoming_page li#upcoming { background-position: -146px -108px; }
#events_page li#events { background-position: -294px -108px; }
#press_page li#press { background-position: -368px -108px; }
#contact_page li#contact { background-position: -442px -108px; }

#gallery_page li#gallery,
#gallery_private-room_page li#gallery,
#gallery_interior_page li#gallery,
#gallery_food_page li#gallery,
#gallery_exterior_page li#gallery,
#gallery_details_page li#gallery
{ background-position: -220px -108px; }
#gallery_private-room_page li#gallery_private-room,
#gallery_interior_page li#gallery_interior,
#gallery_food_page li#gallery_food,
#gallery_exterior_page li#gallery_exterior,
#gallery_details_page li#gallery_details
{ background-color: #39F; cursor: pointer;}



#home_page li#home a { cursor: default; }
#menus_page li#menus a { cursor: default; }
#upcoming_page li#upcoming a { cursor: default; }
#gallery_page li#gallery a { cursor: default; }
#events_page li#events a { cursor: default; }
#press_page li#press a { cursor: default; }
#contact_page li#contact a { cursor: default; }
#gallery_private-room_page li#gallery_private-room a,
#gallery_interior_page li#gallery_interior a,
#gallery_food_page li#gallery_food a,
#gallery_exterior_page li#gallery_exterior a,
#gallery_details_page li#gallery_details a
{ cursor: default; }
#gallery_private-room_page li#gallery_private-room a:hover,
#gallery_interior_page li#gallery_interior a:hover,
#gallery_food_page li#gallery_food a:hover,
#gallery_exterior_page li#gallery_exterior a:hover,
#gallery_details_page li#gallery_details a:hover
{ color: black; }


#nav li ul
{
	position: absolute;
	/* set width to suit layout */
	width: 13em;
	left: -999em;
	/* If transparent backgrounds, set these ...
	background-image: url(10x10transp90.png); 
	background-color: transparent;
	*/
	/* ... or set a solid background color */
	background-color: #9CF;
	z-index: 5000;
	margin-left: 2px;
}

#nav li li
{
	float: none;
	display: block;
	background-image: none;
	margin: 0 0;
	height: 27px;
	z-index: 5000;
	border-bottom: 1px solid white;
}

#nav li li a
{
	position: static;
	text-indent: 0;
	font-size: 1.2em;
	overflow: inherit;
	color: black;
	padding: 0 1em;
	text-decoration: none;
	line-height: 27px;
	height: 27px;
	display: block;
	font-family: "trebuchet MS", verdana, sans-serif;
	z-index: 5000;
}
#nav li li a:hover
{
	/* set this colors to suit */
	background-color: #39F;
	color: white;
	padding: 0 1em;
}


#nav li:hover ul, #nav li.hover ul 
{ left: auto; }



/* _shell content
------------------------------------------------------------------------------*/




/* _primary content
------------------------------------------------------------------------------*/
#primary
{
	width: 516px;
	float: left;
	display: inline;
	position: relative;
	background-color: #D8DFA7;
	/*height: 264px;*/
	min-height: 264px;
	color: #4B4F0E;
}

#primary div.event:first-child { margin-top: 20px; }

#home_page #primary { background-color: transparent; }

p.closeup { margin-bottom: 0; }

#primary .event
{
	padding-left: 40px;
	padding-right: 40px;
}

p.more
{
	/* class added by script */
	text-decoration: underline;
	padding-bottom: 8px;
	border-bottom: 1px dotted #4B4F0E;
	cursor: pointer;
}
p.more.over { color: black; }

#press_page #primary, #press_page #primary h3 { font-family: "Trebuchet MS", verdana, arial, sans-serif; }

#press_page #primary,
#events_page #primary
{
	color: black;
	background-color: #B1CBA7;
}


#press_page .event
{
	padding-left: 20px;
	padding-right: 20px;
}
#press_page p.more
{
	border: none;
}
#press_page p.more.over
{
	color: #005D51;
}

#events_page #primary
{
	font-style: italic;
}
#events_page #primary * 
{
	padding-left: 60px;
	padding-right: 60px;
}

#events_page #primary *:first-child { margin-top: 40px; }

#gallery_page #primary h2 { padding: 20px 40px 0; color: #4B4F0E; }
#gallery_page #primary p { padding: 0 40px 0; }
#gallery_page #primary ul { padding: 0 80px 0; }
#gallery_page #primary a { color: #4B4F0E; }
#gallery_page #primary a:hover { color: black; }


#primary ol
{
	list-style-type: decimal;
	padding-left: 2em;
}

#primary ol li
{
	margin-bottom: .5em;
}


#primary ul
{
	list-style-type: disc;
	padding-left: 2em;
	margin-bottom: 1em;
}

#primary ul.la.section
{
	list-style-type: lower-alpha;
	list-style-position: outside;
	padding-left: 4em;
}



#primary p.quote
{
	padding: 40px 60px 0;
}
#primary p.cite
{
	padding: 0 60px;
	font-style: italic;
	margin: 1em 0 0;
}

#menus_page h2
{
	text-align: center;
	padding-top: .5em;
	margin: 0 auto;
	font-variant: small-caps;
	color: #4B4F0E;
}



#primary dl { padding: 0 60px; }
#primary dt
{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #EDF4B9;
	margin: 1em 0;
	padding: .5em 0;
	cursor: pointer;
	text-decoration: underline;
	font-size: 1em;
}

#menus_page #primary dl h1
{
	font-size: 1.5em;
	text-align: center;
}

#primary dt.hover { color: #black; }

#primary dd h4 { font-weight: bold; font-size: 1.1em; margin: 1em 0 0; }

#primary dd h3
{
	border-top: 1px solid #EDF4B9;	
	margin: 1em 0 0;
	font-size: 1.2em;
	position: relative;
}

#primary dd h3 em
{
	float: right;
	display: inline;
	/*position: absolute;
	right: 0;*/
}

#primary dd p { margin: 0 0 .5em; font-size: 1em; position: relative; }
#primary dd p.leader
{
	background-image: url(dotleader.gif);
	background-repeat: repeat-x;
	background-position: left 1em;
}

#primary dd p.leader span
{
	background-color: #D8DFA7;
	padding-right: .2em;
}

#primary dd p.leader em
{
	float: right;
	display: inline;
	font-style: normal;
	background-color: #D8DFA7;
	padding-left: .2em;
}

#left
{
	width: 45%;
	float: left;
	display: inline;
	margin: 1em 0 0 3%;
}	

#right
{
	width: 45%;
	float: right;
	display: inline;
	margin: 1em 3% 0 0;
}	

form legend
{
	font-size: 1em;
	font-weight: bold;
	padding: 0; margin:0;
}

form label { display: block; }

form label.ck { display: inline; }
form label.ck input { width: auto; }

form input, form textarea { width: 100%; }

#contact_page.email #primary h2, #contact_page.email #primary p
{
	width: 80%;
	padding-left: 10%;
	color: #4B4F0E;
}

#contact_page.email #primary h2 { padding-top: 10%; }
#contact_page.email #primary a { color: #4B4F0E; }
#contact_page.email #primary a:hover { color: black; }

#events_page #primary p a
{
	padding: 0;
	margin: 0;
	width: auto;
	color: black;
}

#events_page #primary p a:hover
{
	color:  #005D51;
}

/* add icons to links */
a[href ^="mailto:"]
{
	padding-right: 20px;
	background-image: url(061220_icon_mailto.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

a[href ^='http://'], a[href ^='https://']
{
	padding-right: 18px;
	background-image: url(061220_icon_external.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

a[href $='.pdf']
{
	padding-right: 18px;
	background-image: url(061220_icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



/* _secondary content
------------------------------------------------------------------------------*/
#secondary
{
	width: 372px;
	float: left;
	display: inline;
	margin-left: 22px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 264px;
	min-height: 264px;
}

#home_page #secondary, 
#gallery_page #secondary,
#gallery_private-room_page #secondary,
#gallery_interior_page #secondary,
#gallery_food_page #secondary,
#gallery_exterior_page #secondary,
#gallery_details_page #secondary,
#contact_page #secondary 
{ background-image: url(secondary_home.jpg); }
#upcoming_page #secondary { background-image: url(upcomingbkgn.jpg); }
#press_page #secondary { background-image: url(secondary_press.jpg); }
#events_page #secondary { background-image: url(secondary_events.jpg); }
#menus_page #secondary { background-image: url(secondary_menus1.jpg); }

#home_page #secondary ul
{
	margin: 36px auto 0;
	width: 70%;font-weight: normal;
}

#home_page #secondary ul li a { background-image: none; }

#home_page #secondary ul li
{
	height: 55px;
	padding-left: 100px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 1em;
}
#home_page #secondary ul li#home_avragifts
{
	background-image: url(avragiftsbkgn.jpg);
	height: 53px;
}
#home_page #secondary ul li#home_upcoming 
{ 
	background-image: url(upcoming.jpg); 
	height: 53px;
}
#home_page #secondary ul li#home_menus { background-image: url(menus.jpg); }
#home_page #secondary ul li#maillist
{
	background-image: url(maillist.jpg);
	height: 56px;
}
#home_page #secondary ul li a
{
	font-family: georgia, times, "times new roman", serif;
	font-size: 1em;
	font-style: italic;
	color: white;
	line-height: 56px;
}
#home_page #secondary ul li a:hover
{
	color: #FFFE54;
}

#secondary h2
{
	padding: 0 70px;
	margin: 50px auto 0;
	color: white;
	font-family: georgia, times, "times new roman", serif;
	font-size: 1em;
}

#secondary ul
{
	width: 60%;
	margin: 0 58px;
	font-size: 1.2em;
	font-weight: bold;
}

#secondary li
{
	margin: .5em 0
}

#menus_page #secondary ul
{
	padding-top: 60px;
}



#secondary a
{
	color: white;
	padding-left: 12px;
	background-position: -90px center;
	background-image: url(bullet.png);
	background-repeat: no-repeat;
}

#secondary a:hover
{
	background-position: 0px center;
}

/* gallery page */
#gallery_page #secondary, 
#gallery_private-room_page #secondary,
#gallery_interior_page #secondary,
#gallery_food_page #secondary,
#gallery_exterior_page #secondary,
#gallery_details_page #secondary
{
	color: white;
}

#gallery_page #secondary ul#thumbs,
#gallery_private-room_page #secondary ul#thumbs,
#gallery_interior_page #secondary ul#thumbs,
#gallery_food_page #secondary ul#thumbs,
#gallery_exterior_page #secondary ul#thumbs,
#gallery_details_page #secondary ul#thumbs
{
	float: left;
	display: inline;
	width: 80%;
	margin: 10px 0 0 40px;
	line-height: 0;
	
}

#gallery_page #secondary ul#thumbs li,
#gallery_private-room_page #secondary ul#thumbs li,
#gallery_interior_page #secondary ul#thumbs li,
#gallery_food_page #secondary ul#thumbs li,
#gallery_exterior_page #secondary ul#thumbs li,
#gallery_details_page #secondary ul#thumbs li
{
	display: inline;
	float: left;
	margin: 4px;
}

#gallery_page #secondary ul#thumbs li a, #gallery_page #secondary ul#thumbs li a:hover,
#gallery_private-room_page #secondary ul#thumbs li a, #gallery_private-room_page #secondary ul#thumbs li a:hover,
#gallery_interior_page #secondary ul#thumbs li a, #gallery_interior_page #secondary ul#thumbs li a:hover,
#gallery_food_page #secondary ul#thumbs li a, #gallery_food_page #secondary ul#thumbs li a:hover,
#gallery_exterior_page #secondary ul#thumbs li a, #gallery_exterior_page #secondary ul#thumbs li a:hover,
#gallery_details_page #secondary ul#thumbs li a, #gallery_details_page #secondary ul#thumbs li a:hover
{
	background-image: none;
	margin: 0;
	padding: 0;
	outline: none;
	display: block;
}

#gallery_page #secondary p, 
#gallery_private-room_page #secondary p,
#gallery_interior_page #secondary p,
#gallery_food_page #secondary p,
#gallery_exterior_page #secondary p,
#gallery_details_page #secondary p
{ width: 90%; padding: 8px 0 0 8px;; }

#gallery_page #secondary p a,
#gallery_private-room_page #secondary p a,
#gallery_interior_page #secondary p a,
#gallery_food_page #secondary p a,
#gallery_exterior_page #secondary p a,
#gallery_details_page #secondary p a
{
	padding: 1px 1ex;
	background-color: #592E16;
	border: 1px solid black;
	margin: 0 1ex;
	text-decoration: none;
}
#gallery_page p a:hover,
#gallery_private-room_page #secondary p a:hover,
#gallery_interior_page #secondary p a:hover,
#gallery_food_page #secondary p a:hover,
#gallery_exterior_page #secondary p a:hover,
#gallery_details_page #secondary p a:hover
{
	background-image: none;
	padding: 1px 1ex;
	background-color: black;
	text-decoration: none;
}

#gallery_page #secondary p a.current,
#gallery_private-room_page #secondary p a.current,
#gallery_interior_page #secondary p a.current,
#gallery_food_page #secondary p a.current,
#gallery_exterior_page #secondary p a.current,
#gallery_details_page #secondary p a.current
{ background-color: black; }

/* _ternary
------------------------------------------------------------------------------*/
#ternary
{
	padding-left: 394px;
	padding-top: 10px;
	font-family: times, "times new roman", serif;
	font-size: 1.1em;
	line-height: 1.5;
}

#hours
{
	width: 380px;
	float: left;
	display: inline;
}

#address
{
	width: 120px;
	padding-left: 20px;
	border-left: 1px solid #5F391E;
	float: right;
	display: inline;
	margin-right: 30px;
}

/* _footer
------------------------------------------------------------------------------*/
#footer
{
	clear: both;
	margin: 0;
	text-align: center;
	padding: 3em 0;
	background-image: url(footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}
#footer p
{
	font-size: 1em;
	line-height: 1.1;
	color: white;
}

#footer p a
{
	padding: 0;
	margin: 0;
	color: white;
	text-decoration: underline;
	border: 0;
}

#footer p a:hover
{
	color: #39F;
	padding: 0;
	margin: 0;
	background-color: transparent;
	text-decoration: underline;
	border: 0;
}