@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////////
*	IMPORT BODY BACKGROUND CLASSES AND ACCORDION MENU CLASSES
*/

@import url("bkg.css");
@import url("spry_accordion.css");

/*/////////////////////////////////////////////////////////////////////
*	GENERAL SITE WIDE STYLE
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: left;
}
body {
	background-color: #000;
	font-size: 100%;
	line-height: .9em;
}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6875em;
	margin: 0.75em 0;
}
a, a:visited {
	text-decoration: none;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 0;
}
li a {
	display: block;
}
img {
	border: none;
	display: block;
}
#container {
	margin: 15px 0 0 15px;
	padding: 0;
	overflow: hidden;
	width: 1007px;
}
#mainNav {
	background-color: #000;
	float: left;
	margin: 0 15px 0 0;
	padding: 24px 34px 10px 15px;
	width: 301px;
}
#mainLogo {
	margin: 0px 0px 18px 7px;
}
ul#mainNavBtns li a {
	border-bottom: 3px solid #000;
	clear: left;
	float: left;
}
#contactBlock {
	float: left;
	margin: 20px 0 0 0;
	text-align: right;
}
#contactBlock img {
	margin: 0 0 0 365px;
}
#contactBlock p {
	margin: 0 0 0 365px;
	padding: 0 15px 10px 0;
	width: 245px;
	background: #000;
}
#contactBlock p a {
	color: #F21C24;
}
a.links {
	margin: 44px 0 0;
}
#content {
	float: left;
	margin: 55px 0 0 0;
	width: 625px;
}
.clear {
	clear: both;
}
p.homeLabel {
color: #f21c24;
}

/*/////////////////////////////////////////////////////////////////////
*	HOME PAGE
*/

.home .entry {
	background-color: #000;
}
.home p.copyText {
	color: #FFF;
	text-transform: uppercase;
}

/*/////////////////////////////////////////////////////////////////////
*	MENU PAGE
*/
.menu {
	background: transparent url(../images/menu/menuBkg.gif) no-repeat 0 0;
	padding: 0 0 12px 0;
}
ul#menuTab {
	background-color: #000;
	padding: 12px 15px 10px;
	height: 17px;
}
ul#menuTab li {
	border-right: 2px solid #FFF;
	float: left;
}
ul#menuTab li.first {
	border-left: 2px solid #FFF;
}
img.menuSplash {
	background-color: #000;
	padding: 0 15px 15px;
}
#imageContainer {
	background-color: #000;
	float: left;
}
#imageBox {
	padding: 0 0 15px 15px;
}
#menuImg {
	background: url(../images/menu/submain.gif) #000 no-repeat top left;
	height: 305px;
	width: 340px;
}
#menuContainer {
	float: left;
}
#menuBox {
	background-color: #000;
	padding: 0 15px 15px 15px;
}
#menuItems {
	background-color: #FFF;
	width: 240px;
}
p.itemTab {
	font-size: .625em;
	margin: 0.75em 10px 0 10px;
	text-transform: uppercase;
}
p.itemTab span {
	padding: 0 0 0 5px;
}
p.itemDesc {
	font-size: .5625em;
	line-height: 1.5em;
	margin: 0 10px; 
}
#accordionCaption {
	padding: 0 0 15px 0;
}
p.menuCaption {
	color: #470B07;
	font-size: .5em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.75em 10px 0 10px;
	text-transform: uppercase;
}

/*/////////////////////////////////////////////////////////////////////
*	ON TAP / EVENTS / BEER CLUB PAGES
*/

