﻿/* Reset by: http://developer.yahoo.com/yui/reset/ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

* { }
/* commented backslash hack \*/ 
html, body { height: 100%; }
/* end hack */

#outer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -76px; }
/*#outer { min-height: 100%; height: 100%; margin: 0 auto -70px; }*/
* html #outer { height: 100%; } /* ie6 and under*/

body { font: normal normal normal 0.8em/1.9em Lucida Sans Unicode, Arial, Helvetica, sans-serif; background-color: #000; color: #eee; }

/* Normalize form elements. */
input, select, textarea { font: normal normal normal 1em Arial, Helvetica, sans-serif; }
input[type='text'], input[type='password'], select, textarea { border: 1px solid #999; }
input[type='button'], input[type='submit'] { padding: 0.1em 0.6em; cursor: default; }
input.watermark, textarea.watermark { }

.def-width { width: 160px; padding: 0.1em 0.2em; }
.msg-width { width: 280px; }
/* textarea.def-width { width: 200px; } */

div.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; }


/* Header */
#header { width: 100%; height: 298px; position: absolute; top: 0; background-color: #1a0000; }
#topPane { position: relative; margin: 0 auto; width: 860px; }
#logo { position: absolute; right: 0; width: 240px; height: 298px; background: url(../images/header/bg_logo.gif) no-repeat; }
.en #logo { background-image: url(../en/images/header/bg_logo.gif); }
#pageImage { position: absolute; left: 0; margin-left: -50px; width: 670px; height: 298px; background: url(../images/header/default.jpg) no-repeat; }
#misc-buttons { width: 860px; margin: 0 auto; text-align: right; position: relative; }
#langSelect { position: absolute; right: 0; top: -22px; z-index: 10000; }

#social-media { position: absolute; right: 14px; top: 67px; }
#social-media a { top: 60px; margin-left: 5px; }
#social-media img { width: 15px; height: 15px; }

#global-button-wrapper { width: 860px; margin: 0 auto; position: relative; }
#global-button-wrapper div { background: url(../images/misc/buy_bg.png) no-repeat; width: 137px; height: 19px; overflow: hidden; padding: 3px 5px 8px 8px; position: absolute; right: -4px; top: 28px; }
#vacancies { display: none; }
#global-button-wrapper h2 { display: inline; padding-right: 2px; }
#global-button-wrapper span { background-color: #fc0; }
#global-button-wrapper a { display: block; text-align: center; margin-left: -3px; }

/* Content / Colums */
#content { width: 860px; margin: 0 auto; margin-top: 348px; padding: 0 0 74px; clear: both; position: relative; }
#leftCol { float: left; width: 480px; }
#rightCol { float: right; width: 370px; padding: 82px 0 0 0px; }


/* Footer */
#footer { background: #161616 url(../images/footer/bg.png) repeat-x center 1px; height: 74px; border-top: solid 1px #333; font-size: 70%; text-transform: uppercase; color: #666; }
#ft_text { width: 860px; height: 74px; margin: 1px auto 0; text-align: right; background: url(../images/footer/logo.jpg) no-repeat left top; vertical-align: bottom; }
#ft_content { padding-top: 23px; }
#footer address { display: inline; }
#footer address span { margin-right: 16px; }
#footer a, #footer a:visited { color: #666; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #ccc; }
#push_footer { height: 30px; }

p { margin-bottom: 1em; }

/* links */
a, a:visited { color: #fc0; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

a.external { /*background: url(../images/misc/external.png) no-repeat right center; padding-right: 15px; */ }

/* headings */
h1 { font-family: 'Myriad Std Tilt', 'Myriad Pro Cond', Tahoma; margin-top: 1.5em; font-size: 28pt; color: #AE7913; padding-bottom: 0.5em; margin-bottom: 0.16em; background: url(../images/headings/h1.png) no-repeat left 100%; text-transform: uppercase; position: relative; }
h2 { font-family: 'Myriad Std Tilt', 'Myriad Pro Cond', Tahoma; margin: 1.4em 0 0.1em; font-size: 17pt; color: #900; text-transform: uppercase; position: relative; }

h1 span, h2 span { display: block; position: absolute; top: -2px; left: -6px; height: 1em; padding-top: 2px; background-color: #000; background-repeat: no-repeat; background-position: left top; width: 860px; }
h2 span { width: 460px; }
h3 { font-weight: bold; margin-top: 1em; }
h1 + h2 { margin-top: 0.4em; }

.collapse { margin-top: 0; }

/* quotes */
blockquote { margin-left: 2em; font-style: italic; margin-bottom: 1em; }
blockquote em { font-style: normal; font-weight: bolder; margin-left: -2em; display: block; }
em { font-style: italic; }

/* basic list styles */
ul { list-style-type: disc; }
li { margin-left: 2.4em; }

ul + p { margin-top: 1em; }

strong, caption { font-weight: bold; }

sup { font-size: 1.2em; vertical-align: baseline; }
sup a, sup a:active, sup a:visited, sup a:hover { color: #eee; }
cite { font-size: 0.85em; line-height: 1.5em; }

.error-panel { padding: 1em; border: solid 1px #c00; padding-top: 0; background-color: #240000; }
 
#call-to-action { text-align: right; margin-top: 50px; }
#call-to-action a { margin-bottom: 16px; display: block; }



#slideshow { float: right; width: 350px; background: url(../images/misc/slideshow_bg.gif) no-repeat center center; position: relative; overflow: hidden; }
#slideshow .ssAutoSize { visibility: hidden; }
#slideshow .slideImages, #slideshow .slideMask { position: absolute; top: 0; left: 0; }
#slideshow .slideImages { white-space: nowrap; }
#slideshow img { padding: 1px; }
#slideshow .slideMask { width: 350px; background: url(../images/misc/slideshow_bg.gif) no-repeat center center; }
#slideshow.hideBorder, #slideshow .hideBorder { background-image: none; }

/*#slideshow img, #slideshow div.slideMask { position: absolute; top: 1px; left: 1px; width: 348px; height: 223px; }*/
/*#slideshow img.ani, #slideshow div.slideMask { left: 350px; }*/
/**/

.attribution { font-size: 0.8em; color: #666; margin-top: 2em; }
.attribution a { color: #999; }


#route { text-align: right; }
#route a { margin-left: 6px; }

/* Video */
.videoPage #rightCol { width: 284px; padding-top: 105px; }
.videoPlayer embed { margin-bottom: 1em; }

#video-thumb-list { height: 430px; overflow: scroll; overflow-x: hidden; padding: 6px; border: 0px solid #333; }
.video-thumb { border: 0px solid #650; width: 122px; height: 76px; text-align: center; margin-bottom: 6px; position: relative; clear: left; float: left; }
.video-thumb .video-link { display: block; border: 1px solid #000; height: 74px; overflow: hidden; }
.video-thumb img { margin-top: -8px; }
.video-thumb a { text-decoration: none; }
.video-thumb .duration { display: block; position: absolute; bottom: 2px; right: 3px; color: #ccc; font-size: 0.8em; font-weight: bold; background-color: #000; line-height: 1.25em; padding: 0 2px 2px; }
.video-details { float: left; width: 120px; line-height: 1.4em; font-size: 0.9em; padding-left: 6px; }
.video-description { display: none; }
.video-stats { font-size: 0.9em; color: #ccc; }

/* Photo */
.photoPage #leftCol { width: 540px; }
.photoPage #rightCol { width: 300px; }
.photoPage #rightCol .all-photos { width: 860px; margin-left: -560px; margin-top: -80px; }
#photo-thumb-list { height: 430px; overflow: scroll; overflow-x: hidden; padding: 6px; border: 0px solid #333; }
.photoPage #rightCol .all-photos #photo-thumb-list { height: auto; overflow: auto; overflow-x: auto; }
#photo-thumb-list img { margin: 3px; }
.current-photo-date { font-size: 0.9em; color: #ccc; }
.photoPage .attribution { margin-left: 1em; }

/* Pricing */
#pricing { clear: both; text-align: justify; width: 290px; float: right; margin-top: 1em; }
#pricing table { width: 280px; margin-bottom: 0.5em; }
#pricing h2 { margin-top: 0.6em; }
#pricing .right-align { width: 5em; text-align: right; }
#pricing #kids_ticket { margin-bottom: 2em; }

/* Partners */
.partner-list img { margin-right: 16px; margin-bottom: 16px; width: 200px; height: 150px; }


/* Homepage */
.homePage #content { margin-top: 70px; margin-top: 720px; padding-top: 0; }
.homePage #rightCol, .homePage #leftCol { width: 420px; height: 660px; padding-top: 0px; overflow: hidden; vertical-align: bottom;}
.homePage #rightCol { padding-top: 5px; }
.homePage h1 { margin-top: 0; }
.homePage #header { height: 563px; }
.homePage #logo { left: 0; background-image: url(../images/home/frame_edge.gif); width: 950px; height: 683px; margin-left: -43px; top: 1px; z-index: 100; }
.homePage #pageImage { width: 950px; height: 683px; margin-left: -43px; top: 1px; background-image: url(../images/home/frame.jpg); }
.homePage.en #pageImage { background-image: url(../en/images/home/frame.jpg); }
.homePage #mainMenu { top: 564px; }
.homePage #buy-tickets, .homePage #vacancies { top: -62px; background-image: url(../images/home/buy_bg.png); z-index: 200; display: block; }
.homePage #vacancies { width: 104px !important; right: 150px; background-image: url(../images/home/vacancies_bg.png); display: block; }

.homePage #global-button-wrapper span { background-position: left 2px; }
.homePage #leftCol h1 span { width: 420px; }

.homePage #banner { position: absolute; left: 227px; width: 410px; height: 30px; top: 271px;  overflow: hidden; z-index: 200; }
.homePage #npl { position: absolute; left: 7px; top: 46px; z-index: 200; }
.homePage #last-minute { position: absolute; left: 308px; top: 415px; z-index: 200; }

.homePage #social-media { top: 95px; right: 0; }

a.home-cta { margin-top: 12px; background-color: #1a0000; background-repeat: no-repeat; width: 418px; height: 98px; border: solid 1px #300; color: #900; line-height: 1.35em; overflow: hidden; display: block; text-decoration: none; cursor: pointer; }
a.home-cta div { margin: 0 8px 0 200px; }
a.home-cta h2 { margin-top: 8px; }
a.home-cta h2 span { width: 200px; }
a.home-cta p { font-size: 0.95em; }


.contactForm { margin-top: 1em; }
.contactForm td { vertical-align: top; padding: 0 1.5em 0.4em 0; line-height: 1.6em; white-space: nowrap; }

/* CastPage */
.castPage #cast-list { text-align: right; margin-top: 1em; }
.castPage #cast-list img { margin: 3px 0; }


/* Media / Pers */
.image-download { text-align: center; font-weight: lighter; float: left; font-size: 0.9em; line-height: 1.5em; margin-right: 10px; margin-bottom: 2em; }
.image-download img { width: 230px; height: 150px; }
.image-download span { display: block; }

ul#salon-ranks li { margin-left: 0; padding-left: 28px; list-style-type: none; background-repeat: no-repeat; background-position: left center; }
ul#salon-ranks .red { background-image: url(../images/fontimg-pricing.ashx?text=%20&color=c00); }
ul#salon-ranks .yellow { background-image: url(../images/fontimg-pricing.ashx?text=%20&color=fc0); }
ul#salon-ranks .blue { background-image: url(../images/fontimg-pricing.ashx?text=%20&color=06f); }
ul#salon-ranks .purple { background-image: url(../images/fontimg-pricing.ashx?text=%20&color=90c); }

.fullWidthPage #leftCol, .flexOrderPage #leftCol, .googleBloggerPage #leftCol, .orderConfirmPage #leftCol  { width: 860px; }
.fullWidthPage #rightCol, .flexOrderPage #rightCol, .googleBloggerPage #rightCol, .orderConfirmPage #rightCol { display: none; }


.blog-post-footer { font-size: 0.8em; color: #aaa; margin-top: 0em; }

#facebook-like { height: 24px; margin-top: 30px; }