@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - -

Title: 		Virgo & Pisces screen styles
Version: 	1.0 

Created: 	2008-12-09
Modified: 	2008-12-09

Deployment note: SetOutputFilter DEFLATE should be set on this directory (squishy squishy)

Note: base typography definitions based on YUI Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	version: 2.6.0
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
- - - - - - - - - - - - - - - - - - - - - */

@import "reset-min.css";

/* @group Globals */

html,
body {
	background: #d3c2b2;
	}
body {
	padding-top: 24px;
	text-align: center;
	}

/* @end Globals */

/* @group Layout */

#container {
	background: #d3c2b2 url("../_img/bkg-col.jpg") repeat-y 0 0;
	margin: 0 auto;
	text-align: center;
	width: 986px;	
	}
#header {
	background: #d3c2b2 url("../_img/bkg-hdr.jpg") no-repeat 0 0;
	height: 196px;
	width: 986px;	
	}
	#header #print-logo {
		display: none;
		}
	#header h1#logo,
	#home #header #logo-wrap {
		left: 0;
		position: absolute;
		top: -300px;
		width: 80%;
		}
	#header h1#logo a {
		}
#navigation {
	color: #fff;
	height: 28px;
	left: 10px;
	position: relative;
	top: 166px;
	width: 986px;
	}
#content {
	color: #171717;
	padding: 0; 
	text-align: left;
	width: 986px;
}

#home #content {
	background: transparent url("../_img/bkg-content-home.jpg") no-repeat 5px top;
	color: #171717;
	height: 500px;
	}
#about #content {
	background: transparent url("../_img/bkg-content-about.jpg") no-repeat 5px top;
	color: #171717;
	min-height: 270px;
	padding: 20px 30px 20px 30px;
	width: 926px;
	}
#bar #content {
	background: transparent url("../_img/bkg-content-bar.jpg") no-repeat 5px top;
	color: #171717;
	min-height: 270px;
	padding: 20px 30px 20px 30px;
	width: 926px;
	}
#kitchen #content {
	background: transparent url("../_img/bkg-content-kitchen.jpg") no-repeat 5px top;
	color: #171717;
	min-height: 270px;
	padding: 20px 30px 20px 30px;
	width: 926px;
	}
#events #content {
	background: transparent url("../_img/bkg-content-white.jpg") no-repeat 5px top;
	color: #171717;
	min-height: 270px;
	padding: 20px 30px 0 30px;
	width: 926px;
	}
#contact #content {
	background: transparent url("../_img/bkg-content-contact.jpg") no-repeat 5px top;
	color: #171717;
	min-height: 270px;
	padding: 20px 30px 20px 30px;
	width: 926px;
	}
#home #content #copy {
	padding-top: 40px;
	margin-left: 55px;
	text-align: center;
	width: 380px;
	}

#about #content #copy,
#bar #content #copy,
#kitchen #content #copy,
#events #content #copy,
#contact #content #copy {
	float: right;
	margin-top: 265px;
	margin-right: 10px;
	padding-bottom: 20px;
	width: 565px;
	}

	#events #content #copy {
		margin-top: 25px;
		}



#sidebar {
	background: transparent url("../_img/bkg-hours-col.gif") repeat-y 00;
	float: left;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
	width: 300px;
	}

#sidebar div.top {
	background: transparent url("../_img/bkg-hours-top.gif") no-repeat 0 0;
	height: 11px;
	}

#sidebar div.bot {
	background: transparent url("../_img/bkg-hours-bot.gif") no-repeat 0 10px;
	height: 11px;
	padding-top: 10px;
	}

	#events #sidebar {
		text-align: left;
		}

#footer {
	background: #d3c2b2 url("../_img/bkg-ftr.jpg") no-repeat 0 bottom;
	clear: both;
	color: #fff;
	height: 45px;
	width: 986px;	
	}
	
/* @end Layout */

/* @group Typography */

			/*
			px  (%)
			10 	77
			11 	85
			12 	93 (was 93)
			13 	100
			14 	108 (was 107)
			15 	116 (was 114)
			16 	123.1 (was 122)
			17 	131 (was 129)
			18 	138.5 (was 136)
			19 	146.5 (was 144)
			20 	153.9 (was 152)
			21 	161.6 (was 159)
			22 	167
			23 	174
			24 	182
			25 	189
			26 	197 
			*/
