/* Global */
* { padding: 0; margin: 0; }
html { font-family: tahoma, verdana, helvetica, sans-serif; }
p, h2, h3, h4, h5, h6, ul, ol, td, th { margin-bottom: 15px; font-size: 12px; line-height: 1.4; }
h1 { margin-bottom: 15px; font-size: 18px; line-height: 24px; text-align: center; }
dt, dd { line-height: 1.4; }
li, dl, input, textarea { font-size: 12px; outline: none; }
input { padding: 2px; }
option { padding-right: 3px; }
a, a:visited { outline-style: none; }
table { vertical-align: top; }
img { border: none; }
*html input, *html textarea { font-size: 1.1em; }
ol li, ul li { line-height: 1.3; list-style-position: outside; }
img, input { vertical-align: bottom; }
button { border: none; }
.clear { clear: both; float: none; }
/* Structure */
.header { border-bottom: 4px solid black; padding-top: 14px; overflow: hidden; }
.header_wrapper{width: 930px;margin: 0 auto; position: relative; left: 15px;}
.header .stomp_title { position: relative; float: left; top: 10px; }
.header .nav_wrapper { float: right; width: 57%; margin-top: 19px; }
.header .nav { margin-left: -69px; border-top: 1px solid black; white-space: nowrap;}
.header .nav ul { overflow: hidden; margin: 0; width: 100%; position: relative; left: -13px;}
.header .nav li { float: left; list-style: none; }
.header .nav ul li.first { background: url(../images/bg-nav_slant.gif) no-repeat; padding-left: 20px; }
.header .nav li a { padding: 0 16px; display: block; text-indent: -8000em; height: 18px; margin-top: 35px; }
#nav_show a { background: url(../images/nav-show.png) no-repeat; width: 112px; }
#nav_news a { background: url(../images/nav-news.png) no-repeat; width: 55px; }
#nav_interact a { background: url(../images/nav-interact.png) no-repeat; width: 97px; }
#nav_tickets a { background: url(../images/nav-tickets.png) no-repeat; width: 77px; }
#nav_merch a { background: url(../images/nav-merch.png) no-repeat; width: 71px; }
.nav li a:hover { background-position: left -18px !important; }
.nobkd { background: none !important; }
.nowidth { width: auto !important; }
.title_container { border-bottom: 4px solid black;}
.title { margin: 0 auto; width: 900px; }
.home .title { width: 906px; }
.subnav { width: 50%; text-align: right; margin-bottom: 24px; position: relative; z-index: 1000;}
.subnav p { margin: 0 8px 0 0; padding: 8px 10px 4px 0 !important; border-bottom: 1px solid black; }
.subnav a { height: 13px; display: inline-block; margin: 0 5px; }
.subnav a span { visibility: hidden; }
.graphic_subnav { width: 900px; margin: 0 auto; }
.subnav_tickets a {font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; font-style: italic; padding: 0 4px;}
.footer { width: 900px; margin: 0 auto; padding: 20px 0 60px; text-transform: uppercase; font-style: italic;}
.homefooter { padding-top: 0px !important; }
.homefooter .privacy { /*float: right;*/ background-position: 174px 5px; }
.homefooter .newsletter { /*float: right; margin-right: 202px;*/ }
.footer div { float: left; display: inline; }
.stomp-font { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; text-transform: uppercase; font-style: italic; }
.footer p, .footer div { font-size: 11px !important; }
/* Home */
.home .header_content,
.home .content { width: 1000px; }
.callouts { width: 50%; position: relative; height: 72px; }
.specials { background: url(../images/bg_callout.png) bottom right no-repeat black; position: absolute; right: -102px; text-align: right; padding: 8px 13px 0 10px; height: 64px; }
.specials a { margin: 0 6px; }
.buy_tix { position: absolute; right: -380px; z-index: 100; }
#currentCity{font-family: Arial, Helvetica, Sans-serif; font-style: italic; font-weight: bold; font-size: 11px; text-transform: uppercase; position: relative; top: -61px; left: 205px;}
#nextCity{font-family: Arial, Helvetica, Sans-serif; font-style: italic; font-weight:bold; font-size: 11px; text-transform: uppercase; position: relative; top: -62px; left: 185px;}
/* Internal */
.subnav { background: #ffffff url(../images/bg-subnav_slant.png) right bottom no-repeat; }
.subnav a:hover { background-position: left -16px !important; }
.graphic_subnav_container { width: 900px; margin: 0 auto; }
/*.footer > div { background: url(../images/divider-slant.png) 0 3px no-repeat; }*/
.footer .newsletter { width: 500px; background: none; margin: -2px 0 0 0; }
.footer .newsletter * { display: inline; }
/*.footer .newsletter p { display: block; position: relative; top: 6px; padding: 0 20px 0 48px; }*/
.footer .privacySplash { width: 100px; text-align: right; padding: 0 15px 0 0 !important; }
.footer .privacy { width: 110px; text-align: right; padding: 0 15px 0 0 !important; }
.footer .privacy p { margin: 0 0 0 -10px; padding: 6px 0 4px; line-height: 22px; }
.footer .privacySplash p { margin: 0 0 0 -10px; padding: 6px 0 4px; }
.footer .socialnetworks { margin: 0 0 0 24px; padding: 2px 0 0 0; width: 75px;}
.footer .contact { width: 123px; text-align: center; padding: 0 0 0 17px !important; }
.footer .contact p { margin: 0 0 0 -10px; padding: 6px 0 4px; line-height: 22px;}
.footer .social { width: 255px; padding-left: 20px; }
.footer .social p { margin: 0 0 0 -10px; padding: 6px 0 4px; display: inline; }
.footer .social > div { position: relative; top: -5px; }
.footer .social img { position: relative; top: 3px; }
.footer form {padding-left: 8px; height: 24px; }
.footer input { border: none; background: none; height: 21px; width: 130px; }
.footer .input { display: inline; background: url(../images/newsletter_bg.jpg) no-repeat; height: 21px; position: relative; top: -5px; width: 130px; padding: 0 0 11px 0; }
.homefooter .input { display: inline; background: url(../images/newsletter_bg.jpg) no-repeat; height: 21px; position: relative; top: 1px; width: 130px; padding: 0 0 11px 0; }
.footer #submitButton { position: relative; top: 4px; left: -5px; }
.footdivider {position: relative; bottom: -4px; margin: 0 6px;}
.footer a {font-weight: normal !important;}
.footer a img {position: relative; bottom: -2px; margin: 0;}
.homefooter { position: relative; top: 5px; }
.homefooter .privacy { padding: 0 24px 0 0 !important; width: 123px !important; }
.homefooter .newsletter { margin: -2px 0 0 23px !important; }
.homefooter .newsletter p { padding: 0 !important; position: static !important; display: inline; }
#newsletter_email { height: 20px !important; padding: 4px 5px 0 10px !important; width: 122px; position: relative; top: 10px; font-size: 11px; }
.homefooter #newsletter_email { height: 20px !important; padding: 4px 5px 0 10px !important; width: 122px; position: relative; top: 5px !important; font-size: 11px; }
/* Section: The Show */
#subnav_history { background: url(../images/nav-sm_history.png) no-repeat; width: 147px; display: block; float: right; }
#subnav_performers { background: url(../images/nav-sm_perf.png) no-repeat; width: 126px; display: block; float: right; }
#subnav_instruments { background: url(../images/nav-sm_inst.png) no-repeat; width: 130px; display: block; float: right; }
/* Section: Interact */
#subnav_percussion { background: url(../images/nav-sm_percussion.png) no-repeat; width: 118px; display: block; float: right; }
#subnav_word { background: url(../images/nav-sm_word.png) no-repeat; width: 147px; display: block; float: right; }
#subnav_reviews { background: url(../images/nav-sm_reviews.png) no-repeat; width: 108px; display: block; float: right; }
/* Section : Tickets */
#subnav_newyork { background: url(../images/nav-sm_newyork.png) no-repeat; width: 80px; display: block; float: right; }
#subnav_tour { background: url(../images/nav-sm_tour.png) no-repeat; width: 41px; display: block; float: right; }
#subnav_intl { background: url(../images/nav-sm_intl.png) no-repeat; width: 116px; display: block; float: right; }
#subnav_outloud { background: url(../images/nav-sm_outloud.png) no-repeat; width: 130px; display: block; float: right; }
/* The Performers */
.performers_list_wrapper { background: url(../images/bg-line.png) top center no-repeat; width: 830px; margin: 0 auto; }
.performers_list { background: url(../images/bg-line.png) bottom center no-repeat; padding: 20px 0; overflow: hidden; position: relative; }
.performers_slider { width: 10000px; overflow: hidden; }
.performers_group { float: left; display: inline; }
.performers_group a { margin: 0 1px; }
.performers_controls { text-align: center; }
.performers_controls #arrow_left { position: relative; left: -425px; top: -80px; }
.performers_controls #arrow_right { position: relative; left: 425px; top: -80px; }
.performer_details_box { width: 870px; margin: 0 auto; overflow: hidden; background: url(../images/bg-perf_slant.gif) top right no-repeat; }
.performer_headshot { background: url(../images/bg-perf_block.png) no-repeat; float: left; display: inline; padding: 0 61px 0 55px; position: relative; overflow: hidden; width: 199px; }
.performer_headshot_slider { position: relative; width: 50000px; overflow: hidden; }
.performer_headshot_slider .headshot { float: left; margin-right: 70px; }
.performer_details { float: left; width: 500px; border-top: 1px solid black; border-bottom: 1px solid black; height: 285px; position: relative; overflow: hidden; }
.performer_details_slider { position: relative; }
.performers_group{ position: relative; }
.performer { padding-top: 12px; margin: 0 10px 30px; height: 285px; }
.performer img { margin-bottom: 10px; }
/* Timeline */
.timeline { width: 900px; margin: 0 auto; }
/* Instruments */
.instruments { width: 940px; margin: 0 auto; text-align: center; font-weight: bold; }
/* Spread the Word */
.downloads { width: 900px; margin: 0 auto; }
.downloads ul { list-style: none; }
.downloads ul li { display: block; float: left; margin: 0 5px; }
.downloads ul li img { border: 1px solid #000; }
.banners ul li { float: none; margin: 20px 0; }
.banners ul li textarea { width: 719px; height: 27px; padding: 5px; }
.banners ul li textarea.smaller { width: 660px; }
.downloads > div { border-bottom: 1px solid #000; padding: 30px 0; margin: 30px 0; }
.downloads > div > img { display: block; margin: 0 0 15px 0; }
/* News */
.news { width: 900px; margin: 0 auto; overflow: hidden; margin-top:25px; }
#news ul {margin:0pt 0pt 0pt 0px;padding:0px;}
#news ul li {border-bottom:1px solid #cccccc;list-style-type:none;padding:10px 0pt;}
.news_img {border:1px solid #dc1b1b;margin-right:15px; height:80px;}
#news h2 { text-transform: uppercase; font-size:16px; color:#dc1b1b; margin-bottom:2px;}
#news a { color:#dc1b1b; font-weight:bold; text-decoration:underline; }
.float_left { float:left; }
/* Merch */
.merch
{
float: left;
text-align: center;
display: inline;
margin: 12px 12px 0 0;
width: 210px;
height: 300px;
}
/* Reviews */
.reviews { width: 900px; margin: 0 auto; overflow: hidden; }
.user_reviews { width: 380px; float: left; display: inline; margin-right: 50px; position: relative; }
.user_reviews > img { margin: 10px auto; display: block; }
.reviews_window { overflow: hidden; height: 330px; position: relative; }
.reviews_window .slider { position: relative; }
.reviews_window .slide { border-top: 1px solid #c7c7c7; padding-top: 10px; }
.reviews_window .slide .author { margin: -15px 0 15px; }
.reviews_window .slide .author img { margin: 0 -1px; }
.reviews_controls { position: absolute; right: -35px; top: 30px; }
.reviews_controls li { list-style: none; margin-bottom: 15px; }
.review_form { background: url(../images/bg-form.jpg) no-repeat; float: right; display: inline; padding: 10px; width: 390px; }
.review_form h4 { text-transform: uppercase; font-size: 14px; margin: 0 0 3px 50px; }
.review_form > p { margin: 0 10px 12px 47px; }
.review_form form { margin: 0 20px 0 40px; }
.review_form li { float: left; display: inline; width: 155px; margin-bottom: 11px; }
.review_form li label { font-weight: bold; }
.review_form li label sub { font-weight: normal; position: relative; top: -6px; margin-bottom: -3px; }
.review_form li input {width: 110px; }
.review_form li select { display: block; }
.review_form li.tier_2 { margin-left: -10px; }
.review_form .newsletter_item { clear: both; float: none; display: block; margin-left: -15px; }
.review_form .newsletter_item input { display: inline; }
.review_form .review_title { position: relative; left: -20px; font-weight: bold; margin-bottom: 3px; }
.review_form .review_title > span { position: absolute; right: 0; padding-right: 5px; }
.review_form textarea { margin-left: -20px; width: 320px; }
.review_form button { display: block; float: right; margin: 4px 30px 0 0; }
/* Percussion */
.percussion { width: 900px; margin: 0 auto; overflow: hidden; }
.video_player { float: left; display: inline; }
.percussion_text { float: left; display: inline; width: 270px; margin-right: 10px; }
.percussion_text img { margin-bottom: 3px; }
.percussion_text .subtext { padding-left: 20px; }
.percussion_text ul li { list-style: none; background: url(../images/bullet-arrow.png) 0 5px no-repeat; padding: 3px 0 3px 20px; font-weight: bold; }
.study_guide { margin: 10px; padding-top: 45px; background: #fff url('/images/stomplogo.gif') top left no-repeat; }
/* Tour Tickets */
.tickets_tour { width: 900px; margin: 0 auto; }
/* New York Tickets */
.tickets_ny { width: 900px; margin: 0 auto; }
/* FAQ */
.faq h3 { color: #dc1b1b; }
/* Links */
a:link,
a:visited { text-decoration: none; color: black; }
a:hover { color: red; }
a.active { background-position: left -16px !important; }
/* Classes */
#newsletterBox{display: block; width:430px;}
.clear { clear: both; }
.flat { line-height: 0; height: 0; font-size: 0; }
.subtext { color: #818181; font-size: 11px; }
.coming_soon{margin:0 auto; width:900px; text-align:center; padding-bottom:130px; padding-top:130px;}
.y4 { top: -4px !important; }
.new-newsletter {
margin : 0 0 0 17px;
padding : 5px 0 0 0;
text-transform : uppercase;
font-style : italic;
width : 375px;
background : none !important;
}
.new-newsletter p {
float : left;
margin : 4px 10px 0 0;
}
.new-newsletter form {
position : relative;
top : -2px;
}
.new-newsletter .new-input {
float : left;
background : url(../images/newsletter_bg.jpg) left 2px no-repeat;
height : 26px;
}
.new-newsletter .new-input .email {
border : none;
background : none;
width : 100px;
margin : 2px 0 0 4px;
padding : 4px 4px 0 4px;
font-size : 12px;
}
.new-newsletter .submit {
width : auto;
height : auto;
margin : 0 0 0 -2px;
}
.width-400 { width : 400px !important; }
.slant-right { background : url(../images/divider-slant.png) right middle no-repeat !important; }
div#fancy_outer{
z-index: 200;
}
div#fancy_content{
z-index: 300;
}
#timeline-holder {height: 740px; width: 900px; overflow-x:auto;overflow-y:hidden; margin: -54px auto 0; z-index: 1;}
#timeline {width: 2700px;}
*html #timeline {margin: -51px auto 0;}