/* Whitpain Tavern CSS */
/*CSS RESET*/
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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: white; background: black; font-family:"Times New Roman", Times, serif; font-size:12px;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*Global Styles*/
#container {width:1000px; margin:auto;}
#mainContent {width:1000px; float:left; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:top;}
#header {width:1000px; float:left;}
#footer {width:1000px; float:left; background-image:url(../images/footerBackground.jpg); background-repeat:no-repeat; background-position:top; padding-bottom:40px;}
#mainImage {width:1000px; float:left; padding:10px 0px;}
#bodyContent {width:1000px; float:left; line-height:18px;}
#contentLeft {width:650px; float:left;}
#contentRight {width:350px; float:left;}
a:link {color:#5ba758; text-decoration:none; font-weight:bold;}
a:visited {color:#999; text-decoration:none; font-weight:bold;}
a:hover {color:#ebc71d; text-decoration:underline; font-weight:bold;}
a:active {color:#ebc71d; text-decoration:underline; font-weight:bold;}
h1 {font-size:13px; font-weight:bold; padding-bottom:3px;}
h2 {font-size:18px; color:#caffc5; font-weight:bold; padding-bottom:3px;}
h3 {font-size:20px; color:#fff; font-weight:bold; padding-bottom:5px;}
.float {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
input {font-family:"Times New Roman", Times, serif; width:200px;}
select {font-family:"Times New Roman", Times, serif; width:204px;}
textarea {font-family:"Times New Roman", Times, serif; font-size:12px; width:204px; height:100px;}
.moduleHeader {float:left; padding-bottom:10px;}
.wideContainer {width:510px; float:left; padding-bottom:25px;}
.skinnyContainer {width:350px; float:left; padding-bottom:25px;}

/*Main Navigation*/
#navigation ul {float:left; width:666px; height:60px; background:url(../images/mainNav.gif) no-repeat 0 0; list-style:none; margin:0; padding:0;}
#navigation li {display:inline; float:left; padding-right:26px;}
#navigation li a:link, #navigation li a:visited {border:none; width:85px; height:60px; display:block; text-indent:-9000px; outline:none;}
#navigation li.home a:link, #navigation li.home a:visited {left:0;}
#navigation li.menu a:link, #navigation li.menu a:visited {left:111px;}
#navigation li.events a:link, #navigation li.events a:visited {left:222px;}
#navigation li.catering a:link, #navigation li.catering a:visited {left:333px;}
#navigation li.directions a:link, #navigation li.directions a:visited {left:444px;}
#navigation li.photos a:link, #navigation li.photos a:visited {left:555px;}
#navigation li.home a:hover {background: url(../images/mainNav.gif) no-repeat 0 -60px;}
#navigation li.menu a:hover {background: url(../images/mainNav.gif) no-repeat -111px -60px;}
#navigation li.events a:hover {background: url(../images/mainNav.gif) no-repeat -222px -60px;}
#navigation li.catering a:hover {background: url(../images/mainNav.gif) no-repeat -333px -60px;}
#navigation li.directions a:hover {background: url(../images/mainNav.gif) no-repeat -444px -60px;}
#navigation li.photos a:hover {background: url(../images/mainNav.gif) no-repeat -555px -60px;}


/* Footer Style*/
#footerLeft {width:425px; float:left; padding-top:50px;}
#footerRight {width:425px; float:right; padding-top:50px;}
#address {float:left; font-size:14px; padding-bottom:8px; width:425px;}
#newsletter {float:left; width:425px;}
#footerNav {float:left; width:425px; text-align:center; padding:10px 0px;}
.submit {width:50px; height:22px; color:#FFFFFF; background-color:#5ba758; border:1px solid #006600;}
#footerNav ul li {display:inline; padding: 0px 4px;}
#footerNav a:link {color:#fff; text-decoration:none;}
#footerNav a:visited {color:#fff; text-decoration:none;}
#footerNav a:hover {color:#fff; text-decoration:underline;}
#footerNav a:active {color:#fff; text-decoration:underline;}
#contactForm {float:left; width:425px;}
#formHolder {float:left; width:425px;}
#formLeft {float:left; width:205px; padding-right:10px; padding-top:10px;}
#formRight {float:left; width:205px; padding-top:10px;}
.field {float:left; width:205px; padding-bottom:8px;}
.message {float:left; width:205px; padding-bottom:10px;}
#note {float:left; width:425px;}
.notification_error {color:#FF0000;}
.notification_ok {color:#00CC33;}

/*Specials*/
.specialsListing {float:left; width:510px; padding-bottom:15px; border-bottom:1px solid #666666;}
.specialsImage {float:left; width:175px;}
.specialsTitle {float:left; font-size:20px; font-weight:bold; width:225px;}
.specialsDetails {float:left; width:377px; padding:8px 0px 3px 8px;}
.specialsHolderSkinny {float:left; width:350px; padding:12px 0px; border-bottom:1px solid #666666;}
.specialsImageSmall {float:left; width:115px;}
.specialsDetailsSkinny {float:left; width:225px;}

/*Hours, Facebook and About Us*/
#hours {width:350px; float:left; text-align:center; font-size:14px;}
#hours ul li {padding-bottom:10px;}
#facebook {width:302px; float:left; padding:12px 24px 25px 24px;}
#aboutUs {width:320px; float:left; padding:0px 15px;}

/*Events*/
.eventListing {float:left; width:510px; padding-bottom:18px;}
.eventHolder {float:left; width:510px; padding-bottom:25px; padding-top:10px;}
.eventDescription {float:left; width:415px; padding-left:15px;}
.date {float:left; width:80px; text-align:center; font-weight:bold;}
.date div {padding-bottom:4px;}
.day {font-size:14px;}
.month {font-size:18px;}
.number {font-size:30px;}
.showdate {font-size:12px; color:#FFFFFF; float:left; width:510px; font-weight:bold;}
.performer {font-size:18px; color:#5ba758; font-weight:bold; float:left; width:510px;}
.showdescription {font-size:12px; color:#fff; float:left; width:510px;}
.showHolder {float:left; width:510px; padding-bottom:15px;}
.mainEventListing {float:left; width:510px; padding-bottom:18px;}
.eventTitle {font-size:32px; font-weight:bold; color:#caffc5;line-height:32px;}
.eventDate {font-size:18px; font-weight:bold; padding-bottom:6px;}

/* Directions Page */
#mapHolder {float:left; width:975px; padding-left:15px;}
#mapCanvas {float:left; width:971px; height:440px; border:2px solid #5ba758;}
#directions {float:left; width:975px;}
.inputBox {width:275px;}

/*Menu and Catering Page*/
#menu {float:left; width:510px;}
h3.toggler {float:left; width:510px; cursor:pointer; border-bottom:1px solid #fff; padding-top:8px; padding-bottom:5px; margin-bottom:5px; margin-top:5px;}
.element {float:left; width:510px;}
.menuitem {color:#5ba758; font-size:16px; font-weight:bold;}
.price {color:#fff; font-size:16px; font-weight:bold;}
.itemdescription {padding-bottom:10px;}
.itemtype {font-size:20px; color:#caffc5; padding-top:15px;}
#lunchSpecials {text-align:center;}
#dinnerSpecials {text-align:center;}
#cateringDescription {text-align:center;}

/*Photos Page*/
#photoHolder {float:left; width:650px;}