/*** MAIN LAYOUT ***/
body {
  margin: 0 0 20px;
  background: top left url(/images/bg.jpg);
}
#wrapperBg {
  background: top left repeat-x url(/images/bg_top.jpg);
  padding: 15px 1px 1px 1px;
}
#pageBg {
  width: 803px;
  background: url(/images/page_bg.jpg);
  margin: 0 auto;
}
#pageTop {
  background: top no-repeat url(/images/page_bg_top.jpg);
}
#pageBottom {
  background: bottom no-repeat url(/images/page_bg_bottom.jpg);
}

/*** ORNAMENT FREE ***/
.ornament-free .pageBottomImage {
  padding-top: 27px;
  padding-bottom: 27px;
}
.ornament-free #pageBg {
  background: url(/images/page_bg_free.jpg);
}
.ornament-free #pageTop {
  background: top no-repeat url(/images/page_bg_top_free.jpg);
}
.ornament-free #pageBottom {
  background: bottom no-repeat url(/images/page_bg_bottom_free.jpg);
}


/*** HEAD BLOCK ***/
#headBlock {
  padding: 35px 100px 0 90px;
}


/*** CUSTOM PAGE BOTTOMS ***/
.pageBottomImage {
  margin: 0 14px 0 12px;
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 52px;
  min-height: 520px;
}
#barrelGirl { background-image: url(/images/page_bg_bottom_barrelgirl.jpg); }
#home { background-image: url(/images/page_bg_bottom_home.jpg); }


/*** NAVIGATION ***/
#nav {
  padding-left: 25px;
  width: 227px;
  float: left;
}

#content {
  width: 510px;
  padding-right: 15px;
  float: left;
}

#nav ul {
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0;
  font-family: helvetica, arial, verdana, sans-serif;
}
#nav ul li {
  line-height: 35px;
}
#nav ul li a {
  display: block;
  height: 25px;
  padding: 10px 0 0 42px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
#nav ul li a:hover {
  background-position: 0 -40px;
}
#navMenu { background: no-repeat url(/images/nav_drinky.gif); }
#navCatering { background: no-repeat url(/images/nav_waitress.gif); }
#navEntertainment { background: no-repeat url(/images/nav_record.gif); }
#navStore { background: no-repeat url(/images/nav_skull.gif); }
#navDirections { background: no-repeat url(/images/nav_cactus.gif); }
#navContact { background: no-repeat url(/images/nav_phone.gif); }
#navHistory { background: no-repeat url(/images/nav_cowboy.gif); }
#navReviews { background: no-repeat url(/images/nav_gossip.gif); }
#navRadio { background: no-repeat url(/images/nav_radio.gif); }

#nav ul li ul {
  margin: 5px 0 5px 0;
}
#nav ul li ul li {
  line-height: 18px;
}
#nav ul li ul li a {
  font-size: 12px;
  height: auto;
  padding: 0 0 0 42px;
}


/**** MAIN HEADINGS ****/
h1 {
  text-align: center;
  margin: 0;
  padding: 0;
  height: 78px;
  font-weight: normal;
  letter-spacing: .1em;
  background-repeat: no-repeat;
  background-position: 163px 10px;
  font-size: 0;
  text-indent: -9999px;
}
h1 img {
  float: left;
}

#titleMenu { background-image: url(/images/title_menu.gif); }
#titleBar { background-image: url(/images/title_bar.gif); }
#titleCatering { background-image: url(/images/title_catering.gif); }
#titleEntertainment { background-image: url(/images/title_entertainment.gif); }
#titleStore { background-image: url(/images/title_store.gif); }
#titleMap { background-image: url(/images/title_map.gif); }
#titleContact { background-image: url(/images/title_contact.gif); }
#titleHistory { background-image: url(/images/title_history.gif); }
#titleReviews { background-image: url(/images/title_reviews.gif); }
#titleRadio { background-image: url(/images/title_radio.gif); }