/* x-small is for IE6/7 quirks mode. */
body {
/*	font: 13px/1.231 Helvetica,Arial,clean,sans-serif; */
	font: 13px/1.231 Times, "Times New Roman", Times, serif; 
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	}

/* nudge down to get to 13px equivalent for these form elements */ 
button,
input,
select,
textarea {
	font: 99% Helvetica,Arial,clean,sans-serif;
	}

/* remind tables remember to inherit */
table {
	}

/* Bump up IE to get to 13px equivalent for these fixed-width elements */
code,
kbd,
pre,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
	}

	/* @group Links */
	
	a:link,
	a:visited,
	a:hover,
	a:active {
		color: #ff8301;
		text-decoration: none;
	}
	
	a:hover,
	a:active {
		border-bottom: 1px dotted #666;
	}
	
	h1 a:link,
	h1 a:visited,
	h1 a:hover,
	h1 a:active {
		color: #333;
		text-decoration: none;
	}
	
	h1 a:hover,
	h1 a:active {
		border: none;
	}
	
	/* @end Links */
p {
	font-size: 100%;
	line-height: 174%;
	padding-bottom: 32px;
	}

#home h2 {
	font-size: 182%;
	font-weight: bold;
	}
#home h3,
#contact #subscribe h3 {
	color: #202020;
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#home p {
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 123.1%;
	font-weight: normal;
	line-height: 161.6%;
	padding-bottom: 10px;
	}

#about #copy h2,
#bar #copy h2,
#kitchen #copy h2,
#events #copy h2,
#contact #copy h2 {
	font-size: 153.9%;
	font-weight: bold;
	line-height: 153.9%;
	padding-bottom: 10px;
	}
	
#about #copy p,
#bar #copy p,
#kitchen #copy p,
#events #copy p,
#contact #copy p {
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 93%;
	line-height: 153.9%;
	padding-bottom: 20px;
	}

#sidebar h2 {
	font-size: 153.9%;
	font-weight: bold;
	line-height: 182%;
	margin-top: 10px;
	text-align: center;
	}
	
#sidebar p {
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 93%;
	line-height: 153.9%;
	padding-bottom: 10px;
	}
#sidebar p.textleft {
	padding: 0 30px 10px;
	}

#bar #sidebar p {
	padding: 0 20px 10px 30px;
	text-align: left;
	}
	#bar #sidebar .hours p {
		text-align: center;
		}
#kitchen #sidebar p {
	padding: 0 20px 10px 30px;
	text-align: left;
	}
#events #sidebar p {
	padding: 0 20px 10px 30px;
	}

#events ol#event_list p {
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 12px;
	line-height: 18px;
	overflow: auto;
	padding: 10px 0;
	}
#events ol#event_list h3 {
	font: bold 18px/20px Times, "Times New Roman", Times, serif; 
	padding: 0 0 5px;
	}	
#events ol#event_list .date {
	font: bold 13px/15px Times, "Times New Roman", Times, serif; 
	font-weight: bold;
	padding: 0;
	}
#footer ul {
	padding-top: 7px;
	}
#footer li {
	display: inline;
	font-size: 108%;
	font-weight: bold;
	line-height: 174%;
	padding-right: 18px;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}


/* @end Typography */

/* @group Lists */
#global-nav {
	display: block;
	}
	#global-nav li {
		display: inline;
		float: left;
		}
		li#nav-contact {/*
			text-align: right;
			width: 395px;*/
			}
		#global-nav li a {
			border-right: 1px solid #70767a;
			border-bottom: none;
			color: #333;
/*			display: block;
*/			font-size: 138.5%;
			height: 28px;
			line-height: 28px;
			margin: 0;
			overflow: hidden;
			padding: 0 24px;
			top: 0;
			}
		li#nav-home a,
		li#nav-home a:visited {
			}
		body#home li#nav-home a,
		li#nav-home a:hover,
		li#nav-home a:active {
			color: #fff;
			}
		li#nav-about a,
		li#nav-about a:visited {
			}
		body#about li#nav-about a,
		li#nav-about a:hover,
		li#nav-about a:active {
			color: #fff;
			}
		li#nav-bar a,
		li#nav-bar a:visited {
			}
		body#bar li#nav-bar a,
		li#nav-bar a:hover,
		li#nav-bar a:active {
			color: #fff;
			}
		li#nav-kitchen a,
		li#nav-kitchen a:visited {
			}
		body#kitchen li#nav-kitchen a,
		li#nav-kitchen a:hover,
		li#nav-kitchen a:active {
			color: #fff;
			}
		li#nav-events a,
		li#nav-events a:visited {
			border-right: none;
			}
		body#events li#nav-events a,
		li#nav-events a:hover,
		li#nav-events a:active {
			color: #fff;
			}
		li#nav-contact a,
		li#nav-contact a:visited {
			border-right: none;
			margin-left: 255px;
			}
		body#contact li#nav-contact a,
		li#nav-contact a:hover,
		li#nav-contact a:active {
			color: #fff;
			}