.ontap,
.events,
.beerclub,
.home {
	background-color: #000;
	padding: 39px 0 12px 0;
}
p.header {
	color:#FFF;
	font-size: .75em;
	line-height: 1.3em;
	margin: 0 15px 10px 15px;
	text-transform: uppercase;
}
p.header span {
	color: #F21C24;
}
.block {
	overflow: auto;
	padding: 0 15px 18px 15px;
	width: 595px;
}
.copy {
	background-color: #FFF;
	float: left;
	padding: 7px 0 10px 0;
	width: 340px;
}
.entry {
	background-color: #FFF;
	padding: 7px 0 10px 0;
}
.copy p,
.entry p {
	margin: 0;
	padding: 0 10px;
}
.photo {
	float: left;
	margin: 0 15px 0 0;
	overflow: auto;
	width: 240px;
}
.photoSpacer {
	height: 1px;
	width: 240px;
}
p.copyLabel {
	color: #F21C24;
	font-size: .75em;
	line-height: 1.5em;
	padding-top: 3px;
}
p.copyLabel a, 
p.copyLabel a:visited {
	border-bottom: none;
	color: #000;
}
p.copyLabel a:hover {
	border-bottom: 1px solid #F21C24;
	color: #F21C24;
}
p.copyText,
span.copyText {
	color: #470B07;
}
p.copyText a, p.copyText a:visited {
	border-bottom: 1px solid #470B07;
	color: #470B07;
}
p.copyText a:hover {
	border-bottom: 1px solid #F21C24;
	color: #F21C24;
}
p.photoCaption {
	color: #FFF;
	font-size: .5em;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin-top: 2px;
	text-transform: uppercase;
}
p.rsvp a,
p.rsvp a:visited {
	border-bottom: none;
	color: #000;
}
p.rsvp a:hover {
	border-bottom: 1px solid #F21C24;
	color: #F21C24;
}
.beerclub p.header a,
.beerclub p.header a:visited {
	color: #FFF;
	font-size: .9125em;
	line-height: 1.5em;
	text-transform: uppercase;
}
.beerclub p.header a:hover{
	border-bottom: 1px solid #F21C24;
}
/*/////////////////////////////////////////////////////////////////////
*	PRESS & WINE
*/

.press {
	background-color: #000;
	padding: 39px 0 12px 0;
}

.wine {
	background-color: #000;
}

.press p.copyLabel a:hover {
	border-bottom: none;
}
.press .entry,
.wine .entry {
	margin: 0 15px;
}
.press p.copyLabel,
.wine p.copyLabel {
	color: #000;
	margin: 0 0 15px 0px;
	text-transform: uppercase;
}
span.copyText {
	text-transform: capitalize;
}

p.wineSection {
	color: #F21C24;
	font-size: .75em;
	line-height: 1.5em;
	padding-top: 3px;
	margin-bottom: 9px;
}

p.wine {
	background: #FFF;
	color: #948A54;
	font-size: .75em;
	line-height: 1.5em;
	padding-top: 3px;
	margin-bottom: 9px;	
}

/*/////////////////////////////////////////////////////////////////////
*	COMING SOON PAGES
*/

.comingsoon {
	background-color: #000;
	padding: 39px 0 12px 0;
}
.comingsoon img {
	margin: 0 15px;
}
.comingsoon p.copyLabel {
	color: #FFF;
	margin: 0 0 0 15px;
}
.comingsoon p.homeLabel {
	margin: 0 0 0 15px;
	font-size: 1em;
}

/*/////////////////////////////////////////////////////////////////////
*	DIRECTIONS
*/

.directions {
	background-color: #000;
	padding: 39px 0 12px 0;
}
iframe.map {
	margin: 0 0 10px 15px;
}
.directions p.copyLabel a,
.directions p.copyLabel a:visited {
	border-bottom: 1px solid #FFF;
	color: #FFF;	
	margin: 0 0 0 15px;
}
.directions p.copyLabel a:hover {
	border-bottom: 1px solid #F21C24;
	color: #F21C24;
}

/*/////////////////////////////////////////////////////////////////////
*	CONTACT US
*/