/************ CORE TYPOGRAPHY *************/
body, table, p, div, ul, ol, dl {
  font-family: futura, helvetica, arial, verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color : #555;
}
h3, h4, h5, h6 {
  font-family: helvetica, arial, verdana, sans-serif;
  margin: 25px 0 0 0;
}
h2 {
  font-family: "nueva std", georgia, times, serif;
  font-size: 24px;
  color: #777;
  margin-bottom: .2em;
  margin-top: 15px;
}

h3 span {
  font-size: 10px;
}
p.eventDate {
  font-style: italic;
  margin-bottom: 0;
}
p.eventDescription {

}
p {
  margin-top: 0;
}
td {
  vertical-align: top;
  padding: 2px 10px;
}
img {
  border: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: .5em;
}
ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
th {
  text-align: left;
}
/* Links */
a:link { color: #264F86; }
a:visited { color: #264F86; }
a:hover { color: #062F66; }
a:active { color: #264F86; }



/************* GENERAL USE CLASSES *****************/

/* SMALL HEADINGS */
.smallHeading {
  height: 31px;
  text-indent: -9999px;
  background: top center no-repeat;
}
#headEntertainment { background-image: url(/images/title_small_entertainment.gif); }
#headStore { background-image: url(/images/title_small_store.gif); }

/* HALF TABLES */
.table2 {
  width: 48%;
  margin-right: 2%;
  float: left;
}
.table2end {
  width: 48%;
  margin-left: 2%;
}

/* FLOATS */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

/* SIDEBAR */
.sidebar {
  background-color: #E3DEBE;
  padding: 10px;
}
.sidebar h2 {
  margin-top: 0;
}

/* TABLES */
tr.odd td {
  background-color: #E3DEBE;
}

/*************** ADMIN STUFF ***********************/
.admin table, .admin p, .admin ul {
  font-family: verdana, sans-serif;
  font-size: 10px;
}

.admin td, .admin th {
  padding: 1px 5px;
}

.button {
  text-align: center;
  line-height: 2em;
}
.button a {
  text-decoration: none;
  padding: 2px;
}
.button a:hover {
  background-color: #E3DEBE;
  border: 1px solid #C3BE9E;
}
.button a:active {
  background-color: #C3BE9E;
}

.fieldWithErrors label {
  color: #f00;
}
.fieldWithErrors input, .fieldWithErrors textarea {
  background-color: #f99;
}
.errorExplanation {
  border: 1px solid #f00;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 5px;
}
.errorExplanation h2 {
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #f00;
  margin-top: 0;
}
.errorExplanation ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 0;
}


/*************** SPECIFIC PAGE CSS *****************/
/* FRONT PAGE LAYOUT */
#game-board {
  position: relative;
  background: top left no-repeat url(/images/game_board_bg.jpg);
  width: 596px;
  height: 595px;
  float: left;
  margin-right: 10px;
}
#front-content p.sig {
  font-size: larger;
  text-align: center;
}
#front-content .extra {
  clear: both;
  margin: 0;
  padding: 0;
  width: 777px;
  height: 402px;
  background: no-repeat url(/images/extra_parchment_bg.jpg);
}
#front-content .extra p {
  font-size: 12px;
}
#front-content .extra .padding {
  padding: 20px 50px 0;
}
#front-content .address {
  text-align: center;
  font-weight: bold;
  margin: 10px 0 0;
}
ul.front-nav {
  margin: 0;
  padding: 0;
}
.front-nav a {
  text-indent: -9000px;
  display: block;
}
#front-nav1 {
  width: 209px;
  float: left;
}
#front-nav2 {
  width: 198px;
  float: left;
}
#front-nav3 {
  width: 189px;
  float: left;
}
a#contact-link {
  width: 209px;
  height: 188px;
}
a#contact-link:hover {
  background: no-repeat top left url(/images/roll_contact.jpg);
}
a#menus-link {
  width: 209px;
  height: 130px;
}
a#menus-link:hover {
  background: no-repeat top left url(/images/roll_menus.jpg);
}
a#catering-link {
  width: 209px;
  height: 118px;
}
a#catering-link:hover {
  background: no-repeat top left url(/images/roll_catering.jpg);
}
a#collectibles-link {
  width: 209px;
  height: 159px;
}
a#collectibles-link:hover {
  background: no-repeat top left url(/images/roll_collectibles.jpg);
}
a#history-link {
  width: 189px;
  height: 136px;
}
a#history-link:hover {
  background: no-repeat top left url(/images/roll_history.jpg);
}
a#map-link {
  width: 189px;
  height: 138px;
}
a#map-link:hover {
  background: no-repeat top left url(/images/roll_map_hours.jpg);
}
a#music-link {
  width: 189px;
  height: 136px;
}
a#music-link:hover {
  background: no-repeat top left url(/images/roll_music.jpg);
}
a#ice-cream-link {
  width: 189px;
  height: 185px;
}
a#ice-cream-link:hover {
  background: no-repeat top left url(/images/roll_ice_cream.jpg);
}
a#radio-link {
  margin-top: 436px;
  width: 198px;
  height: 159px;
}
a#radio-link:hover {
  background: no-repeat top left url(/images/roll_radio.jpg);
}