#events ol#event_list {
	list-style-type: none;
	}
	#events ol#event_list li {
		border-bottom: 1px dotted #171717;
		clear: both;
		font-family: Helvetica,Arial,clean,sans-serif;
		font-size: 12px;
		line-height: 18px;
		overflow: auto;
		padding: 20px 0;
		}
	#events ol#event_list li p {
		overflow: auto;
		}
	#events ol#event_list li a img {
		float: left;
		margin-right: 20px;
		}
	
/* @end Lists */

/* @group Forms */

form {
	}
fieldset {
	}
legend {
	}
label,
input {
	display: block;
	float: left;
	margin-bottom: 18px;
	width: 90px;
	}
input[type="hidden"] {
	display: none;
	}
label {
	font-size: 93%;
	width: 100%;
	}
input {
	border: 1px solid #524f26;
	display: block;
	font-size: 93%;
	padding: 3px;
	width: 220px;
	}
input.button {
	background: #fff;
	border: none;
	color: #524f26;
	font-size: 85%;
	display: block;
	float: right;
	padding: 10px 3px;
	width: 80px;
	}
textarea {
	border: 1px solid #524f26;
	font-size: 93%;
	height: 150px;
	overflow: auto;
	padding: 3px;
	width: 340px;
	}
input,
textarea {
	}
select {
	}

br {
	clear: left;
	}

#home #subscribe {
	margin-left:650px;
	padding: 15px 15px 0 15px;
	position: absolute;
	top:525px;
    background-color: #d6c7b6;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
	text-align:left;
	width: 220px;
	}
#home #subscribe label{
	color: #202020;
	font-family: Helvetica,Arial,clean,sans-serif;
	margin-bottom: 5px;
	text-align: left;
	}
#home #subscribe input{
	border: 1px solid #514b2d;
    background-color: #ffffff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
	width: 190px;	
	}
#home #subscribe #submit{
	background: #ff8302;
	border: 1px solid #514b2d;
	color: #fff;
	font-size: 93%;
	width: 90px;	
	}
#home #subscribe #submit:hover{
	background: #797979;
	color: #fff;
	width: 90px;	
	}
#contact #subscribe {
	}
#contact #subscribe label{
	color: #202020;
	display: inline;
	float: left;
	font-family: Helvetica,Arial,clean,sans-serif;
	font-size: 93%;
	line-height: 18px;
	text-align: left;
	width: 90px;
	}
#contact #subscribe input{
	border: 1px solid #514b2d;
    background-color: #ffffff;
	font-size: 93%;
	width: 140px;	
	}
#contact #subscribe #submit{
	background: #ff8302;
	border: 1px solid #514b2d;
	color: #fff;
	font-size: 93%;
	margin-left: 5px;
	padding: 2px 0;
	width: 80px;	
	}
#contact #subscribe #submit:hover{
	background: #797979;
	color: #fff;
	width: 80px;	
	}


/* @end Forms */
/*  @group Slideshow */
#slides {
    width: 335px; /* important to be same as image width */
    height: 275px; /* important to be same as image height */
	left: 75px;
	position: relative; /* important */
	overflow: hidden; /* important */
}

#slides img {
	border: 1px solid #dbd0c4;
}
#slides img.vert {
	margin-left: 60px;
}
#slides img.horiz {
	margin-top: 15px;
}


/* end @group Slideshow */

/* @group Overrides */

.quiet {
	left: 0;
	position: absolute;
	top: -300px;
	width: 80%;
	}
.more {
	font-size: 91%;
	margin-left: 5px;
	}	
.clear {
	clear: both;
	}	
.left {
	float: left;
	}
.right {
	float: right;
	}
.textleft {
	text-align: left;
	}
.pdf, .pdf:hover {
	background: transparent url('../_img/pdficon_small.gif') no-repeat 0 5px;
	border: none;
	display: block;
	padding: 5px 0 5px 23px;
	margin-left: 5px;
	}	

/* @end Overrides */