.contact {
	background-color: #000;
	padding: 39px 0 12px 0;
}
.contact p.header span {
	font-size: .9125em;
	line-height: 1.5em;
	text-transform: uppercase;
}
.contact form {
	width: 595px;
}
.contact form p {
	margin-top: 1.125em;
}
.contact fieldset {
	width: 595px;
}
.contact li.formLabelL,
.contact li.formLabelR {
	width: 87px;
}
.contact li.formLabelS {
	width: 37px;
}
.contact input.formTextL {
	margin-right: 15px;
	width: 196px;
}
.contact input.formTextR {
	width: 196px;
}
.contact input.formState {
	margin-right: 15px;
	width: 103px;
}
.contact input.formZip {
	width: 35px;
}
.contact textarea#comment {
	width: 504px;
}
.contact li.formCheck {
	padding: 0 15px 0 5px;
}
.safari li.formCheck {
	margin-top: 4px;
}
.contact input#submit {
	width: 87px;
}
.contact li.formNote {
	text-align: right;
	width: 503px;
}
.facebookSucks {
	margin-top: 10px;
	margin-left: 18px;
}
.SubmitAlign {
	width: 87px;
}

/*/////////////////////////////////////////////////////////////////////
*	FORM BASE
*/
form {
	border: none;
	margin: 0 15px;
	padding: 0;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
fieldset ul li {
	color: #FFF;
	float: left;
	line-height: 0;
	margin: 7px 0;
}
li.formNote {
	font-size: .625em;
}
input,
textarea {
	color: #F21C24;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em;
	padding-top: 2px;
}
textarea {
	line-height: 1.5em;
}
input#submit {
	color: #FFF;
	background-color: #F21C24;
	border: 1px solid #000;
}
input#submit:hover {
	color: #000;
}

/*/////////////////////////////////////////////////////////////////////
*	CONTACT US CONFIRMATION PAGE
*/

.confirm {
	background-color: #000;
	padding: 39px 0 12px 0;
}
.confirm p.copyLabel {
	color: #FFF;
	margin: 0 0 0 15px;
	text-transform: uppercase;
}
.confirm p.copyLabel a {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
.confirm p.copyLabel a:hover {
	border-bottom: 1px solid #F21C24;;
	color: #F21C24;
}

/*/////////////////////////////////////////////////////////////////////
*	CMS
*/

.cms {
	background-color: #000;
	padding: 39px 0 12px 0;
}
.login form p {
	margin-top: 1.125em;
}
.login li.formLabelL {
	width: 87px;
}
.login input.formTextL {
	margin-right: 15px;
	width: 196px;
}
.login input#submit {
	width: 87px;
}
p.notes {
	color: #F21C24;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
p.notes a, p.notes a:visited {
	border-bottom: none;
	color: #FFF;
}
p.notes a:hover {
	border-bottom: 1px solid #FFF;	
	color: #FFF;
}
span.log {
	clear: both;
	display: block;
	padding-top: 30px;	
}
.cms form {
	margin: 0;
	width: 595px;
}
.cms form p {
	margin-top: 1.125em;
}
.cms fieldset {
	width: 595px;
}
.cms li.formLabelL {
	line-height: 1em;
	width: 87px;
}
.cms li.dateLabel {
	line-height: 1em;
	margin: 0 15px 0 0;
}
select#month,
input#day,
input#year {
	margin: 0 15px 0 0;
}
.cms li.formLabelClear {
	clear: left;
	line-height: 1em;
	width: 87px;
}
.cms li.delete {
	line-height: 1em;
	margin: 0 15px 0 0;
}
.cms input.formTextL {
	width: 196px;
}
.cms textarea.comment {
	width: 504px;
}
.cms li.formCheck {
	padding: 0 15px 0 5px;
}
.cms li.archiveCheck {
	padding: 8px 0 0 0;
}
.cms li.formCheck {
	margin-top: 4px;
}
.cms input#submit {
	width: 87px;
}
.cms li.formNote {
	text-align: right;
	width: 503px;
}
.archive {
	color: #F21C24;
}

.kitchen #content {
	margin-top: 0;
	padding-top: 0;
}	

.buttonWrapper {
	margin-left: 17px;
	margin-bottom: 15px;
}

.top {
	margin: 15px 0;
}