html { height: 100%; background: #000; }
body { margin: 0; padding: 0; background: #000 URL("/_common/images/backgrounds/site.png") top center no-repeat; font: 12px Helvetica, Arial, sans-serif; color: #fff; }
a, img, object { outline: none; }
a { color: #fde36a; }
a:hover { color: #ffba00; }
/* Links to Glo & Perle */
#breadcrumbs { margin: 0 auto; width: 990px; height: 28px; font: 11px Helvetica, Arial, sans-serif; color: #4d4d4d; text-align: right; padding: 6px 0 0 0; overflow: hidden; }
#breadcrumbs small { padding: 0 8px; }
#breadcrumbs a { color: #fff; font-weight: bold; border-bottom: 1px solid #ff0000; text-decoration: none; }
#breadcrumbs a:hover { border-bottom: 1px solid #959595; }
/* Main Site */
#site { margin: 0 auto; width: 942px; overflow: hidden; }
#site .header { display: block; overflow: hidden; text-align: center; }
#site .header h1 { margin: 0 auto; width: 264px; padding: 0; }
#site .header h1 a { width: 264px; height: 125px; background: URL("/_common/images/logo.png") no-repeat; text-indent: -9999px; display: block; }
#site .header h1 a:hover { width: 264px; height: 125px; background: URL("/_common/images/logo.png") 0 -125px no-repeat; text-indent: -9999px; display: block; }
/* Navigation Basics */
#site .header .navigation { margin: 5px 0; width: 942px; height: 41px; background: URL("/_common/images/backgrounds/navigation.png") repeat-x; }
#site .header .navigation ul { margin: 0 auto; padding: 0; width: 442px; height: 41px; list-style: none; text-align: center; }
#site .header .navigation ul li { float: left; display: inline; display: inline; margin: 0 12px; }
#site .header .navigation ul li a { display: block; text-indent: -9999px; }
#site .content { display: block; overflow: hidden; background: URL("/_common/images/backgrounds/content.png") repeat-y; color: #ddd; }
/* Columns */
.columnLeft { float: left; display: inline; width: 525px; margin: 5px 0 0 10px; }
.columnRight { float: right; display: inline; width: 355px; margin: 10px 20px 0 10px; }
.colSpace { width: 350px; margin-left: 25px; }
.left34 { float: left; display: inline; width: 455px; margin: 5px 0 0 10px; line-height: 17px; }
/* Lists & Special Boxes*/
ol.privateEvents { list-style: none; border-left: 2px solid #00ff00; margin: 0 0 20px 50px; padding: 5px 15px 5px 15px; }
div.privateImage { padding: 5px; background: #111; border: 1px solid #222; text-align: center; width: 440px; }
div.privateImage img { border: 1px dotted #222; }
/* Page: Events */
#site .content .special { display: block; background: #000; border: 1px solid #222; padding: 10px; text-align: center; margin: 10px 10px 5px 10px; }
#site .content .partySpecial { width: 922px; height: 107px; margin: 0 auto; clear: both; }
#site .content .partySpecial a { text-indent: -9999px; height: 107px; display: block; background: URL("/_common/images/events/party.png") no-repeat; }
#site .content .partySpecial a:hover { text-indent: -9999px; height: 107px; display: block; background: URL("/_common/images/events/party.png") 0 -107px no-repeat; }
#site .content .event-box { float: left; display: inline; width: 301px; height: 633px; text-indent: -9999px; }
.event-box a { display: block; width: 301px; height: 633px; text-indent: -9999px; }
.marginThursday { margin: 10px 5px 0 10px; }
.marginFriday { margin: 10px 5px; }
.marginSaturday { margin: 10px 5px; }
.event-box a.Thursday { background: URL("/_common/images/events/thursday.png") no-repeat; }
.event-box a.Thursday:hover { background: URL("/_common/images/events/thursday.png") 0 -634px no-repeat; }
.event-box a.Friday { background: URL("/_common/images/events/friday.png") no-repeat; }
.event-box a.Friday:hover { background: URL("/_common/images/events/friday.png") 0 -634px no-repeat; }
.event-box a.Saturday { background: URL("/_common/images/events/saturday.png") no-repeat; }
.event-box a.Saturday:hover { background: URL("/_common/images/events/saturday.png") 0 -634px no-repeat; }
.largeText { font-size: 14px; }
/* Page: Contact */
.column strong { color: #ff0000; font-size: 14px; }
.text .column ol { list-style: none; border-left: 2px solid #31a42a; padding: 8px 15px; margin: 0 15px; }
.text .column ol li { margin: 0 0 9px 0; }
table.requestForm { padding: 5px; background: #111; border: 1px solid #222; }
table.requestForm th { text-align: left; padding: 4px; }
table.requestForm td { border-bottom: 1px dotted #222; border-left: 1px dotted #222; padding: 4px; }
div.directions { padding: 5px 15px; background: #111; border: 1px solid #222; }
div.directions strong { color: #fde36a; }
div.directions ol { list-style: none; border-left: 2px solid #333; margin: 10px 0 20px 50px; padding: 5px 15px 5px 15px; }
div.directions ol li { padding-bottom: 10px; }
table.infoForm { width: 355px; margin-top: 10px; }
table.infoForm th { text-align: left; padding: 4px; color: #444; }
table.infoForm td { padding: 4px; border-bottom: 1px dotted #222; border-left: 1px dotted #222; }
div.map { padding: 5px; background: #111; border: 1px solid #222; text-align: center; width: 355px; }
p.error { border: 1px solid #ff0000; padding: 8px; background: #111; color: #fff; }
/* Page: Menu */
div.panes { float: left; display: inline; width: 445px; border: 1px solid #222; padding: 10px; }
#tabs { border-bottom: 1px solid #222; margin: 5px 0 0 0; padding: 0; overflow: hidden; }
ul#tabs li { float: left; display: inline; width: 100px; height: 34px; text-align: center; margin: 0 5px; }
ul#tabs li a { font-size: 13px; color: #fff; text-decoration: none; background: #222; border: 1px solid #222; padding: 7px 3px 0 3px; display: block; height: 34px; }
ul#tabs li a:hover { background: #258dee }
.panes strong { color: #258dee; font-size: 14px; }
.panes h2 { color: #fff; }
/* Slideshow Subpage */
.gallery { float: right; display: inline; width: 438px; margin: 10px 10px 0 0; }
.gallery p { font-size: 14px; text-align: center; }
.gallery ul#slide { display: block; margin: 0; padding: 0 0 8px 0; width: 438px; height: 284px; list-style: none; background: #111; border: 1px solid #222; overflow: hidden; }
.gallery ul#slide li { padding: 4px; height: 289px }
.gallery ul#slide2 { display: block; margin: 0; padding: 0 0 8px 0; width: 438px; height: 559px; list-style: none; background: #111; border: 1px solid #222; overflow: hidden; }
.gallery ul#slide2 li { padding: 4px; height: 591px; }
.gallery .venue { display: none; }
.gallery .venue .hidden { display: none; }
.gallery .venue a#slideStart { position: absolute; z-index: 200; width: 440px; height: 133px; background: URL("/_common/images/slideshow.png") no-repeat; margin: -30px 0 30px 0; text-indent: -9999px; }
.gallery .venue a:hover#slideStart { position: absolute; z-index: 200; width: 440px; height: 133px; background: URL("/_common/images/slideshow.png") 0 -133px; no-repeat; margin: -30px 0 30px 0; text-indent: -9999px; }
.gallery .party { display: block; width: 440px; height: 57px; text-indent: -9999px; background: URL("/_common/images/party-like-a-star.png") no-repeat; margin: 5px 0 0 0 }
.gallery .party:hover { display: block; width: 440px; height: 57px; text-indent: -9999px; background: URL("/_common/images/party-like-a-star.png") 0 -57px no-repeat; }
/* Page: Newsletter */
.formBox { display; block; border: 1px solid #681a18; background: #671612; padding: 5px 10px 15px 10px; overflow: hidden; }
.formBox p { margin: 0; padding: 15px 15px; float: left; display: inline; width: 160px; line-height: 16px; }
.formBox span { display: inline-block; width: 45px; margin: 2px 0; }
.formBox .form { float: left; display: inline; width: 255px; padding: 12px 0 0 0; }
.formBox .form input[type=text] { margin: 2px 0; width: 200px }
.formBox input[type=image] { float: left; display: inline; width: 51px; height: 48px; padding: 14px 0 0 10px; background: transparant; }
/* Page: Index */
ul#indexSlide { width: 930px; height: 350px; list-style: none; margin: 5px 0 0 5px; padding: 0; }
.info { width: 930px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; text-align: center; margin: 5px auto; padding: 10px 0; letter-spacing: 2px; font-size: 13px }
.info strong { color: #ffe28b; padding-bottom: 3px; display: block; }
.info small { margin: 0 10px; color: #ffe28b; }
.musicbox { text-align: center; display: block; }
/* Events Pop-Up */
#popEvent { position: absolute; z-index: 2; width: 487px; height: 323px; margin: 250px 0 0 30px; font: 12px Helvetica, Arial, sans-serif; color: #ccc; overflow: auto; }
#popMusic { visibility: hidden; height: 0px; }
#popEvent table { padding: 15px 15px 1px 15px; }
#popEvent table th { text-align: left; padding: 10px; color: #e8e3b6; border-right: 1px dotted #333; width: 50px; }
#popEvent table th small { display: block; color: #ddd; font-size: 13px; }
#popEvent table th.special { font-size: 38px; border: none; text-align: center }
#popEvent table td.special { font-size: 34px; line-height: 38px; text-align: center; border: none; }
#popEvent table td { padding: 10px; border-bottom: 1px dotted #333; }
#popImage { z-index: 1; width: 900px; height: 600px; }
/* Footer */
#footer { margin: 0 auto; width: 942px; height: 264px; background: URL("/_common/images/backgrounds/footer.png") no-repeat; overflow: hidden; }
#footer .copyright { float: left; display: inline; width: 200px; margin: 50px 0 0 240px; font-size: 11px; color: #555; }
#footer .copyright a { color: #777; }
#footer .copyright a:hover { color: #ccc; }
#footer .social { float: right; display: inline; width: 360px; margin: 50px 0 0 0; }
#footer .social img { margin: 0 10px; }
#footer .signup { float: left; display: inline; width: 519px; height: 81px; margin: 80px 0 0 385px; font: 11px Helvetica, Arial, sans-serif; color: #c3b9a0; }
/* E-mail Signup */
#footer .signup p { margin: 0; padding: 15px 15px; float: left; display: inline; width: 160px; line-height: 16px; }
#footer .signup span { display: inline-block; width: 45px; margin: 2px 0; }
#footer .signup .form { float: left; display: inline; width: 255px; padding: 12px 0 0 0; }
#footer .signup .form input[type=text] { margin: 2px 0; width: 200px }
#footer .signup input[type=image] { float: left; display: inline; width: 51px; height: 48px; padding: 14px 0 0 10px; background: transparant; }
/* Special */
.specialEvent { width: 930px; border: 1px dotted #333; text-align: center; margin: 5px auto; padding: 10px 0; font-size: 13px }
.specialEvent strong { color: #ffe28b; padding-bottom: 1px; display: block; font-size: 48px; }
.specialEvent small { margin: 0 10px; color: #fff; font-size: 14px}