/* ------------------------------------------------------------------------------------------------------ This stylesheet is applied site-wide across both TAB, KAB, NYAB. ------------------------------------------------------------------------------------------------------ */ /* Layout */ body, ul, li, p, dd, dt, dl, ol, h1, h2, h3, h4, h5, .smart_details * { margin: 0; padding: 0; border: 0; } body { margin: auto; padding-bottom: 20px; text-align: center; } p { margin-bottom: 5px; } pre { border: 1px dotted #E3E3E3; } img { border: 0; } p img { border: 1px solid #E3E3E3; } img.icon { border: 0; } img.badge { vertical-align: middle; margin-top: 0; border: 0; } #mytabblock img.badge { margin-left: 5px; } body.en h1 { background: url(/resources/images/masthead_sprites_e.png) -600px -50px no-repeat; } body.ja h1 { background: url(/resources/images/masthead_sprites_j.png) -600px -50px no-repeat; } body.en h1 a:hover, body.en h1 a:focus { background: url(/resources/images/masthead_sprites_e.png) -600px -50px no-repeat; } body.ja h1 a:hover, body.ja h1 a:focus { background: url(/resources/images/masthead_sprites_j.png) -600px -50px no-repeat; } h1 a { text-indent: -9000px; } h2 { margin-bottom: 8px; } h3 { margin-bottom: 5px; padding-top: 10px; clear: both; } /* margin reduced to compensate for line-height */ h4 { padding-top: 10px; padding-bottom: 3px; } /* lists */ ul { text-align: left; list-style: none; margin-bottom: 10px; } ul li { line-height: 1.3; list-style-type: none; padding-bottom: 6px; } ul li ul { text-indent: 0; } ul li li { list-style-type: none; text-indent: 0; padding-left: 7px; background: url(/resources/images/bullet_sm.gif) 0 3px no-repeat; } /* MASTHEAD and GLOBAL NAV */ /* search */ body.ja #q, body.ja #sa, body.ja #username, body.ja #password { padding: 0.2em 0 0 0; } /* for IE */ body.ja input[id=q], body.ja input[id=sa], body.ja input[id=username], body.ja input[id=password] { padding: 0 !important; } /* for the rest */ #header { background: transparent url(/resources/images/masthead_bg.gif) top center no-repeat; } /* language switcher link */ body.en #lang-switcher, body.en #lang-switcher a { background-image: url(/resources/images/masthead_sprites_e.png); } body.ja #lang-switcher, body.ja #lang-switcher a { background-image: url(/resources/images/masthead_sprites_j.png); } #lang-switcher, #lang-switcher a { background-color: transparent; background-repeat: no-repeat; background-position: -600px -100px;} #lang-switcher a:hover, #lang-switcher a:active { background-position: -681px -100px } #jumpToMobileMenu { display: none;} #searchMobile { display: none; } #mainNavMobile { display: none; } /* main menu: tabs */ #mainNav { display: inline; float: left; width: 949px; height: 29px; overflow: hidden; background: url(/resources/images/top_pink_border.gif) bottom repeat-x; } #mainNav ul#tabs { display: inline; float: left; } #mainNav ul#tabs li { width: 114px; margin-right: 6px; float: left; display: inline; overflow: hidden; } #mainNav ul#tabs li a {display: block; width: 114px; height: 28px; background-repeat: no-repeat; text-indent: -9000px; } #mainNav ul#tabs li { background-repeat: no-repeat; background-color: transparent; } body.en #mainNav ul#tabs li, body.en #mainNav ul#tabs li a:hover, body.en #mainNav ul#tabs li a:active { background-image: url(/resources/images/masthead_sprites_e.png); } body.ja #mainNav ul#tabs li, body.ja #mainNav ul#tabs li a:hover, body.ja #mainNav ul#tabs li a:active { background-image: url(/resources/images/masthead_sprites_j.png); } #mainNav li#home {background-position: -228px 0px } #mainNav li#events {background-position: -228px -30px } #mainNav li#venues {background-position: -228px -60px } #mainNav li#mytab {background-position: -228px -90px } #mainNav li#tablog {background-position: -228px -120px } #mainNav li#apps {background-position: -228px -150px } #mainNav li#home a:hover, #mainNav li#home a:focus { background-position: -114px 0px; } #mainNav li#events a:hover, #mainNav li#events a:focus { background-position: -114px -30px; } #mainNav li#venues a:hover, #mainNav li#venues a:focus { background-position: -114px -60px; } #mainNav li#mytab a:hover, #mainNav li#mytab a:focus { background-position: -114px -90px; } #mainNav li#tablog a:hover, #mainNav li#tablog a:focus { background-position: -114px -120px;} #mainNav li#apps a:hover, #mainNav li#apps a:focus { background-position: -114px -150px;} #mainNav ul#tabs li.tab_selected#home, #mainNav ul#tabs li.tab_selected#home a:hover { background-position: 0 0;} #mainNav ul#tabs li.tab_selected#events, #mainNav ul#tabs li.tab_selected#events a:hover { background-position: 0 -30px;} #mainNav ul#tabs li.tab_selected#venues, #mainNav ul#tabs li.tab_selected#venues a:hover { background-position: 0 -60px;} #mainNav ul#tabs li.tab_selected#mytab, #mainNav ul#tabs li.tab_selected#mytab a:hover { background-position: 0 -90px;} #mainNav ul#tabs li.tab_selected#tablog, #mainNav ul#tabs li.tab_selected#tablog a:hover { background-position: 0 -120px;} #mainNav ul#tabs li.tab_selected#apps, #mainNav ul#tabs li.tab_selected#apps a:hover { background-position: 0 -150px;} /* About and Contact links */ #aboutContact { width: 215px; padding-left: 0; padding-right: 0; margin: 0px 0px 0px 14px; float: left; display: inline; } #aboutContact li#about, #aboutContact li#contact, #aboutContact li#advertise { padding: 0; margin: 0; list-style-image: none; width: 100px; height: 28px; float: left; display: inline; } #aboutContact li#about { margin-right: 1px; } #aboutContact li a, #aboutContact li span { display: block; text-indent: -4000px; height: 28px; width: 107px; overflow: hidden; } body.en #aboutContact li a, body.en #aboutContact li span { background-image: url(/resources/images/masthead_sprites_e.png); background-repeat: no-repeat; } body.ja #aboutContact li a, body.ja #aboutContact li span { background-image: url(/resources/images/masthead_sprites_j.png); background-repeat: no-repeat; } #aboutContact li#about a {background-position: -350px 0px;} #aboutContact li#contact a {background-position: -350px -30px;} #aboutContact li#advertise a {background-position: -350px -60px;} #aboutContact li#about a:hover, #aboutContact li#about a:focus, #aboutContact li#about a:active, #aboutContact li#about span { background-position: -450px 0; } #aboutContact li#contact a:hover, #aboutContact li#contact a:focus, #aboutContact li#contact a:active { background-position: -450px -30px; } #aboutContact li#advertise a:hover, #aboutContact li#advertise a:focus, #aboutContact li#advertise a:active, #aboutContact li#advertise span { background-position: -450px -60px; } /* Section Titles */ h2#home_title, h2#events_title, h2#venues_title, h2#mytab_title, h2#jobs_title, h2#shop_title { text-indent: -4000px; display: block; width: 714px; height:40px; line-height: 100px !important; margin-bottom: 10px; overflow: hidden; } body.en h2#home_title, body.en h2#events_title, body.en h2#venues_title, body.en h2#mytab_title, body.en h2#jobs_title, body.en h2#shop_title { background-image: url(/resources/images/masthead_sprites_e.png);background-repeat: no-repeat;} body.ja h2#home_title, body.ja h2#events_title, body.ja h2#venues_title, body.ja h2#mytab_title, body.ja h2#jobs_title, body.ja h2#shop_title { background-image: url(/resources/images/masthead_sprites_j.png);background-repeat: no-repeat;} h2#home_title { background-position: -1220px -0px } h2#events_title { background-position: -1220px -40px } h2#venues_title { background-position: -1220px -80px } h2#mytab_title { background-position: -1220px -120px } h2#jobs_title { background-position: -1220px -160px } h2#shop_title { background-position: -1220px -200px } /* Smartlists */ #smartlists { float: left; display: inline; width: 449px; margin: 0; } #smartlists h2 { display: none; } #smartlists h3 { margin-bottom: 5px; padding: 0.1em 0 0.1em 0; } #smartlists ul { float: left; } #smartlists ul li { float: left; display: inline; width: 224px; list-style: none; padding: 0; margin: 0 0 7px 0; background: transparent; } #smartlists ul li img { float: left; display: inline; width: 30px; margin-top: 2px; } #smartlists li.more_bottom p { padding: 0; } #smartlists .smartlist_row { width: 449px; float: left; display: inline; } #smartlists .smartlist_row img { border: 1px solid #E3E3E3; } #smartlists .smartlist_row img.badge { border: none; } #smartlist1, #smartlist2, #smartlist3, #smartlist4, #smartlist5, #smartlist6 { display: inline; float: left; width: 224px; padding: 1.2em 0 0 0; } #smartlist1 div, #smartlist2 div, #smartlist3 div, #smartlist4 div, #smartlist5 div, #smartlist6 div { display: inline; float: left; width: 30px; } #smartlist1 p, #smartlist2 p, #smartlist3 p, #smartlist4 p, #smartlist5 p, #smartlist6 p { display: inline; float: left; margin-left: 10px; width: 165px !important; } #smartlist4 .smartlist_closed_header { padding-bottom: 0 !important; } .backtop { padding-right: 10px; } #smartlists ul li { border-top: 1px solid #fff; } /* necessary because otherwise IE doesn't align the text properly */ #smartlist-sortlinks li { border-bottom: 1px solid #E3E3E3; } #smartlist-sortlinks strong { background: url(/resources/images/sorter_whitebg.gif) 0 0 repeat-y; } #smartlist-toc li { color: #BFC0C0; } h3.smart_sublist { color: #5B5D60; } .noborder_smartpic_m span { color: #E3E3E3; } .timeleft { margin-right: 0; margin-bottom: 5px; margin-top: 2px; display: block; } .reviewquote { text-indent: 0; width: 175px; overflow: hidden; display: block; } #smartlist-sortlinks { width: 102px; padding: 0; margin: 0; display: inline; float: left; } #smartlist-sortlinks li { width: 102px; padding: 0 !important; margin: 0; background: none; float: left; display: inline; line-height: 1; } #smartlist-sortlinks strong { width: 92px !important; width /**/: 102px; /*IE 5.x Hack for */ padding: 5px; display: block; } #smartlist-sortlinks a { width: 90px; padding: 5px; display: block; } #smartlist-sortlinks #last { border-bottom: 0; } #smartlist-toc { width: 188px; padding: 0; margin: 0; display: inline; float: left; overflow: hidden; } #smartlist-toc li { padding-left: 0; width: 178px !important; width /**/: 188px; /* IE 5.x Hack for */ padding: 5px; margin: 0; background: none; float: left; display: inline; line-height: 1; } #smartlist-toc h4 { padding-top: 0; } #smartlist-toc li ul { width: 178px; display: block !important; margin-bottom: 5px; } #smartlist-toc li ul li { padding-right: 5px; padding-left: 0; width: auto !important; display: inline !important; } .wide_smartlist h3 { float: none; clear: none; margin-top: 0; padding-top: 0; } .wide_smartlist ul { float: left; width: 667px; display: inline; } .wide_smartlist li { float: left; width: 667px; display: inline; background-image: none; margin: 0; padding: 1em 0 0.5em 0; border-bottom: 1px solid #E3E3E3; color: #111; } .wide_smartlist span { float: none; clear: none; } .smartpic_m { float: left; width: 80px; line-height: 1px; display: inline; margin: .3em 8px 0.3em 0; } .inline_artwork { width: 580px; line-height: 1px; display: inline; float: left; border: 0 !important; margin-top: 10px; margin-left: 88px; } .noborder_smartpic_m { float: left; width: 80px; line-height: 1px; display: inline; margin: .3em 8px 10px 0; } .noborder_smartpic_m img { border: 0 !important; } .noborder_smartpic_m span { padding-top: 8px; line-height: 1; clear: left; float: left; display: inline; text-align: center; width: 80px; } .longsmartlist { display: inline; float: left; margin: 0; } .longsmartlist li { display: inline; float: left; width: 448px; padding-top: 1em; background-image: none; border-bottom: 1px solid #E3E3E3; } .longsmartlist span, .longsmartlist p { float: none; clear: none; padding-right: 0 !important; } .longsmartlist h3, .longsmartlist h4 { float: none; clear: none; margin-top: 0; padding-top: 0; } .longsmartlist .smart_details { display: inline; float: left; width: 350px; margin-top: 5px; margin-bottom: 10px; padding-bottom: 0 !important; } .longsmartlist .smart_details .mytabseen { float: left !important; width: 65px; padding-top: 8px; display: inline; margin-bottom: 0; padding-bottom: 0; } .longsmartlist .smart_desc { clear: left; } body.en .longsmartlist .smart_desc a {font-size:.83em; text-transform: uppercase; font-weight: bold; padding-left: .5em;} body.ja .longsmartlist .smart_desc a {font-weight: bold; padding-left: .5em;} .longsmartlist .smart_details { border: 1px solid #E3E3E3; background: url(/resources/images/smartlist_detail_bg.gif) 0 0 repeat-y; } .longsmartlist .smart_details ul { float: left; display: inline; width: 250px; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } .longsmartlist .smart_details li { border-bottom: 0; width: 250px; padding-bottom: 0; margin-left: 8px; padding-top: 0; } /* Category Listing - Venues and Events */ #left_menu { text-indent: 0; width: 448px; float: left; display: inline; } #lt_menu_1, #lt_menu_2 { display: inline; margin-bottom: 10px; float: left; width: 224px; } #lt_menu_3 { display: inline; margin-bottom: 10px; float: left; width: 448px; } /* setting a grey border on images */ #pick img, #qr_code img, .main-pic img, .smartpic_m img, .related_events li img, #nearby li img, #designerWork img, #imageSelect img { border: 1px solid #E3E3E3; } .main-pic img {width:100%;} /* advertisements */ #koukoku { clear: left; width:703px;} #koukoku a { width: 100%; text-align: right; color: #999; padding: 3px 5px; display: block; line-height: 15px; font-size:10px; background: transparent; border-radius: 3px; } /* random */ .first { padding-top: 0 !important; } #first { margin-top: 50px; border-top: 1px solid #E3E3E3; } .inline_list { list-style: none; margin-left: 0; padding-left: 0; text-indent: 0; background: none; } .inline_list li { display: inline; margin-left: 0; padding-left: 0; line-height: 1.7em; background: none; padding-right: 0 !important; } .base-submit {height:22px; cursor: pointer; padding:3px 5px 4px 5px; color: #fff !important; font-size:1.1em; line-height: 1.1; background:#47afff; border: 1px solid #1497e3; text-transform: uppercase;} /* EVERYTHING BELOW THE NAV */ #leftpart { width: 450px; margin-right: 30px; margin-bottom: 20px; float: left; display: inline; overflow: hidden; } #rightpart { width: 215px; float: left; display: inline; text-align: center; } #full_column { width: 714px !important; margin-right: 20px; float: left; display: inline; overflow: hidden; } /* Search and other form fields */ input#reminder { width: 12em; } /* Individual pages */ #main { margin-left: 0px; width: 474px; float: left; display: inline; } #main div.main-pic { margin-top: 2px; margin-bottom: .4em; margin-right: 10px; width: 170px; display: inline; float: left; } #main h3#currentevents { clear: both; } #main div#venuedescript { margin-top: 10px; margin-bottom: 10px; } /* MyTAB small icons */ img.myicon { vertical-align: middle; width: 14px; margin: 0 0 0 2px; padding: 5px 0px 5px 5px; padding-top: 10px; border: 0; } img.noborder { border: 0; } img.middle { vertical-align: middle; } .main-pic { width: 170px; float: left; display: inline; margin-left: 0; margin-bottom: .4em; padding-right: 10px; } /* MyTAB related */ #main #signup { padding-top: 0.5em; } p#mytabseen { font-weight: normal; margin-top: 0; padding-top: 0; padding-bottom: 5px; } span.mytabseen { font-weight: normal; margin: 0; clear: none; float: none !important; margin-bottom: 0.5em; } .mytabseen form, .mytabseen fieldset { display: inline !important; margin: 0; padding: 0; } .mytabseen form input.myicon { margin-right: 3px; margin-left: 10px; margin-bottom: 7px; height: 15px; } .mytabseen img.myicon { margin-right: 3px; margin-left: 5px; padding-top: 0; margin-top: 0; margin-bottom: 10px; } .seentext { vertical-align: top; } .fyi {color:#838587;} /* FAQ related */ pre { margin-left: 0; padding: 10px; margin-right: 20px; margin-bottom: 10px; overflow: auto; } #faq pre { width: 160px; } ul#allfeeds li ul li { display: inline; } /* RSS feeds page (special ul li treatment) */ #allfeeds li ul li { background-image: none !important; padding-left: 0 !important; } h3.promo em { font-style: normal; } /* Generic half column (whatever that means??) */ .halfcolumn224 { float: left; display: inline; width: 237px; padding: 1.2em 0 0 0; /* necessary because otherwise IE chops off the top of the h2 titles */ } .halfcolumn_row { float: left; display: inline; width: 474px !important; } /* used on venue pages and TAB Jobs */ #sorter_block { display: inline; float: left; width: 302px; margin-bottom: 25px; border: 1px solid #e3e3e3; border-left: 0; background: url(/resources/images/sorter_greybg.gif) 0 0 repeat-y; } #sorter_head { padding-top: 5px; } /* TOP link */ .backtop { clear: left; padding-top: 3px; } #left_menu h3 { padding-top: 0; } /* ?rename */ #left_menu ul { margin-bottom: 10px; margin-left: 0; width: 200px; } /* ?rename */ #left_menu ul li { list-style-type: none; padding-left: 0; background: none; } /* ?rename */ /* Middle column */ #menu { text-indent: 0; width: 234px; float: left; display: inline; margin-right: 20px; background-color: #fff; } #menu ul { margin-bottom: 10px; margin-left: 0; width: 234px; } #menu ul li { list-style-type: none; padding-left: 0; background: none; } /* MY TAB Block */ #mytabblock { width: 234px; margin: 28px 0px 0px 0px; padding: 0px 0px 10px 0px; background: #EFF7FD url(/resources/images/MyTAB_module_bg.gif) 0 0 repeat-x; border-bottom: 1px solid #BFC0C0; } #mytabblock h2 { display: inline; float: left; width: 85px; height: 25px; margin: 0px 0px 14px 0px; } #mytabblock h3 { margin: 8px 10px 0px 5px; padding-top: 4px; } #mytabblock ul { margin-top: 5px; } #mytabblock .timeleft { margin-left: 0px; } #mytabblock #mytabactions { display: inline; float: right; width: 135px; margin: 3px 0px 0px 0px; } #mytabblock .stats { margin-top: 0; margin-bottom: 15px; margin-left: 10px; } #mytabblock .statreviews { padding-left: 0.5em; } #mytabblock .blogit { font-weight: bold; } #mytabblock #see, #mytabblock #recommend, #mytabblock #venue { float: left; display: inline; width: 215px; margin: 0px 0px 5px 5px; line-height: 1; vertical-align: middle; } #mytabblock #see { margin-bottom: 4px; } #mytabblock #recommend { margin-bottom: 2px; } #mytabblock #recommend a:hover, #mytabblock #recommend a:focus, /*#mytabblock #recommend { background-image: url(/resources/images/mytab_e_recommend.gif); } */ #mytabblock #recommend input { margin: 0px 0px 0px 8px; padding-bottom: 1px; background-color: #eff7fd; } #mytabblock #see a:hover, #mytabblock #see a:focus, /*#mytabblock #see { background-image: url(/resources/images/mytab_e_see.gif); }*/ #mytabblock #see input { margin: 0px 0px 0px 8px; padding-bottom: 1px; background-color: #eff7fd; } #mytabblock #see form, #mytabblock #recommend form, #mytabblock #venue form { width: 174px; float: left; display: inline; vertical-align: middle; margin-top: 0; padding-bottom: 0 !important; padding-top: 0 !important; margin-left: 1px; margin-right: 1px; margin-bottom: 0px; } #mytabblock #venue a:hover, #mytabblock #venue a:focus, #mytabblock #venue { background-image: url(/resources/images/mytab_e_venue.gif); } #mytabblock fieldset { vertical-align: middle; margin: 0 !important; padding: 0; } #mytabblock p { width: 210px; clear: left; margin: 0px 0px 0px 5px; } #mytabblock img.myicon { width: 164px; margin-right: 7px; display: inline; margin-bottom: 10px; margin-top: 0; margin-bottom: 0; padding-top: 0; float: left; } #mytabblock .blogit img.myicon { width: 12px; margin-right: 0px; display: inline; float: none; margin-top: 4px; } #mytabblock input, #mytabblock fieldset { border: 0; } #menu #mytabblock ul { clear: left; display: block; float: none; margin-bottom: 0px; padding-bottom: 5px; } #menu #kab_pop_badge ul li, #menu #nyab_pop_badge ul li, #menu #tab_pop_badge ul li, #menu #mytabblock ul li { line-height: 1.2; clear: left; margin-left: 5px; padding-bottom: 5px; margin-right: 15px; } #menu #mytabblock .timeleft { margin-bottom: 0; line-height: 1; padding-bottom: 0; } #mytabblock form#login {padding:0; margin:0;} #mytabblock form#login p {padding: 0px 0 0 0; margin: 0 0 0 10px; text-align: left;} #mytabblock form#login p label { padding-top: 4px; display: inline; float:left; width:75px; font-weight: bold; clear:left;} #mytabblock #username, #mytabblock #password {width:120px; border:1px solid #999; padding:4px !important; margin-bottom:8px;display: inline; float:left; } #mytabblock form#login p input.button {display: block; clear: both; margin-top: 1em; margin-bottom:16px; margin-left:75px; } #mytabblock #login input.button { border:1px solid #006ba8 !important; background: #1187ca; color:#fff; font-weight: bold; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; height:22px; line-height: 1.1; cursor: pointer; margin-left: 0px;} /* T-shirts Promo area */ #tshirts-promo { width:230px; float:left; display:inline; margin:13px 0 0 0; } #tshirts-promo h3 { float:left; display:inline; width:230px; height:16px; text-indent:-3000px; background: transparent url(/resources/images/events/txt_tab_tshirts.png) 53px 0 no-repeat; overflow:hidden; } #tshirts-promo ul {float:left; display:inline; width:230px; overflow:hidden; } #tshirts-promo ul li.left { clear:left; float:left; display:inline; width:112px; font-size:1.0em;} #tshirts-promo ul li.right { float:left; display:inline; width:118px; font-size:1.0em;} .ja #tshirts-promo ul li p {text-align: center !important; line-height:1.25; color:#999;} .en #tshirts-promo ul li p {text-align: center !important; line-height:1.25; color:#999;} /* Elsewhere */ #AB-elsewhere ul {width:200px; float:left; display:inline;} #AB-elsewhere li {width:100px; height:30px; float:left; display:inline; vertical-align: middle;} /* I N F O B L O C K S */ .rt_info_block { display: inline; float: left; margin: 0; width: 234px; padding: 0; padding-bottom: 5px; border-bottom: 1px solid #E3E3E3; } #vertical_goog {padding-top: 25px; padding-bottom:25px; padding-left: 50px; text-align: center;} #vertical_goog iframe {margin-left: 15px;} #rightpart .rt_info_block { width: 215px; text-align: left; } #rightpart .rt_info_block p, #rightpart .rt_info_block li, #rightpart .rt_info_block h3 { margin-left: 6px; } .rt_info_block p { float: none; clear: none; margin-right: 15px; padding-right: 0 !important; } .rt_info_block h3 { margin-right: 15px !important; } .rt_info_block ul li img { float: left; margin: 2px 4px 4px 0; } #rightpart #ads_side { margin-top: 10px; text-align: center; border-style: none; } #rightpart #ads_side img { border: 0; } #rightpart #bnrs {margin-top:50px; text-align: center} #rightpart #firstad {padding-top:50px; text-align:center; margin:0 auto;} #rightpart #ads_can { margin-top: 16px; text-align: center; } #rightpart #ads_can img { border: 1px solid #ccc; margin-left: 0px; } #rightpart .bnr_lt .normal, #rightpart .bnr_rt .normal {list-style: none;} #rightpart .bnr_lt li, #rightpart .bnr_rt li {list-style: none;} #rightpart .bnr_lt img, #rightpart .bnr_rt img {width:90%; height:auto;} #rightpart .standalone_bnr { margin-top: 8px; text-align: center; } #jobs-home #rightpart #ads_side, #jobs-home #rightpart #ads_can { margin-top: 0; } #qr_code { padding-top: 10px; padding-bottom: 10px; } #qr_code h3 { margin-top: 0px; padding-top: 0px; } #qr_code img { display: inline; float: left; width: 82px; margin-right: 10px; } #tshirts img, #jobstats img, #jobsales img { display: inline; width: 209px; margin-right: 0px; border: 0 !important; } #tshirts, #jobstats, #jobsales { padding-top: 10px; padding-bottom: 2px; } #nyab_pop_badge, #tab_pop_badge, #kab_pop_badge { margin: 0px 0px 0px 3px; } #nyab_pop_badge ul, #tab_pop_badge ul, #kab_pop_badge ul { width: 200px; } #nyab_pop_badge p, #tab_pop_badge p, #kab_pop_badge p { padding-bottom: 5px; border-bottom: 1px solid #fff; } #badge_slogan { padding-top: 0; margin-top: 0; line-height: 1; text-transform: uppercase; letter-spacing: 1px; } #menu #tab_pop_badge h3 { padding-bottom: 5px; padding-left: 0; margin-left: 0; } /* for our site, override most popular list styling set by javascript file */ #nyab_pop_badge a img, #tab_pop_badge a img, #kab_pop_badge a img { margin-bottom: 5px !important; } #rightpart #tab_pop_badge li, #rightpart #nyab_pop_badge li, #rightpart #kab_pop_badge li { margin: 0px 0px 6px 3px !important; } /* Nearby Events , More (category) */ .related_events li, #nearby li, #nearby_tabelog li { margin-right: 0px; padding-right: 0; clear: left; width: 234px; padding: 0 !important; } .related_events li div, #nearby li div, #nearby_tabelog li div { float: left; margin-right: 0; display: inline; width: 30px; margin-right: 7px; } .related_events li p, #nearby li p, #nearby_tabelog li p { display: inline; float: left; margin-left: 0; margin-right: 0; padding: 0 !important; width: 190px; font-size: 1.2em !important; } #nearby_tabelog img { border: 0; } .nearby_categ { display: block; } /* ?delete */ /* category list */ #browseby { display: inline; float: left; margin: 0px 0px 0px 0px; } #browseby ul { display: block; width: 210px; margin: 0px 0px 10px 0px; padding: 0; overflow: hidden; } #menu #browseby { margin: 10px 0px 0px 0px; } #menu #browseby ul { margin: 0px 0px 20px 0px; } #menu #browseby h3 { margin: 0px 0px 2px 0px; } #browseby ul li { display: inline; padding: 0 0.3em 0 0; } #browseby p { padding: 0 0.3em 0 0; } #browseinandaround, #browsesmartlists { margin-bottom: 20px; } /* venues and events pages */ div.full_details { float: left; display: inline; width: 448px; background: #fff; clear: both; padding-bottom: 10px; background: #fff; border-bottom: 1px dotted #E3E3E3; } div.half_details_right pre { overflow: hidden; } div#details { float: left; display: inline; width: 448px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #E3E3E3; clear: left; } div#details h3, #blog_this h3 { line-height: 14px; margin: 5px 15px 5px 15px; } div#details div.half_details, div#details div.half_details_right { float: left; display: inline; width: 215px; } div#details div.half_details_right { margin-left: 10px; width: 202px; } div#details div.half_details_right h3, div#details div.half_details_right p { margin-left: 0 !important; } div#details p { margin: 0; margin-left: 15px; margin-right: 20px; padding-right: 0px; margin-bottom: 5px;} div#details p img.icon { margin-top: 15px; margin-right: 10px; border: 0; /*width: 50px; height:50px;*/} div#details img { border: 0; } img.icon { border: 0; } img.iconmiddle { vertical-align: middle; } div#details div.discount { float: left; margin-top: 25px; width: 140px } #main_feature { margin-bottom: 20px; } span.artistsearch { padding-left: 12px; } div#details .please_note {font-size: smaller; font-style: italic;} #mtcomments input, #mtcomments textarea, #add_review input, #add_review textarea { border: 1px solid #555555; } #mtcomments #comment-post, #add_review #comment-post { border-top: 1px solid #bfdcf0; border-right: 1px solid #417294; border-bottom: 1px solid #417294; border-left: 1px solid #148bcf; background-image: url(../images/search-bg.gif); background-color: #fff; color: #417294; } #googleads {width:450px; overflow:hidden;} #googleads .gggad {width:150px; margin-right:20px;} /* Blog It */ #blog_this { margin-top: 1.5em; background:#e8f4ff; padding-bottom:10px;} #blog_this h3 { margin: 0px 20px 5px 15px; padding-top: 15px; } #blog_this p {margin:0pt 20px 10px 15px;} #blog_this input {width:300px; border:1px solid #999; font-size:14px;} #community { border-bottom: 1px solid #E3E3E3; } ul.venue_eventslist li { border-top: 1px solid #fff; } ul#textlinkads { border: 1px solid #E72D89; background-color: #F0F0F0; } #tla a { background: url(../images/advertise_on_tab_2.gif) top no-repeat; } /* Reviews */ #reviews { margin-top: 1.5em; } #reviews h3 { margin-bottom: .5em; } h3#reviews { margin-bottom: .5em; } #reviews_list { margin-bottom: 1em; } div.review { margin-bottom: 1em; margin-left: 1em; } #community { padding-bottom: 1em; } /* List of current events */ ul.venue_eventslist li { clear: left; padding-bottom: 0; width: 420px; padding-right: 0 !important; } ul.venue_eventslist div { width: 30px; float: left; margin: 2px 0 0 0; } ul.venue_eventslist p { margin-left: 37px; width: 350px; } /* MASTHEAD */ #header { width: 100%; height: 111px; padding: 0; margin: 0; } #firstrow { width: 949px; margin: 0 auto 7px auto; padding: 0; overflow: hidden; height: 18px; } #city-switcher { float: right; display: inline; width: 215px; margin: 0; line-height: 18px; text-align: center; height: 18px; font-size: 10px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #e1e1e1;} #city-switcher p {width:100%; text-align: center;} #masthead { width: 949px; height: 41px; padding: 0; margin: 0 auto; } #masthead h1 { line-height: 1; display: inline; float: left; width: 545px; height: 41px; overflow: hidden; margin-bottom: 15px; margin-right: 45px; margin-top: 1px; } #masthead h1 a { display: block; height: 41px; width:240px;} /* Keep the css in case of new future banner #anni{ background: url(http://tokyoartbeat.com/resources/images/masthead_sprites_j.png) -836px 1px no-repeat; width: 350px; height: 41px; vertical-align: middle; float: left; } #anni a { height: 41px; display: block; } #anni-mob { display: none; } */ #search { font-size: 1.2em; } #search { margin: 0; padding: 11px 0 0 0; width: 278px; height: 35px; overflow: hidden; display: inline; vertical-align: middle; float: left; } #search label { display: none; } #search #q { font-family: Arial, Verdana, "Lucida Grande", sans-serif; padding: 0.2em 0 0 0; width: 190px; vertical-align: middle; font-size: 1.0em; } div[id=search] #q { width: 4em; padding: 0.1em 0 0 0 !important; } #search #sa { margin-left: 5px; vertical-align: middle; font-size: 1em; } .textfield input, .textfield textarea { font-family: Arial, Verdana, "Lucida Grande", sans-serif; padding: 0.2em 0 0 0; } #lang-switcher { margin-top: 1px; width: 81px; height: 40px; overflow: hidden; float: left; display: inline; } #lang-switcher a { width: 81px; overflow: hidden; line-height: 37px; padding: 37px; height: 0 !important; height /**/: 37px; display: block; } /* BODY */ #site { width: 100%; background: #fff; text-align: center; } #content { padding-top: 25px; padding-bottom: 20px; margin-left: auto; background: #fff url(/resources/images/rtcol_bg.gif) top right repeat-y; margin-right: auto; width: 949px; display: block; text-align: left; overflow: hidden; position: relative; } /* FOOTER */ #footer { background-color: #F2F2F0; clear: both; margin-top: 20px; width: 100%; display: block; } /* ?delete */ #disclaimer { width: 949px; padding-top: 5px; display: block; margin-left: auto; margin-right: auto; clear: both; } #disclaimer p { margin-left: 5px; padding-bottom: 24px; } /* newsletter teaser */ #alert-bar {width:100%; height:28px; position:absolute; top: 0; left: 0; z-index: 1; background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_bg.png) top left repeat-x; color: #fff;} #alert-bar form fieldset, #newsletter_rt form fieldset, #alert-bar form, #newsletter_rt form { border: 0; padding: 0; margin: 0;} #newsletter-alert {width:949px; margin:0 auto; padding:0; height:28px; overflow: hidden; position: relative; } #newsletter-alert form {float:left; display:inline; margin:0; padding:0; border:0;} #alert-bar p, #alert-bar input {float:left; display:inline;} #alert-bar {display: none;} #newsletter-alert p.sign-up-for {margin:0 0 0 4px; height:23px; float:left; display:inline; } #newsletter-alert p.sign-up-for img {border:0 !important;} #newsletter-alert .enter-email {margin:4px 5px 0px 2px; border:1px solid black; height:15px; width:150px;} #newsletter-alert .submit {float:left; display:inline; border:0; padding-top:18px; overflow: hidden; width:67px; height:18px; cursor: pointer; margin:4px 0 0 0; } body.en #newsletter-alert .submit {background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_subscribe_en.png) top left no-repeat;} body.ja #newsletter-alert .submit {background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_subscribe_ja.png) top left no-repeat;} #newsletter-alert p.benefits {margin:7px 0px 0 3px; height:14px; float:left; display:inline; text-align: left;} #newsletter-alert form {width:231px; float:left; display:inline;} #newsletter-alert fieldset {width:231px; float:left; display:inline;} #newsletter_rt form, #newsletter_rt fieldset {margin:0; padding:0; height:38px;} #newsletter-alert fieldset {border:0;} #newsletter_rt fieldset {border:0;} #newsletter-alert .close { position:absolute; top:0; right:0; margin: 4px 5px 0 0; height:17px; width:17px; background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_close.png) top left no-repeat; } #newsletter-alert .close a {display:block; height:17px; width:17px; overflow: hidden; text-indent: -4000px; } #newsletter_rt {width:180px; height:160px; margin:18px 0 0 18px; padding-top:10px; background: transparent url(/resources/images/newsletter_teaser/newsletter_block_bg.png) top left no-repeat; text-align: center;} #newsletter_rt img {border:none;} #newsletter_rt .sign-up-for {display:block; width:180px; margin-left: 0 !important; margin-right:0; margin-bottom:0;} #newsletter_rt .enter-email {margin:0px 5px 0px 5px; border:1px solid black; height:15px; width:140px;} #newsletter_rt .submit {border:0; padding-top:18px; overflow: hidden; width:67px; height:18px; cursor: pointer; margin:4px 0 0 0; background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_subscribe_en.png) top left no-repeat;} body.en #newsletter_rt .submit {background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_subscribe_en.png) top left no-repeat;} body.ja #newsletter_rt .submit {background: transparent url(/resources/images/newsletter_teaser/newsletter_teaser_bar_subscribe_ja.png) top left no-repeat;} #newsletter_rt p.benefits {margin:7px 2px 0 4px; height:14px; text-align: center;} /* tab-map-banner */ #tab-map-banner {margin:18px 0 0 18px;} /* Typography ------------------------------------------------------------------------------------------------------ */ /* Base settings */ body { font-size: 62.5%; } /* base font setting so that 1em = 10px */ body.en { font-family: Arial, Verdana, sans-serif; } body.ja { font-family: Arial, Verdana, "Hiragino Kaku Gothic ProN", "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", 'MS PGothic', osaka, sans-serif; } body p {color: #111111; } body.en p { font-size: 1.2em; line-height: 1.3em; } body.ja p { font-size: 1.2em; line-height: 1.4; text-align: justify; text-justify: inter-ideograph; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } ul { color: #5B5D60; } /* Arbitrary settings */ .makepink {color: #E72D89;} /* MyTAB block */ #menu ul, #left_menu ul { color: #BFC0C0; } #mytabblock li a { font-size: 1.2em; } #mytabblock .timeleft { color: #5B5D60; } #mytabblock #mytabactions, #mytabblock .stats { color: #BFC0C0; } #mytabblock .statreviews, #mytabblock .blogit, #mytabblock #see, #mytabblock #recommend, #mytabblock #venue { color: #838587; } #mytabblock .inactive, #mytabblock .nosave, #mytabblock .saved { color: #148BCF; } #mytabblock .stats { color: #5B5D60; } h2 { line-height: 1.3; font-weight: 600; font-size: 2.4em; font-family: "Avenir Next", Arial, sans-serif; } h3 { line-height: 1.3; font-weight: 600; color: #5B5D60; font-family: "Avenir Next", Arial, sans-serif;} body.en h3 { font-size: 1.8em; } body.ja h3 { font-size: 1.7em; } h3 .pickplace { font-size: 0.7em; } #pick h3 { font-size: 1.7em !important; } .smartlist_row h3 { font-size: 1.8em !important; } #leftpart h3#sorter_head { font-size: 1em; } h3#rightcol { font-size: 1em; } #menu h3, #rightpart h3, #faq h3, #blog h3, #leftpart h3, #browseby h3, #details h3, #community h3 { font-size: 1.4em; } h4 { font-size: 1.4em; color: #5B5D60; font-family: "Avenir Next", Arial, sans-serif; } body.en h4 {font-weight: 600;} .timeleft { font-size: 0.83em; color: #5B5D60; } #smartlists .timealert { color: #5B5D60 !important; } #sorter_head { text-transform: uppercase; } .longsmartlist li { color: #111; } /* category list */ #browseby p { color: #BFC0C0; } #browseinandaround a, #browsesmartlists a, #browsefestivals a { line-height: 1.6em; } /* MyTAB login block */ #mytabblock h2 { font-size: 1.8em; } #mytabblock #mytabactions { text-transform: uppercase; text-align: right; } .backtop { text-transform: uppercase; text-align: right; } body.ja p.backtop { text-align: right; } .backtop a:link, .backtop a:visited { color: #292929 !important; } #leftpart .backtop { font-size: 1em; } .reviewquote { font-size: 0.8em; } #smartlists p { color: #5B5D60; } #disclaimer { text-align: left; } #disclaimer p { color: #838587; } .rt_info_block li p, #tab_pop_badge p, #tab_badge p { font-size: 0.83em; } pre, .code, #disclaimer { font-size: 0.9em; } .related_events ul, #nearby ul, #nearby_tabelog ul, .postedby { font-size: 1em; } #disclaimer p, .mytabseen, #mytabactions { font-size: 1.1em; } body#faq h4, #browseby ul li, .inline_list, #faq ul li, #faq #details p, #sorter_block, .smart_details ul li, .arrowed_list, #search, #find, #tab_pop_badge li, #tab_pop_badge p a, #tab_badge li, #tab_badge p a { font-size: 1.2em; } #details p, #blogitdetails { font-size: 1.2em !important; } #browseby ul li { line-height: 1.6em; } /* newsletter teaser */ #newsletter_rt p.benefits {font-size:1.2em; line-height: 1.25;} #newsletter-alert p.benefits {font-size:1.2em; line-height: 1.1;} body #newsletter-alert, body #newsletter-alert p {color: #fff;} body #newsletter_rt p {color: #fff;}