@charset "UTF-8";

/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ddd; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration:none; }
a:hover {color:#FC0;}

strong { color: #fff; }

p { padding: 0 0 5px 0; line-height: 1.25em; }

em	{ color:#FC0;}

/* Layout items */

html, body { background-color: #000; background-image:url(../i/Hubcap_bg.jpg); background-position: 0 0; background-repeat:repeat-x; }

#wrap { width: 900px; margin: 0 auto; background-image:url(../i/Hubcap_website.jpg); background-position: 0 0; background-repeat: no-repeat; }

#head { height: 350px; background:none; }

#lang { width:400px; height: 18px; float:right; margin: 0 0 0 140px; text-align: center; }

#menu { width: 545px; background-color:none; float:right; height: 52px; padding-top: 8px; }

#ticket { width: 250px; background-color:None; float:right; height: 50px; background-image:url(../i/westjet_Hubcap.jpg); background-repeat:no-repeat; background-position: Center 17px; padding-top: 174px; text-align:center; z-index: 0; }

#intro { width: 295px; background-color:none; float:right; height: 175px; padding-top: 70px; }

#content { width: 650px; background-color:none; float:left; height: auto; padding-top: 35px; }

#content_left { width: 290px; float: left; text-align:center; padding-top: 15px; }

#content_right { width: 320px; float: right; background-color:None; padding-top: 0; padding-right: 15px; }

#right { width: 250px; background-color:none; float:right; height: auto; text-align:center; }

#sponsors { text-align:center; }
#sponsors p { text-align:center;}

#right img { display: block; margin: 10px; }

#footer { border-top: 2px solid #333; height: 25px; margin: 10px 0; }

/* comics */

#comic { height: 55px; width: 100px; float: left; padding: 85px 0 0 100px; margin: 5px; }

#comic p { }

.fname { color:#ffed2a; font-size: 1.3em; letter-spacing: -.01em; line-height: .95em; }

.lname { color:#F90; font-size: 1.20em; letter-spacing: -.01em; line-height: .95em; }

.phone { color:#F90; font-size: 0.8em; line-height: 1.25em }

/* lang menu */

#lang a { padding: 5px 30px 0 25px; text-transform: uppercase; font-size: 0.7em; background-image: url(../i/lang_btn.jpg); color: #000; text-decoration: none; background-repeat: no-repeat; background-position: -100px top; line-height: 1.5em; }

#lang a:hover { background-position: 0px top; color: #000; }

/* Loaction */

#location { height: 125px; width: 125px; float: left; padding: 10px 0 0 75px; margin: 5px; text-align:left; }

.small { font-size: .8em; padding: 20px 0 0 0; }

.fnamebig { color:#ffed2a; font-size: 1.95em; line-height: .95em; padding: 0; }

.lnamebig { color:#F90; font-size: 1.95em; line-height: .95em; padding: 0; }

#comic:hover { background-image:none; }

#intro p { color:#F90; padding: 5px 0 0 0; }

.preformance_table { margin: 10px 5px 15px 5px; padding: 5px 2px 10px 2px; border-bottom: #666 solid 2px; width: 95%; color: #fff; text-align:left; }

td { padding: 2px; }

.show_time { font-size: .85em; text-transform:uppercase; padding: 2px 2px 4px 2px; }

.performance { font-size: 1.25em; color:#FC0; line-height: 1.2em; }

/* Menu items */


#menu ul { list-style:none; padding: 0; }

#menu ul li { float: left; background-image: none; padding-right: 8px; }

#menu ul li a { padding: 8px 12px 22px 10px; line-height: 36px; text-transform: uppercase; font-size: 1.1em; background-image: none; color: #ffffff; text-decoration: none; }

.home #menu li a.home, .schedule #menu li a.schedule, .tickets #menu li a.tickets, .venues #menu li a.venues, .contact #menu li a.contact { color:#000; background-image: url(../i/current_tab.gif); background-repeat: no-repeat; background-position: center bottom; }

#menu ul li a:hover { background-image:url(../i/current_tab.gif); color: #000; background-repeat: no-repeat; background-position: center bottom; }

.notes { font-size: .85em; padding-top: 30px; }

/* right content styles */

ol { list-style:decimal; list-style-position:inherit; padding: 10px 0 0 30px; font-size: .8em; }

li { padding: 4px 0 4px 0; line-height: 1.2em; }

/* buttons */

.capitolbtn a { display:block; width: 200px; padding:2px 0 2px 0; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d28f21; background: url(../i/capitolboxoffice_btn_v01.gif) 0 -20px no-repeat; text-decoration: none; text-align:center; }

.capitolbtn a:hover { background-position: 0 0; color: #ffad29; }

/* buttons */

.backtov a { display:block; width: 80px; height: 40px; padding:0; margin-right: 15px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d28f21; text-decoration: none; float:right; background-position: 0 0; background-repeat:no-repeat; }

.backtov a:hover { background-position: -80px 0; color: #ffad29; }

.backto a { display:block; width: 80px; height: 40px; padding:0; margin-right: 15px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d28f21; background: url(../i/backto_lineup_btn_v01.gif) 0 0 no-repeat; text-decoration: none; float:right; }

.backto a:hover { background-position: -80px 0; color: #ffad29; }

.backtof a { display:block; width: 80px; height: 40px; padding:0; margin-right: 15px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#d28f21; background: url(../i/backto_btn_fr.gif) 0 0 no-repeat; text-decoration: none; float:right; }

.backtof a:hover { background-position: -80px 0; color: #ffad29; }

.buytickets a { display:block; width: 200px; height: 80px; padding:0; background-position: 0 0; background-repeat:no-repeat; text-decoration: none; float:right; }

.buytickets a:hover { background-position: 0 -80px; }


.sponsors { text-transform:uppercase; letter-spacing: .25em;}