body { background:url(../img/bg.png) repeat; color:#666; font:12px Verdana; line-height:15px; margin:0; }
html, body, form { height:100%; }
* { padding:0; }
img { border:none; }
td, th { text-align:left; vertical-align:top; }
p { margin:8px 0 0; }

a { text-decoration:none; }
area { cursor:pointer; }

h1 { display:none; }

hr { height:3px; line-height:3px; border-width:0; border-top:3px dotted #fff; float:left; clear:both; margin:0 0 0 4px; overflow:hidden; }

.top { margin-top:0 !important; padding-top:0 !important; }

.errorMsg { color:#f00; line-height:36px; }

.btn { text-align:center !important; color:#222; text-transform:lowercase; font-style:italic !important; font-weight:bold !important; padding:1px 0; text-decoration:none !important; font-size:13px !important; background-position:top !important; background-repeat:no-repeat !important; float:left; cursor:pointer !important; margin-top:12px; }
.btn:hover { background-position:bottom !important; text-decoration:none !important; }
a.btn { line-height:17px !important; }

input, textarea, select { background:#fff; font-family:Arial; font-size:13px; color:#585858; font-weight:bold; }
textarea { overflow:auto; }

.form { float:left; }
.textBox { float:right; margin-bottom:6px; position:relative; }
.textBox .baseLabel { font-weight:bold; margin-right:8px; text-align:right; float:left; }
.textBox .baseTextBox { width:184px; border:solid 1px #9a9a9a; font-weight:bold; padding:3px 4px 1px; float:left; }

.dropDown { float:right; margin-bottom:6px; position:relative; }
.dropDown .baseLabel { font-weight:bold; margin-right:8px; text-align:right; float:left; }
.dropDown .baseDropDown { width:194px; height:22px; border:solid 1px #9a9a9a; font-weight:bold; padding:2px 2px 2px 4px; float:left; }
.dropDown .baseDropDown option { padding:2px; }
.dropDown .baseDropDown option.desc { font-weight:normal; border-bottom:dashed 1px #585858; padding-bottom:4px; margin-bottom:2px; font-style:italic; }

.checkBox { float:right; margin-bottom:6px; position:relative; }
.checkBox .baseLabel { font-weight:bold; margin-right:8px; text-align:right; float:left; }
.checkBox .baseTextBox { width:184px; border:solid 1px #9a9a9a; font-weight:bold; padding:3px 4px 1px; float:left; }

.fileUpload { float:right; clear:both; margin-bottom:6px; position:relative; }
.fileUpload .baseLabel { font-weight:bold; margin-right:8px; text-align:right; float:left; }
.fileUpload .baseFileUpload { width:294px; float:right; text-align:right; }


#Ext { width:900px; height:100%; background:#000; margin:0 auto; }

#Banner { width:900px; height:114px; border-bottom:dotted 3px #fff; margin-bottom:4px; position:relative; }
#Banner .icon { width:23px; height:23px; position:absolute; top:6px; }
#Banner .icon.facebook { background:url(../img/icon_facebook.png) no-repeat; right:35px; }
#Banner .icon.twitter { background:url(../img/icon_twitter.png) no-repeat; right:6px; }

#Features { width:900px; background:#fff; padding-top:4px; float:left; }
#Features .feature { float:left; }
#Features .slideshow { width:600px; height:279px; float:left; position:relative; }
#Features .slideshow .slide { width:600px; height:279px; position:absolute; top:0; left:0; }
#Features .slideshow #Nav { width:92px; height:92px; background:url(../img/slideshow_nav.png) no-repeat; position:absolute; z-index:100; top:100px; left:-46px; }
#Features .slideshow #Nav .dir { width:13px; height:12px; background-position:top !important; position:absolute; top:40px; }
#Features .slideshow #Nav .dir:hover { background-position:bottom !important; cursor:pointer; }
#Features .slideshow #Nav #Rew.dir { background:url(../img/slideshow_rew.jpg); left:14px; }
#Features .slideshow #Nav #Fwd.dir { background:url(../img/slideshow_fwd.jpg); left:65px; }
#Features .slideshow #Nav #Play { width:21px; height:24px; background:url(../img/slideshow_play.jpg); float:left; position:absolute; top:34px; left:37px; cursor:pointer; }
#Features .slideshow #Nav #Play.play { background-position:top left; }
#Features .slideshow #Nav #Play.play:hover { background-position:bottom left; }
#Features .slideshow #Nav #Play.pause { background-position:top right; }
#Features .slideshow #Nav #Play.pause:hover { background-position:bottom right; }
#Features .slideshow #Nav #Status { width:92px; text-align:center; color:#000; font-size:11px; font-weight:bold; float:left; margin:60px 0 0; }

#Features #Specials { width:300px; height:279px; background:#000; float:left; position:relative; }
#Features #Specials h2 { width:300px; background:#ff5700; text-align:center; margin:0; padding:10px 0 11px;}
#Features #Specials .special { width:300px; height:34px; background:#000; }
#Features #Specials .special img { width:300px; height:34px; }
#Features #Specials .callout { width:93px; height:31px; background:url(../img/callout_today.png) no-repeat top left; position:absolute; z-index:10px; right:-50px; }
#Features #Specials .callout.monday { top:37px; }
#Features #Specials .callout.tuesday { top:72px; }
#Features #Specials .callout.wednesday { top:106px; }
#Features #Specials .callout.thursday { top:140px; }
#Features #Specials .callout.friday { top:174px; }
#Features #Specials .callout.saturday { top:208px; }
#Features #Specials .callout.sunday { top:242px; }

#TopNav { width:900px; border-bottom:dotted 3px #fff; margin-bottom:16px; float:left; clear:both; }
#TopNav .links { width:900px; background:#fff; float:left; margin-bottom:4px; }
#TopNav .links a { height:29px; float:left; background-position:top !important; font-size:0; color:#fff; }
#TopNav .links a:hover { background-position:bottom !important; color:#b9c702; }
#TopNav .links a.sel { background-position:bottom !important; color:#b9c702; }
#TopNav .links a.drinks { width:100px; background:url(../img/nav_drinks.jpg); margin-left:85px; }
#TopNav .links a.menus { width:100px; background:url(../img/nav_menus.jpg); }
#TopNav .links a.events { width:107px; background:url(../img/nav_events.jpg); }
#TopNav .links a.photos { width:107px; background:url(../img/nav_photos.jpg); }
#TopNav .links a.store { width:100px; background:url(../img/nav_store.jpg); }
#TopNav .links a.location { width:123px; background:url(../img/nav_location.jpg); }
#TopNav .links a.press { width:96px; background:url(../img/nav_press.jpg); }

#Footer { width:900px; background:#000; color:#666; padding:24px 0 18px; float:left; clear:both; }
#Footer a { color:#666; float:left; }
#Footer a:hover { color:#fff; text-decoration:none; }
#Footer .row { width:432px; overflow:hidden; text-align:center; margin:0 auto 4px; }
#Footer .sep { float:left; margin:0 4px; }

.content { width:900px; background:#000; border-bottom:dotted 3px #fff; padding-bottom:6px; float:left; clear:both; }

#Panels { width:900px; background:url(../img/columns_bg.jpg) repeat-y; font:normal 12px Trebuchet MS; color:#000; float:left; clear:both; }
#Panels .panel { width:296px; margin-right:6px; float:left; }
#Panels .panel h2 { height:17px; background:#999; border-bottom:solid 4px #000; text-align:center; padding:10px 0; margin:0; overflow:hidden; }
#Panels .panel h3 { font:bold 17px Courier; text-transform:uppercase; font-style:italic; margin:31px 0 0; float:left; clear:both; }
#Panels .panel h4 { font:bold italic 15px Courier; text-transform:uppercase; margin:12px 0 0; float:left; clear:both; }
#Panels .panel strong { font:bold 15px Courier; text-transform:uppercase; margin:12px 0 0; float:left; clear:both; }
#Panels .panel .column { margin:0 0 12px 36px; float:left; }
#Panels .panel .column div  { float:left; clear:both; }
#Panels .panel .column p  { float:left; clear:both; }
#Panels .panel .column .specials { width:250px; background:#b8d034; border:solid 1px #000; border-width:5px 0 0 5px; padding:24px; position:relative; top:12px; right:28px; }
#Panels .panel .column .specials h3 { margin-top:0; }
#Panels .panel .title { font:bold 15px Courier; text-transform:uppercase; font-style:italic; margin:12px 0 0; text-align:center; float:none; clear:both; }
#Panels .panel .title span { font:normal normal 12px Trebuchet MS; display:block; text-transform:none; }

#Panels #Tap.panel { color:#000; }
#Panels #Tap.panel h2 { height:50px; border:0; background:#fece00 url(../img/tap_panel_bg.jpg) no-repeat bottom; }
#Panels #Tap.panel .item { width:288px; border-bottom:solid 1px #6f6d54; margin:2px 4px 8px; padding-bottom:2px; float:left; clear:both; }
#Panels #Tap.panel .item .enum { width:31px; height:31px; background:#fece00; font:bold 25px Courier; margin:3px 10px 0 0; text-align:center; float:left; line-height:31px; }
#Panels #Tap.panel .item .name { width:240px; font:bold 17px Courier; text-transform:uppercase; float:left; clear:right; }
#Panels #Tap.panel .item .desc { font:12px Trebuchet Ms; text-transform:uppercase; float:left; clear:right; }
#Panels #Tap.panel .item.new .enum { background:#ff5800; }
#Panels #Tap.panel .item.special { background:url(../img/tap_special.png) no-repeat 214px 3px; }
#Panels #Tap.panel .key { float:left; clear:both; }
#Panels #Tap.panel .key .new { width:15px; height:15px; background:#ff5900; float:left; margin:0 10px 0 8px; }
#Panels #Tap.panel .key .desc { font-style:italic; float:left; }

#Home #Panels { background:url(../img/panels_home.jpg) repeat-y; }
#Home #Panels #Food.panel { letter-spacing:1px; }
#Home #Panels #Food.panel h3 { margin:12px 0; float:none; }
#Home #Panels #Food.panel h3 img { display:block; margin:0 auto; }
#Home #Panels #HomeEvent.panel { border-bottom:solid 6px #000; margin:0; text-align:center; }
#Home #Panels #HomeEvent.panel .flyer { margin:10px auto; }
#Home #Panels #Movies.panel { height:171px; background:url(../img/now_playing_bg.jpg) no-repeat; margin:0; padding-top:119px; }
#Home #Panels #Movies.panel .title { font:normal 18px/52px Verdana; margin:0; }

#Drinks #Panels { background:url(../img/panels_drinks.jpg) repeat-y; }
#Drinks #Panels #Wine.panel { width:598px; margin-right:0; padding-bottom:24px; }
#Drinks #Panels #Wine.panel h2 { width:598px; background:#fe5900 }
#Drinks #Panels #Wine.panel .column { width:248px; }

#Menus #Panels { background:url(../img/panels_menus.jpg) repeat-y; }
#Menus #Panels #Dinner.panel { width:597px; }
#Menus #Panels #Dinner.panel h2 { width:597px; background:#fe5900; }
#Menus #Panels #Dinner.panel .column { width:250px; }
#Menus #Panels #Brunch.panel { width:297px; margin-right:0; }
#Menus #Panels #Brunch.panel h2 { width:297px; background:#fece00; padding:10px 0; }
#Menus #Panels #Brunch.panel .column { margin:12px 20px 24px; }

#Events #Panels { background:url(../img/panels_photos.jpg) repeat-y; }
#Events #Panels #Event.panel { width:597px; }
#Events #Panels #Event.panel h2 { width:597px; background:#fe5900; }
#Events #Panels #Event.panel .img { width:425px; margin:10px 0 0 86px; }
#Events #Panels #Event.panel strong { width:425px; color:#999; font:normal 12px Verdana; text-transform:none; text-align:right; margin:12px 0 0 86px; }
#Events #Panels #Event.panel strong a { color:#999; }
#Events #Panels #Event.panel strong a:hover { color:#999; text-decoration:underline; }
#Events #Panels #Eventography.panel { width:297px; margin-right:0; }
#Events #Panels #Eventography.panel h2 { width:297px; background:#999; }
#Events #Panels #Eventography.panel .img { margin:0 0 4px 0; }

#Photos { float:left; background:#000; padding-bottom:48px; }
#Photos #Panels { background:#222; }
#Photos #Panels #Photo.panel { width:602px; background:#000; margin-right:0; }
#Photos #Panels #Photo.panel .photo { position:relative; margin-top:48px; }
#Photos #Panels #Photo.panel .photo strong { color:#999; font:normal 12px Verdana; text-transform:none; position:absolute; left:12px; bottom:-24px; }
#Photos #Panels #PhotoGallery.panel { width:298px; margin-right:0; float:right; }
#Photos #Panels #PhotoGallery.panel h2 { width:298px; background:#b8c600; }
#Photos #Panels #PhotoGallery.panel a { height:30px; padding-left:12px; color:#fff; font:normal 15px Courier; letter-spacing:1px; float:left; clear:both; line-height:30px; }
#Photos #Panels #PhotoGallery.panel a:hover { color:#999; }
#Photos #Panels #PhotoGallery.panel a.sel { width:305px; background:url(../img/gallery_sel.png) no-repeat left; font:bold 17px Courier; letter-spacing:0; color:#000 !important;  position:relative; left:-30px; padding-left:42px; line-height:30px; }

#Store { border-bottom:0; }

#Store #ComingSoon { width:900px; background:#4d4d4d; color:#fff; float:left; }
#Store #ComingSoon img { margin:8px 012px 0 93px; float:left; }
#Store #ComingSoon p { margin:8px 0; float:left; }

#Store #Header { width:840px; background:#000; color:#fff; float:left; padding:0 0 8px 60px; font-size:15px; }
#Store #Header span { position:relative; top:-3px; left:3px; }
#Store #Header span a { color:#fff; text-decoration:underline; }

#Store #StoreNav { margin:6px 0; float:left; clear:both; }
#Store #StoreNav a { width:447px; height:37px; background-repeat:no-repeat; background-position:top; font-size:0; margin:0; overflow:hidden; float:left; }
#Store #StoreNav a.posters { background-image:url(../img/storenav_posters.jpg); margin-right:6px; }
#Store #StoreNav a.tshirts { background-image:url(../img/storenav_tshirts.jpg); }
#Store #StoreNav a.sel { background-position:bottom; }
#Store #StoreNav a:hover { background-position:bottom; }

#Store .posterWrapper { width:900px; border-top:3px dotted #fece00; color:#fff; float:left; clear:both; }
#Store .posterWrapper .item { width:900px; background:#000; border-bottom:3px dotted #fff; padding:6px 0; float:left; clear:both; position:relative; }
#Store .posterWrapper .item h2 { text-transform:uppercase; font-family:Courier New; letter-spacing:2px; margin:20px 0 0; }
#Store .posterWrapper .item .poster { float:left; margin:0 24px 0 6px; }
#Store .posterWrapper .item .price { color:#fece00; font-weight:bold; font-size:18px; line-height:24px; margin:12px 0 36px; }
#Store .posterWrapper .item .btn { width:95px; line-height:20px !important; background:#fece00; color:#000; text-transform:none; margin:0 12px 0 0; }
#Store .posterWrapper .item input { width:40px; border:none; padding:3px; margin-right:6px; }
#Store .posterWrapper .item .call { color:#fece00; position:absolute; bottom:18px; left:235px; }
#Store .posterWrapper .item .call a { color:#fece00; }
#Store .posterWrapper .item .call a:hover { text-decoration:underline; }
#Store #Posters .posterWrapper .item p { margin-right:360px; }
#Store #Poster .posterWrapper .item p { margin-right:180px; }
#Store #Poster .posterWrapper .item .call { left:424px; }

#Store .tshirtWrapper { width:900px; border-top:3px dotted #ff5700; color:#fff; float:left; clear:both; }
#Store .tshirtWrapper .item { width:900px; background:#000; border-bottom:3px dotted #fff; padding:6px 0; float:left; clear:both; position:relative; }
#Store .tshirtWrapper .item h2 { text-transform:uppercase; font-family:Courier New; letter-spacing:2px; margin:20px 0 0; }
#Store .tshirtWrapper .item .tshirt { float:left; margin:0 24px 0 6px; }
#Store .tshirtWrapper .item .price { color:#fece00; font-weight:bold; font-size:18px; line-height:24px; margin:12px 0 36px; }
#Store .tshirtWrapper .item .btn { width:95px; line-height:20px !important; background:#fece00; color:#000; text-transform:none; margin:0 12px 0 0; }
#Store .tshirtWrapper .item input { width:40px; border:none; padding:3px; margin-right:6px; }
#Store .tshirtWrapper .item .call { color:#fece00; position:absolute; bottom:18px; left:235px; }
#Store .tshirtWrapper .item .call a { color:#fece00; }
#Store .tshirtWrapper .item .call a:hover { text-decoration:underline; }
#Store #TShirts .tshirtWrapper .item p { margin-right:360px; }
#Store #TShirt .tshirtWrapper .item p { margin-right:180px; }
#Store #TShirt .tshirtWrapper .item .call { left:516px; }

#Location #Panels { background:url(../img/panels_photos.jpg) repeat-y; }
#Location #Panels #Map { width:596px; }
#Location #Panels #Map #map_canvas { width:596px; height:530px; margin-bottom:6px; }
#Location #Panels #Contact { width:298px; font:12px Trebuchet MS; color:#fff; margin-right:0; letter-spacing:1px; }
#Location #Panels #Contact h2 { width:298px; background:#fece00; float:left; clear:both; }
#Location #Panels #Contact .contact { width:270px; border-bottom:solid 6px #000; padding:0 14px 14px; float:left; clear:both }
#Location #Panels #Contact .contact div { width:270px; float:left; clear:both; }
#Location #Panels #Contact .contact div.note { width:238px; padding-left:32px; }
#Location #Panels #Contact .contact strong { width:270px; font:bold 17px Courier; text-transform:uppercase; margin:12px 0 0; float:left; clear:both }
#Location #Panels #Contact .contact strong span { color:#fece00; }
#Location #Panels #Contact .contact strong span.hours { font:normal 12px Trebuchet MS; text-transform:none; }
#Location #Panels #Contact .contact strong a { font:12px Trebuchet MS; color:#fece00; text-transform:none; }
#Location #Panels #Contact .contact strong a:hover { text-decoration:underline; }
#Location #Panels #Contact .transportation { width:298px; padding:8px 0; float:left; clear:both; }
#Location #Panels #Contact .transportation h3 { width:270px; font:normal 12px Trebuchet MS; text-transform:uppercase; padding:24px 14px 2px; margin:0 0 3px 0; float:left; clear:both; }
#Location #Panels #Contact .transportation hr { width:290px; }
#Location #Panels #Contact .transportation ul { width:206px; float:right; margin:8px 14px 0 10px; }
#Location #Panels #Contact .transportation ul li.center { position:relative; top:8px; }
#Location #Panels #Contact .transportation .icon { margin:8px 10px 0 14px; float:left; clear:left; }
#Location #Panels #Contact .transportation .icon.greenpoint { width:37px; height:37px; background:url(../img/icon_greenpoint.jpg) no-repeat; }
#Location #Panels #Contact .transportation .icon.bus43 { width:33px; height:34px; background:url(../img/icon_bus43.jpg) no-repeat; }
#Location #Panels #Contact .transportation .icon.bus62 { width:33px; height:34px; background:url(../img/icon_bus62.jpg) no-repeat; }
#Location #Panels #Contact .transportation .icon.bqe { width:39px; height:32px; background:url(../img/icon_bqe.jpg) no-repeat; }
#Location #Panels #Contact .transportation .icon.biking { width:44px; height:48px; background:url(../img/icon_biking.jpg) no-repeat; }
#Location #Panels #Contact .transportation .icon.skateboard { width:41px; height:40px; background:url(../img/icon_skateboard.jpg) no-repeat; }

#Press #Panels { background:url(../img/panels_photos.jpg) repeat-y; }
#Press #Panels #PressItems.panel { width:900px; }
#Press #Panels #PressItems.panel h2 { width:900px; background:#fe5900; }
#Press #Panels #PressItems.panel .items { width:900px; background:#000; float:left; }
#Press #Panels #PressItems.panel .items a { float:left; margin:12px 24px; }

#Error { color:#666; text-align:center; margin:24px auto 48px; }

#Admin { width:900px; background:#222; color:#fff; }
#Admin #TopNav .links a.location:hover { background-position:top !important; }
#Admin #TopNav .links a.press:hover { background-position:top !important; }
#Admin #TopNav .links a.movies { font:bold 14px/26px Times New Roman; color:#000; text-transform:uppercase; padding:0 22px; }
#Admin #TopNav .links a.movies:hover { background:#b9c702; }
#Admin #TopNav .links a.movies.sel { background:#b9c702; }
#Admin #Content { width:804px; background:#222; color:#fff; letter-spacing:1px; float:left; clear:both; padding:24px 48px; }

#Admin .formWrapper { width:332px; margin:0 auto 24px; }
#Admin .formWrapper h1 { display:block; font-size:18px; text-align:center; }
#Admin .formWrapper .item { margin:0 0 24px; float:left; clear:both; }
#Admin .formWrapper .textBox { clear:both; }
#Admin .formWrapper .textBox .baseTextBox { width:284px; }
#Admin .formWrapper .textBox textarea { height:200px; }
#Admin .formWrapper .dropDown { float:right; clear:both; }
#Admin .formWrapper .dropDown .baseDropDown { width:294px; }
#Admin .formWrapper .checkBox { clear:both; }
#Admin .formWrapper .btn { padding-right:4px; margin:12px 0 0 0; float:right; clear:both; }

#Admin #Login .formWrapper { width:384px; }

#Admin #Drinks table { margin:0 auto; }
#Admin #Drinks table th { color:#999; font-weight:bold; padding-right:24px; padding-bottom:8px; vertical-align:middle; text-align:center; }
#Admin #Drinks table th.special { width:80px; }
#Admin #Drinks table td.special .checkBox { float:left; margin-left:29px; }
#Admin #Drinks .btn { float:right; margin-right:8px; }

#Admin #Menus .formWrapper { width:430px; }
#Admin #Menus .formWrapper .btn.category { margin-bottom:48px; }

#Admin #Events .formWrapper { width:412px; }
#Admin #Events .formWrapper .item { width:412px; }

#Admin #Photos { background:transparent; float:none; }
#Admin #Photos .formWrapper { width:412px; }
#Admin #Photos .formWrapper .item { width:412px; }

#Admin #Store { background:transparent; float:none; }
#Admin #Store .formWrapper { width:430px; }
#Admin #Store .formWrapper .item { width:430px; }

#Admin #Movies table { margin:0 auto; }
#Admin #Movies table th { color:#999; font-weight:bold; padding-right:24px; padding-bottom:8px; vertical-align:middle; text-align:left; }
#Admin #Movies .btn { float:right; margin-right:8px; }