@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: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: none; }

/* 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_website_2012_v02_WEB.jpg); background-position: center top; background-repeat:no-repeat; }

#wrap { width: 960px; margin: 0 auto; /* background-image:url(../i/Rollie.png); background-position: 0 0; background-repeat: no-repeat; */ }

#head { height: 350px; background-image:url(../i/Hubcap_website_2012_v02_WEB.jpg); background-position: center top; background-repeat:no-repeat; position: relative;}

#hubcap_title { height: 160px; background-position: 0 0; background-repeat:no-repeat; width: 425px;position: absolute; top: 225px; z-index: 10;}
#eng #hubcap_title {background-image:url(../i/Die_laughting_E.png);}
#fre #hubcap_title {background-image:url(../i/Die_laughting_F.png);}

#menu { width: 620px; background-color:none; float:right; height: 45px; padding-top: 8px; position:relative; }

#ticket { width: 520px; background-color:None; float:right; height: 255px;  background-repeat:no-repeat; background-position: Center 0; z-index: 0; background-image:url(../i/HUBCAP_2012_logo.png); background-size: 357px 246px; }

#intro { width:  640px; height: auto; position:relative; margin-bottom: 10px; background-color:#d6973d;border: 1px solid #714d1d; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; -khtml-border-radius: 12px; }

#intro div	{ width: 610px; background-color:none; height: auto; padding: 5px 15px 15px 15px; position:relative; background-image:url(../i/Intro_bg_2.png); background-position: bottom center; background-repeat:repeat-x; }


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

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

#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: 65px; width: 185px; float: left; padding: 85px 10px 0 10px; margin: 5px; text-align: right; position: relative; top: 0px; border: 1px solid #714d1d; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; /* future proofing */
-khtml-border-radius: 12px; font-family:"Arial Black", Gadget, sans-serif;}

#comic:hover { border: 1px solid #fff;  }

.fname {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; letter-spacing: -.04em; line-height: .925em; text-shadow:#000 1px 2px 3px; position: absolute; bottom: 1px; right: 10px; display:block;}
.lname {  font-family:Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 1.2em; letter-spacing: -.01em; line-height: .85em; display:block;}
.phone { color:#Ff0; font-size: 0.9em; line-height: 1.20em; padding:3px 0 3px 0; }

a #comic p.fname, a #comic p.lname { color:#ff0; }
a:hover #comic p.fname, a:hover #comic p.lname { color:#fff;text-shadow:#000 1px 2px 6px; }


/* Loaction */

#location { height: 140px; width: 200px; float: left; margin: 5px; border: 1px solid #714d1d; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; -khtml-border-radius: 12px; position: relative; background-image:url(../i/venue_bg.jpg); background-repeat:no-repeat; background-position: 0 0; }
#location:hover { border: 1px solid #fff; cursor:pointer;  }
#location .venue {width: 90px; padding: 4px 0 8px 10px; position: absolute; bottom: 0; left: 0;}
.venue_logo {background-repeat:no-repeat; background-position: center center; display: block; width: 90px; height: 140px;  float: right;}
#location p.locationname { font-size: 1.25em; letter-spacing: -.03em; line-height: .95em; }
#location a:hover { color: #fff; }
#location p { text-shadow:#000 1px 2px 3px;}
#location p.phone { padding-top:0px;}




/* lang menu */
#lang { width:400px; height: 21px; float:right; margin: 0 0 0 200px; text-align: center; position:relative;  }
#lang a { text-transform: uppercase; font-size: 10px; background-image: url(../i/lang_btn.png); color: #eee; text-decoration: none; background-repeat: no-repeat; background-position: -100px 0; line-height: 22px; width: 96px; display: block; position: absolute; right: 50px; }
#lang a:hover { background-position: 0 0; color: #000; }


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

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

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

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

#intro p { color:#fff; padding: 5px 0 0 0; text-shadow: #000 2px 2px 2px; }
#intro p:nth-child(1) { font-size: 1.25em;}

.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; position: absolute; right: 0; }

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

#menu ul li a {  width: 100px; display: block; padding: 0px auto; line-height: 35px; text-transform: uppercase; font-size: 1em; background-image: url(../i/hubcap_2012_btn.png); color: #ffffff; text-decoration: none; text-align:center; background-repeat: no-repeat; background-position: center -1; }

.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/hubcap_2012_btn.png); background-repeat: no-repeat; background-position: center -71px; }

#menu ul li a:hover { background-image:url(../i/hubcap_2012_btn.png); color: #000; background-repeat: no-repeat; background-position:  center -36px; }

.notes { font-size: .85em; padding-top: 30px; font-style: italic; color: #FC0; }

/* 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  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 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 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 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 { position: absolute; right: 0; bottom: 0;}
.buytickets a { display:block; width: 200px; height: 100px; padding:0; background-position: 0 0; background-repeat:no-repeat; text-decoration: none;position:relative; right: 0; bottom:0 ; }

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

.sponsors { text-transform:uppercase; letter-spacing: .15em;}
.red {color:#a00;}
.red strong {color:#e00;}

.condmenu { border: #F90 dotted 1px; padding: 5px 5px 0 5px; margin-bottom: 5px; margin-top: 5px;}
h1	{ font-size: 2em; padding: 0 0 .5em 0; color: #FC0;}
h2	{ font-size: 1.65em; padding: 0.5em 0 .25em 0; color: #FC0;}
h3	{ font-size: 1.5em; padding: 0.5em 0 .25em 0;color: #FC0;}


/* Crown Special */

.crownspecial { margin: 5px 0; padding:12px 12px 6px 12px;border: 1px solid #714d1d; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; -khtml-border-radius: 12px; background-color: #d6973d;background-image:url(../i/Intro_bg_2.png); background-position: bottom center; background-repeat:repeat-x; color:#000;}

.crownspecial p, .crownspecial h4, .crownspecial em {color:#000;}

.crownspecial h4 { text-transform:uppercase; letter-spacing:-.5px; margin-bottom: 5px;}