/*css - Ticket Trunk (form css is in the form style sheet) */ /* global styles - site wide elements */ * { margin:0; padding:0; } html, body { height: 100%; } body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; } body { padding:0; background:#fff url(../images/bg.gif) top repeat-x; font:62.5% arial,sans-serif; color:#454545; line-height:1.8em; text-align:left; } body#index { padding:0; background:#fff url(../images/bodybg.gif) top repeat-x; font:62.5% arial,sans-serif; color:#454545; line-height:1.8em; text-align:left; } a { color:#9f0b0a; outline:none; text-decoration:none; } a:active { outline:none; } a:hover { color:#9f0b0a; text-decoration:none; } p { font-size:1.2em; margin:15px 0; } .clear { clear:both;} .left { float:left;} .right { float:right;} .red { color:#a30d0d;} .glidecontent { font:16px bold Arial, sans-serif; color:#000; } h1, h2, h3, h4, h5, h6 { margin:0; } h1 { font-size:200%; font-family:Arial;} h2 { font-size:130%; color:#354146; font-weight:bold; padding:0; } h3 { font-size:120%; } h4 { font-size:120%; } h5 { font-size:100%; } #wrapper { width:900px; margin:0 auto; background:none; height:auto; } #container { clear:both; margin:70px 0 0 0; } #header { width:900px; padding:0; clear:both; height:100px; } ul#nav { margin:30px 0 0 0; padding:0; list-style:none; height:30px; width:430px; float:right; display:block; } ul#nav li { float:right; display:inline; margin:0; padding:0;} ul#nav li a { display:block; text-indent:-9999px; padding:5px 8px 5px; } ul#nav li a:active { outline: none; } ul#nav li a.sell { background:transparent url(../images/sell.gif) no-repeat center bottom; width:93px;} ul#nav li a.sell:hover { background:transparent url(../images/sell-over.gif) no-repeat center bottom; } ul#nav li a.sell-selected { background:transparent url(../images/sell-over.gif) no-repeat center bottom; width:93px; } ul#nav li a.buy { background:transparent url(../images/buy.gif) no-repeat center bottom; width:93px;} ul#nav li a.buy:hover { background:transparent url(../images/buy-over.gif) no-repeat center bottom; } ul#nav li a.buy-selected { background:transparent url(../images/buy-over.gif) no-repeat center bottom; width:93px; } ul#nav li a.blog { background:transparent url(../images/news.gif) no-repeat center bottom; width:52px;} ul#nav li a.blog:hover { background:transparent url(../images/news-over.gif) no-repeat center bottom; } ul#nav li a.blog-selected { background:transparent url(../images/news-over.gif) no-repeat center bottom; width:52px; } ul#nav li a.faq { background:transparent url(../images/faq.gif) no-repeat center bottom; width:52px;} ul#nav li a.faq:hover { background:transparent url(../images/faq-over.gif) no-repeat center bottom; } ul#nav li a.faq-selected { background:transparent url(../images/faq-over.gif) no-repeat center bottom; width:52px; } /* homepage */ h1#logo a { color:#444; text-indent:-9999px; display:block; background: url(../images/logo2.gif) no-repeat top; height:100px; width:362px; float:left;} h2#logo a { color:#444; text-indent:-9999px; display:block; background: url(../images/logo2.gif) no-repeat top; height:100px; width:362px; float:left;} #intro { padding:0; clear:both; width:900px; margin:10px 0 30px 0; height:270px; } #sell { padding:0; float:right; width:400px; margin:20px 20px 0 0; height:270px; background:#ffc20e; } h1#sell-button a { color:#444; text-indent:-9999px; display:block; background: url(../images/elephant.png) no-repeat top; height:270px; width:312px; float:left;} h1#sell-button a:hover { color:#444; text-indent:-9999px; display:block; background: url(../images/elephant-over.png) no-repeat top; height:270px; width:312px; float:left;} .menu { margin:100px auto 0; padding:0; list-style:none; width:600px; display:block; height:auto; } .menu li { padding:0; margin:0 20px; float:left; position:relative; text-align:center; } .menu a.faq-button { padding:0; display:block; color:#fff; width:144px; height:144px; text-decoration:none; background:url(../images/faq-button.gif) no-repeat center; text-indent:-9999px;} .menu a.news-button { padding:0; display:block; color:#fff; width:144px; height:144px; text-decoration:none; background:url(../images/news-button.gif) no-repeat center; text-indent:-9999px;} .menu a.buy-button { padding:0; display:block; color:#fff; width:144px; height:144px; text-decoration:none; background:url(../images/buy-button.gif) no-repeat center; text-indent:-9999px;} .menu li em { background: url(../images/hover.gif) no-repeat; width:180px; height:45px; position:absolute; top:-85px; left:-40px; text-align:center; padding:20px 12px 10px; font-size:1.2em; font-weight:bold; font-style:normal; color:#000; z-index:2; display:none; } #form-wrap { padding:0; float:left; width:900px; margin:70px 0 30px 0; height:auto; } #pic-box { float:left; background:none; color:#333; height:auto; width:380px; margin:30px 0 0 40px; } #pic-box .top { background:none; width:380px; height:auto; margin:5px 0 5px 0;} .glidewrapper { position:relative; width:380px; height:160px; overflow: hidden; float:right; margin:0 0 5px 0; } .glidecontent { position:absolute; background:#ffc20e; padding:0; visibility:hidden; width:360px; height:180px;} .glidemenu { width:360px; height:30px; position:relative; text-align:left; margin:0; padding:0 0 0 20px; } .glidemenu img { border:none;} .glidemenu a { color:#000;padding:1px 3px; margin-right:3px; font-weight:bold; text-decoration:none; } .glidemenu a:focus { border:0;} .glidemenu a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */} .glidemenu a.prev .glidemenu a.next{ border:none;} /* event page */ #event { padding:0; clear:both; width:920px; margin:90px 0 30px 0; height:auto; } #event #event-details { float:left; width:400px; height:auto; } #event #event-details h1 { font-size:1.8em; color:#222; margin:0 0 10px 0; } #event #event-details p { margin:0 0 10px 0;} #event #event-details .bolder { font-weight:bold; margin:0 4px 0 0;} #event #event-image { width:400px; float:right; height:100%; clear:both; } /* buy tickets page */ #event #search { float:right; width:400px; height:auto; padding:0; background:none; margin:0 0 10px 0; } #event #event-col { float:left; width:400px; height:auto; } #event .event-details { float:left; width:400px; height:auto; border-bottom:1px dashed #9f0b0a; margin:20px 0 0 0; } #event .event-details h1 { font-size:1.6em; color:#222; margin:0 0 5px 0; } #event .event-details p { margin:0 0 2px 0; font-size:1.1em; } #event .event-details .bolder { font-weight:bold; margin:0 4px 0 0;} #event .event-details .event-icons { width:100px; height:auto; color:#5f6c7a; font-size:1em; margin:0 0 0 5px; } a.more_details { float:right; padding:0; color:#ae1337; text-decoration:none; font-weight:bold; } /* faq page */ #faq { padding:0; clear:both; width:900px; margin:70px 0 30px 0; height:auto; } #faq .rightcol { float:right; width:300px; height:400px; background:url(../images/faq-bg.gif) no-repeat top right; margin:30px 0 0 0;} #faq .rightcol2 { float:right; width:300px; height:400px; background: url(../images/news-badge.gif) no-repeat top right; margin:30px 0 0 0;} #faq .text { float:left; width:550px; height:auto;} #faq .text p { font-size:1.1em; margin:10px 0 20px; } #faq .text h2 { font-size:1.2em; color:#a30d0d; margin:5px 0 8px 0;} /* faq pop-ups */ #faq-pop { margin:0 auto; height:auto; padding:10px; background:#f5f5f5; font:62.5% arial,sans-serif; color:#454545; line-height:1.8em; text-align:left; } #faq-pop .text { margin:40px auto; width:590px; height:auto; padding:10px;} #faq-pop .text p { font-size:1.1em; margin:10px 0 20px; } #faq-pop .text h2 { font-size:1.2em; color:#a30d0d; margin:5px 0 8px 0;} /* ----------------- collapsing paragraph -------------------------------------------------------*/ #faq #p1 { width:auto; background:inherit; display:none; } #faq #p2 { width:auto; background:inherit; display:none; } #faq #p3 { width:auto; background:inherit; display:none; } #faq #p4 { width:auto; background:inherit; display:none; } #faq #p5 { width:auto; background:inherit; display:none; } #faq #p6 { width:auto; background:inherit; display:none; } #faq #p7 { width:auto; background:inherit; display:none; } #faq #p8 { width:auto; background:inherit; display:none; } #faq #p9 { width:auto; background:inherit; display:none; } #faq #p10 { width:auto; background:inherit; display:none; } #faq #p11 { width:auto; background:inherit; display:none; } #faq #p12 { width:auto; background:inherit; display:none; } #faq #p13 { width:auto; background:inherit; display:none; } #faq #p14 { width:auto; background:inherit; display:none; } #faq #p15 { width:auto; background:inherit; display:none; } #faq #p16 { width:auto; background:inherit; display:none; } #faq #p17 { width:auto; background:inherit; display:none; } #faq #p18 { width:auto; background:inherit; display:none; } #faq #p19 { width:auto; background:inherit; display:none; } #faq #p20 { width:auto; background:inherit; display:none; } #faq #p21 { width:auto; background:inherit; display:none; } #faq #p22 { width:auto; background:inherit; display:none; } #faq #p23 { width:auto; background:inherit; display:none; } #faq #p24 { width:auto; background:inherit; display:none; } #faq #p25 { width:auto; background:inherit; display:none; } #faq #p26 { width:auto; background:inherit; display:none; } #faq #p27 { width:auto; background:inherit; display:none; } #faq #p28 { width:auto; background:inherit; display:none; } #faq #p29 { width:auto; background:inherit; display:none; } #faq #p30 { width:auto; background:inherit; display:none; } /* thank you page */ /* Eventful style as per branding guidlines */ .eventful-badge, .eventful-badge * { margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: center !important; color: #CCC !important; font-family: Arial !important; text-decoration: none !important; } .eventful-small { position: relative !important; width: 200px !important; font-size: 11px !important; line-height: 11px !important; } #thanx { padding:0; clear:both; width:900px; margin:10px 0 30px 0; height:325px; background:url(../images/thanks.gif) no-repeat left center; } #thanx p { font-weight:bold; font-size:1.6em; padding:100px 100px 0 200px; line-height:1.8em; color:#999;} #event-update { padding:0; clear:both; width:900px; margin:90px 0 30px 0; height:auto; background:none; } #event-update p { font-weight:bold; font-size:1.5em; line-height:1.8em; color:#999;} #event-update .buttons { float:left; height:20px;} #event-update .choose { background:url(../images/yes-no.gif) no-repeat; color:#fff; padding:4px 24px 8px 24px; text-decoration:none; width:60px; height:24px; font-weight:bold; font-size:1.1em; text-align:center;} table { border-collapse:collapse; border:1px solid #777; font:normal 80%/140% arial, helvetica, sans-serif; color:#555; background:#fff; width:100%; margin:0 0 15px 0;} td, th { border:1px dotted #bbb;padding:.5em;} caption { padding: 0 0 .5em 0;text-align:left;font-size:1.4em;font-weight:bold;text-transform:uppercase;color:#333;background:transparent;} thead th, tfoot th {border:1px solid #777; text-align:left; font-size:1.2em; font-weight:bold; color:#333; background:transparent;} tfoot td {border:1px solid #777;} tbody th, tbody td {vertical-align:top; text-align:left;} tbody th {white-space: nowrap;} .odd {background: #fcfcfc;} tbody tr:hover {background:#fafafa;} /* about page */ #about { padding:0; clear:both; width:900px; margin:70px 0 30px 0; height:auto; } #about .rightcol { float:right; width:300px; height:600px; background:url(../images/about-bg.gif) no-repeat top right; margin:30px 0 0 0;} #about .rightcol2 { float:right; width:200px; height:600px; background: url(../images/legal.gif) no-repeat top right; margin:30px 0 0 0;} #about .text { float:left; width:550px; height:auto;} #about .text2 { float:left; width:650px; height:auto;} #about h2 { font-size:1.6em; color:#a30d0d;} /*this keeps the footer sticky */ .wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -60px; /* the bottom margin is the negative value of the footer's height */} #footer, .push { height:80px; clear:both; /* push must be the same height as footer */ } #footer { width:100%; height:80px; margin:40px auto 0; clear:both; background:#0e0c0b; } #footer-inner { width:900px; height:60px; margin:0 auto; clear:both; font-size:1em; padding:20px 0 0 0; color:#999; } #footer-inner .social { float:right; background:url(../images/twitter.gif) no-repeat right top; width:140px; height:40px; padding:15px 0 0 0;} #footer-inner a {color: #999; background:none; text-decoration:none;} #footer-inner a:hover { color:#fff; text-decoration:underline;}