/* @override http://www.hg.treatsclub.com/css/hglodge.css  new */

/*---- Global -------------------------------------------------*/
html, body, #wrapper {height: 100%;}
body { background: #000 url(/images/backgrounds/bg-main.jpg) no-repeat center top;}
body > div#wrapper {height: auto; min-height: 100%;}
@font-face { font-family: Baskerville; src: url('/fonts/baskerville.ttc'); src: local('Baskerville'), url('/fonts/baskerville.ttc'); }
.hide { display: none;}
small { font: 9px Arial, Sans-Serif; color: #eee; }

/*---- Header/Navigation -------------------------------------------------*/
div#hd { width: 940px; margin: 110px auto 0; padding: 10px; height: 35px; position: relative; background: #cfc6c6; }
div#hd h1 { position: absolute; left: 397px; top: -98px;}
div#hd h1 a { width: 163px; height: 205px; display: block;}
div#hd ul { }
div#hd ul li { display: inline; float: left; margin-left: 30px; }
div#hd ul li:first-child { margin-left: 0;}
div#hd ul li:nth-child(3) { margin-left: 180px;}
div#hd ul li a { display: block; width: 175px; height: 30px; padding-top: 5px; color: #aec3c5; background: #2a241d; text-align: center; text-decoration: none; font: italic 22px Baskerville, Serif; letter-spacing: 1px; }
div#hd ul li a:hover { color: #fff; background: #611420;}
div#hd ul li a.current { color: #fff; background: #611420;}

/*---- Content -------------------------------------------------*/
div#main { width: 940px; margin: 65px auto 45px; padding: 10px; overflow: hidden; min-height: 550px; background: rgba( 255, 255, 255, 0.2); }
div.block { position: relative; background: #fff; margin: 10px 0 0; padding: 10px 10px; }
div.block h3 { position: absolute; right: -10px; top: 5px; padding: 1px 10px; font: bold 16px Baskerville, Serif; color: #c3c3c3; background: #351e39;}
div.block h4 { margin: 10px 0 7px; color: #351e39; }
div.block h4.first { margin-top: 20px; }
div.block h4.media { font: bold italic 16px Baskerville, Serif; color: #8d1622; margin-bottom: 0;  }
div.block ul.media-list { margin-top: 5px; }
div.block ul.media-list li { margin-bottom: 4px; }
div.block ul.media-list li a { font: 12px/15px Arial, Sans-Serif; color: #351e39; display: block; }
div.block ul.media-list li a:hover { color: #8d1622; }
div.block p { font: 12px/15px Arial, Sans-Serif; color: #351e39; }
div.block p.first { margin-top: 25px;}
div.block address { font: 12px/15px Arial, Sans-Serif; color: #351e39; margin-top: 25px; display: block; text-align: right;}
div.block ul { margin-top: 12px;}
div.block ul li { font: 12px Arial, Sans-Serif; color: #351e39; margin-bottom: 2px;}
div.block form {overflow: hidden;}
div.block form p { font-weight: bold; }
div.block form input { width: 178px; padding: 2px 5px; margin: 3px 0 10px; border: 1px solid #351e39;}
div.block form input#list-subscribe { width: auto; border: none; background: #fff; float: right; padding: 0; font-weight: bold; cursor: pointer;}
div.block form input#list-subscribe:hover { color: #611420;}
div.block ul#packages h4 { font: bold italic 24px Baskerville, Serif; color: #8d1622; height: 20px;}
div.block ul#packages li p { font-size: 14px;}
div.block p.question { position: relative; min-height: 35px; padding-top: 5px; background: #e9e8e8; padding-left: 35px; font: bold 12px/15px Arial, Sans-Serif; color: #351e39;}
div.block p.question span { font-size: 40px; position: absolute; top: 12px; left: 0;}
div.block p.answer { position: relative;  padding-top: 5px; padding-left: 25px; font: bold 12px/15px Arial, Sans-Serif; color: #351e39; margin: 5px 0 10px 20px;}
div.block p.answer span { font-size: 28px; position: absolute; top: 5px; left: 0;}
div#map { padding: 0; margin-top: 10px;}
img#current-flyer { float: left;}
ul#event-nav { float: right; width: 270px; }
ul#event-nav li a.event-link { padding: 5px; border: 10px solid #b5a1a4; display: block; color: #aec3c5; text-decoration: none; font: bold italic 18px Baskerville, Serif;  background: #261629; }
ul#event-nav li a.event-link:hover { color: #fff; }
div.event-info { margin-bottom: 10px; padding: 5px; border: 10px solid #b5a1a4; border-top: none; background: #fff; }
div.event-info a { color: #351e39; font: bold 16px Baskerville, Serif;  }
div.event-header { background: #d4d2d2; width: 235px; padding: 0 10px 10px;}
div.event-header h2 { font: bold italic 25px Baskerville, Serif;  color: #8d1622; }
div.event-header h3 { font: bold 40px "Helvetica Neue", Helvetica, Arial, Sans-Serif;  color: #2a241d;  line-height: 35px;}
div.event-info p { font: 12px/15px Verdana, Arial, Sans-Serif; color: #2a241d; margin: 7px 0; }
div.event-info p strong { font-size: 18px; font-weight: normal;}
div.event-info div.event-description,
div.event-info p.event-description { height: 60px; margin: 11px 0 14px; }
div.socialize { margin-top: 10px; padding: 10px 10px 0; background: #373026;}
div.socialize h4 { font: 14px Arial, Sans-Serif; color: #aec3c5; }
div.socialize p { font: 11px Arial, Sans-Serif; color: #aec3c5; }
div.socialize p.date { margin-bottom: 5px;}
div.socialize p a { font: 12px Arial, Sans-Serif; color: #eee;}
div.socialize ul.media { padding: 10px 0; }
div.socialize ul.gallery { padding-top: 25px;  }
div.socialize ul.gallery li {border-top: 1px dotted #eee; padding: 10px 0;}
div.socialize ul.media li:first-child { overflow: hidden; border-top: none;}
div.socialize ul.media li img { float: left; margin-right: 10px; width: 50px; height: 50px; }
div.socialize div.twitter { padding: 5px 0 10px; }
div#batch206 { text-align: center; padding: 35px 0 10px;}
div#batch206 p { margin-bottom: 5px; color: #fff; line-height: 18px;}
div#right-col h3 { position: absolute; right: 0; top: 15px; padding: 1px 10px; font: bold 16px Baskerville, Serif; color: #2a241d; background: #d4d2d2;}
form#reservations { margin: 10px 0 0; }
form#reservations p { overflow: hidden; margin-bottom: 5px;}
form#reservations p label {width: 125px; text-align: right; margin-right: 10px; margin-top: 5px; float: left; }
form#reservations p input,
form#reservations p select,
form#reservations p textarea { float: left; width: 220px; padding: 2px 5px; border: 1px solid #351e39; }
form#reservations p select { width: 234px; }
form#reservations p textarea { height: 100px; }
form#reservations p input#request-submit,
p#reservation-sent { border: none; width: auto; background: #fff; font-size: 20px; font-weight: bold; color: #351e39; cursor: pointer; float: right; margin-right: 47px; height: 32px; }
div#media-gallery { background: #2a241d; padding: 10px; position: relative; }
div#media-gallery p#gallery-holder { text-align: center; min-height: 440px; }
div#media-gallery p img { max-width: 660px; min-height: 440px; position: relative; z-index: 2;}
div#media-gallery ul { overflow: hidden; margin: 15px 0 0 7px; }
div#media-gallery ul li { float: left; display: inline; margin: 0 5px 10px; height: 80px; border: 1px solid #2a241d; }
div#media-gallery ul li:hover { border-color: #aec3c5;}
div#page-pagination a:hover { color: #d4d2d2; }
div#page-pagination a:hover { color: #8d1622; }
div#loader { width: 660px; height: 200px; padding-top: 200px; position: absolute; top: 10px; left: 10px; text-align: center; z-index: 1; background: url(/images/ajax-loader.gif) no-repeat 225px 200px;}

/*---- Structure -------------------------------------------------*/
/* 2 Column Left */
div#left-main { float: left; width: 700px; min-height: 550px;}
div#right-col { position: relative; float: right; width: 210px; padding: 0 10px 10px; background: #b5a1a4;}

/* 2 Column Right */
div#right-main { position: relative; z-index: 10; float: right; width: 680px; padding: 10px; min-height: 530px; background: #b5a1a4; }
div#left-col { float: left; width: 210px; padding: 0 10px 10px; background: #b5a1a4;}

/* Three Column */
div#middle-col { float: left; display: inline; width: 440px; padding: 0 10px 10px; margin-left: 10px; min-height: 540px; background: #b5a1a4; }

/*---- Footer -------------------------------------------------*/
div#ft { text-align: center; color: #c3c3c3; font: 12px Verdana, Arial, Sans-Serif; padding: 8px 0 7px; background: #2a241d; position: relative; height: 20px; margin-top: -35px; clear: both;}
div#ft a { color: #d98a2f; text-decoration: none; }
div#ft a:hover { color: #c3c3c3;}
div#ft a#treats { margin: 3px 10px 0 0; float: right; display: block; width: 84px; height: 11px; background: url(/images/treats.png) no-repeat left top; }
div#ft a#treats:hover { background-position: left bottom; }

/* Added August 2011 */
/* Media */
h2.gallery_header { text-align: center; text-transform: uppercase; margin: 10px 0 15px; }
div#media-gallery ul { margin-left: 0; }
ul.gallery-list li.first { margin-left: 0; }
ul.gallery-list li.last { margin-right: 0; }
/* Twitter */
div.twtr-hd,
div.twtr-ft { display: none !important; visibility: hidden !important; }