/* CONTACT US PAGE */
.contactField { width: 200px; }
#contactSidebar { margin-right: 70px; }

/* ENTERTAINMENT PAGES */
.event {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #E3DEBE;
  border: 1px solid #C3BE9E;
  padding-left: 5px;
}
.event .date {
  float: right;
  font-size: 9px;
  border-left: 1px solid #C3BE9E;
  border-bottom: 1px solid #C3BE9E;
  padding: 2px;
  width: 2em;
  height: 2em;
  text-align: center;
  background-color: #f2f0ca;
}
.today h3 {
  color: red;
  font-weight: bold;
}
.event h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
}
.weekday {
  width: 115px;
  height: 115px;
}
.weekend {
  width: 158px;
  height: 158px;
}

/* MAP PAGE */
#map {
  width: 450px;
  height: 350px;
  border: 1px solid #781f00;
}
#map div img {
  float: left;
  margin-right: 10px;
}
#map div {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
}

/* REVIEWS */
.quote {
  margin-bottom: 0;
}
.quotee {
  margin: 0 0 10px 30px;
  font-weight: bold;
}

/* ADMIN STUFF */
#loginForm {
  width: 13em;
  margin: 0 auto;
}

div.notice { color: green; }
div.warning { color: orange; }
div.error { color: red; }
div.notice, div.warning, div.error {
  font-weight: bold;
  font-family: verdana, sans-serif;
}
div.notice h2, div.warning h2, div.error h2 {
  font-size: 14px;
  color: #900;
}


/****************** Hacks ******************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*** Radio Show ***/
#radio_show_form div {
  margin-bottom: 5px;
}
#radio_show_form label {
  width: 80px;
  float: left;
  text-align: right;
  margin-right: 5px;
}
#radio_show_form .submit {
  padding-left: 85px;
}

img.border {
  border: 2px solid #972d08;
}

/**** Menu pages ****/
p.food_images img {
  float: left;
  margin-right: 10px;
  border: 2px solid #972d08;
}
p.food_images img.last {
  margin-right: 0;
}

/**** History / Links Page ****/
p.centered_image {
  text-align: center;
}

/**** Catering ****/
.catering_nav {
  text-align: center;
  margin-bottom: 32px;
}
.catering_nav h3 {
  margin-bottom: 0;
  font-size: 16px;
}
.catering_nav ul {
  margin-top: 0;
}

#catering_menus h2 {
  margin-top: 32px;
  color: #781f00;
}
.catering_menu td.price {
  width: 100px;
  text-align: right;
}
.catering_menu td span.desc {
  float: left;
}
.catering_menu td span.price {
  float: right;
}


.catering_contact {
  text-align: center;
  color: #781f00;
  font-weight: bold;
  margin-top: 32px;
}