/* GENERAL TAGS FORMATTING */ h1, h2, .h3, h3, h4{ margin-top:0px; margin-bottom:0px; } * {margin:0;padding:0;} object { outline:none; } body, p{ font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; padding:0;margin:0; } p {font-size:0.6875em; color:#4F4E51;} body, html{margin:0px; padding:0px; height:100%; } body > #wrapper {height:auto; } a {text-decoration:none; color:#4F4E51;} a:hover {text-decoration:underline;} img {border:0;} #wrapper {width:980px; margin:0 auto; position:relative;} /* HEADER */ #header {background: url(/images/bg_header.jpg) left top no-repeat; width:980px; height:203px; position:relative; z-index:998;} #header #top_menu {float:right;} #header #top_menu ul {list-style:none;} #header #top_menu ul li {float:left;} #header #top_menu ul li a {display:block; padding:4px; background-color:#F1F1F1; border-right:1px solid white; color:#000; font-size:0.6875em;} /* HOMEPAGE CONTENT */ #home_content {margin-bottom:14px; } #home_content #content_left {width:780px; float:left; background: url(/images/bg.jpg) no-repeat left 225px;} #home_content #content_left #content_header {width:780px; height:225px; margin-bottom:25px; background:url(/images/bg_program.jpg) no-repeat left top;} #home_content #content_left #content_header #artist_list {width:170px; height:215px; margin-left:51px; background-color:#000; float:left; padding-top:10px;} #home_content #content_left #content_header #artist_list ul {list-style:none;} #home_content #content_left #content_header #artist_list li a {font-size:0.8375em; font-weight:bold; color:#E80028; padding:10px 0 10px 35px; display:block;} #home_content #content_left #content_header #artist_list li a:hover {color:#FFF; text-decoration:none;} #home_content #content_left #content_header #artist_list li a.active {color:#FFF;} #home_content #content_left #content_header #artist_list li a.arrow1 {background:url(/images/arrow1.jpg) no-repeat left center; font-family:Arial, Helvetica, sans-serif;} #home_content #content_left #content_header #artist_list li a.arrow2 {background:url(/images/arrow2.jpg) no-repeat left center; font-family:Arial, Helvetica, sans-serif;} #home_content #content_left #content_header #artist_list li a.arrow3 {background:url(/images/arrow3.jpg) no-repeat left center; font-family:Arial, Helvetica, sans-serif;} #home_content #content_left #content_header #artist_list li a.arrow1:hover {background:url(/images/arrow1_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #artist_list li a.arrow2:hover {background:url(/images/arrow2_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #artist_list li a.arrow3:hover {background:url(/images/arrow3_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #artist_list li a.arrow1.active {background:url(/images/arrow1_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #artist_list li a.arrow2.active {background:url(/images/arrow2_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #artist_list li a.arrow3.active {background:url(/images/arrow3_hover.jpg) no-repeat left center;} #home_content #content_left #content_header #list_bg {height:225px; width:17px; background: url(/images/bg_header_program.png) no-repeat left top; float:left; position:relative; z-index:2;} #home_content #content_left #content_header .artist_picture {width:559px; height:225px; margin-left:-17px; float:left; position:relative; z-index:1;} #home_content #content_left #content_header .artist_picture .artist_info {width:534px; height:55px; background:url(/images/artistinfo_bg.png) repeat left top; color:#FFF; padding:0 0 0 25px; position:absolute; left:0; bottom:0;} #home_content #content_left #content_header .artist_picture .artist_info h3 {} #home_content #content_left #content_header .artist_picture .artist_info p {color:#FFF;} #home_content #content_left #content_header .artist_picture .artist_info .readmore {left:auto !important; top:auto !important; text-indent:0 !important; width:92px; height:17px; display:block; position:absolute; right:6px; bottom:6px; color:#FFF; font-size:0.625em; padding:4px 0 0 5px; text-transform:uppercase; background:url(/images/artist_readmore.jpg) no-repeat left top;} #home_content #content_left #col_left {float:left; width:475px;} #home_content #content_left #col_left #newsheader {width:475px; height:49px; background: url(/images/bg_newsheader.jpg) no-repeat left top; position:relative; border-top:1px solid white; border-bottom:1px solid white;} #home_content #content_left #col_left #newsheader h1 {text-indent:-9999px;} #home_content #content_left #col_left #newsheader a {position:absolute; font-size:0.75em; color:#000; top:20px; right:20px;} #home_content #content_left #col_left #accordion {background:url(/images/news_background.png) no-repeat left bottom; padding-bottom:40px;} #home_content #content_left #col_left #accordion .readmore {text-indent:-9999px; width:77px; height:15px; display:block; background:url(/images/readmore.jpg) no-repeat left top;} #home_content #content_left #col_left #social {width:452px; height:98px; background:url(/images/bg_social.png) no-repeat left top; padding:42px 0 0 22px} #home_content #content_left #col_left #social .block {float:left; margin-right:50px;} #home_content #content_left #col_left #social .block a {display:block; color:#FFF; font-size:0.75em; margin-bottom:7px; line-height:23px;} #home_content #content_left #col_left #social .block #twitter {padding-left:25px; background:url(/images/twitter.jpg) no-repeat left center;} #home_content #content_left #col_left #social .block #facebook {padding-left:25px; background:url(/images/facebook.jpg) no-repeat left center;} #home_content #content_left #col_left #social .block #myspace {padding-left:25px; background:url(/images/myspace.jpg) no-repeat left center;} #home_content #content_left #col_left #social .block #flickr {padding-left:25px; background:url(/images/flickr.jpg) no-repeat left center;} #home_content #content_left #col_left #social .block #hyves {padding-left:25px; background:url(/images/hyves.jpg) no-repeat left center;} #home_content #content_left #col_left #social .block #youtube {padding-left:25px; background:url(/images/youtube.jpg) no-repeat left center;} #home_content #content_left #col_left #newsletter {width:475px; height:70px; padding:50px 0 0 22px; background:url(/images/bg_newsletter.png) no-repeat left top;} #home_content #content_left #col_left #newsletter .submit { color:#FFF; border:0; background-color:#E2001A;} #home_content #content_left #col_right {margin-left:15px; float:left;} #home_content #content_left #col_right #photos {width:280px; height:206px; padding:45px 0 0 10px; position:relative; background:url(/images/bg_fotos.png) no-repeat left top;} #home_content #content_left #col_right #videos {width:280px; height:202px; position:relative; background:url(/images/bg_videos.png) no-repeat left top; margin-top:15px; padding:40px 0 0 10px;} #home_content #content_left #col_right .videolink {color:#FFF; font-size:0.6875em; position:absolute; bottom:4px; right:25px;} #home_content #content_left #col_right .fotolink {color:#FFF; font-size:0.6875em; position:absolute; bottom:7px; right:25px;} #home_content #content_left #col_right #history_warpper {margin-top:15px;} #home_content #content_right {width:200px; float:left;} #home_content #content_right #twitter {position:relative; margin-top:-17px; z-index:10;} #home_content #content_right #twitter #twitter_header {} #home_content #content_right #twitter #twitter_update_list {font-size:0.6875em; width:180px; margin:-20px 0 0 10px; list-style:none; position:relative; z-index:2;} #home_content #content_right #twitter #twitter_update_list li {margin-bottom:10px; padding-bottom:10px; border-bottom:3px solid #E4E4E5;} #home_content #content_right #twitter #twitter_update_list li a {color:#E2001A;} #home_content #content_right #twitter #twitter_bottom {margin-top:-50px; z-index:1;} #home_content #content_right #sponsors {background:url(/images/sponsors_bg.png) no-repeat left bottom; margin:-20px 0 0 7px; padding-bottom:26px; z-index:15; position:relative;} #home_content #content_right #sponsors h1 {text-indent:-9999px;} #home_content #content_right #sponsors h1.sponsors {width:185px; height:26px; background:url(/images/sponsors_header.png) no-repeat left top;} #home_content #content_right #sponsors h1.partners {width:185px; height:26px; background:url(/images/partners_bg.png) no-repeat left top;} #sponsor_image {width:160px; height:100px; padding:10px 0 0 25px;} #partner_image {width:165px; padding:0 0 10px 11px; text-align:center;} #partner_image a {display:block; margin-top:10px;} #partner_image p {margin-top:10px;} #partner_image p a {display:inline;} #advert {width:185px; height:120px; margin:20px 0 20px 8px;} #veronica {margin:20px 0 0 7px;} /* CONTENPAGES CONTENT */ #content {margin-bottom:14px; } #content #content_left {width:780px; float:left; background: url(/images/bg.jpg) no-repeat left top;} #content #content_left .fotoheader {width:780px; height:36px; background:url(/images/bg_contentheader.jpg) repeat-x left top; color:#FFF; font-size:1.6875em; padding:4px 0 0 10px;} #content #content_left #gallery {padding:40px 0 0 15px;} #content #content_left #content_header {width:780px; height:225px; margin-bottom:25px; background:url(/images/bg_program.jpg) no-repeat left top;} #content #content_left #col_left {float:left; width:170px;} #content #content_left #col_left #submenu {padding-bottom:98px; background:url(/images/bg_submenu.png) no-repeat left bottom;} #content #content_left #col_right {width:595px; margin:14px 0 0 15px; float:left; background:url(/images/bg_content.jpg) repeat left top;} #content #content_left #col_right h1 {width:584px; background:url(/images/bg_contentheader.jpg) repeat left top; color:#FFF; font-size:1.6875em; padding:8px 0 6px 10px;} #content #content_left #col_right h3 {color:#E10019; font-size:1.0625em; margin:10px 0 5px 0; font-family:Arial, Helvetica, sans-serif;} #content #content_left #col_right #innercontent {padding:20px 10px; position:relative;} .sponsoricon a {display:block; height:80px; width:120px;} .PropSlideShow {display:block;} .sponsor_slide {display:block; height:84px; width:128px; background-position:center center; background-repeat:no-repeat;} #content #content_left #col_right #innercontent p {margin:0 0 10px 0;} #content #content_right {width:200px; float:left;} #content #content_right #twitter {position:relative; margin-top:-14px; z-index:10;} #content #content_right #twitter #twitter_header {} #content #content_right #twitter #twitter_update_list {font-size:0.6875em; width:180px; margin:-20px 0 0 10px; list-style:none; position:relative; z-index:2;} #content #content_right #twitter #twitter_update_list li {margin-bottom:10px; padding-bottom:10px; border-bottom:3px solid #E4E4E5;} #content #content_right #twitter #twitter_update_list li a {color:#E2001A;} #content #content_right #twitter #twitter_bottom {margin-top:-50px; z-index:1;} #content #content_right #sponsors {background:url(/images/sponsors_bg.png) no-repeat left bottom; margin:-20px 0 0 7px; padding-bottom:26px; z-index:15; position:relative;} #content #content_right #sponsors h1 {text-indent:-9999px;} #content #content_right #sponsors h1.sponsors {width:185px; height:26px; background:url(/images/sponsors_header.png) no-repeat left top;} #content #content_right #sponsors h1.partners {width:185px; height:26px; background:url(/images/partners_bg.png) no-repeat left top;} #content_right #sponsors h1.presented {width:185px; height:26px; background:url(/images/presented_bg.png) no-repeat left top;} /* PROGRAM CONTENT */ #content #content_left #program {margin-top:10px; background:url(/images/bg_content.jpg) repeat left top; position:relative;} #content #content_left #program h1 {height:39px; background:url(/images/bg_contentheader.jpg) repeat-x left top; color:#FFF; font-size:1.6875em; padding:2px 0 0 20px;} #content #content_left #program h3 {color:#FFF; font-size:1.25em; padding:10px;} #content #content_left #program #programwrapper {width:580px; margin:10px 0 55px 10px; background-color:#4F4E51;} #content #content_left #program #programwrapper #staedion {float:left; width:33%; border-right:1px solid white; } #content #content_left #program #programwrapper #jupiler {float:left; width:33%; border-right:1px solid white; } #content #content_left #program #programwrapper #xstage {float:left; width:33.5%; } #content #content_left #program #programwrapper ul {list-style:none; margin:0;} #content #content_left #program #programwrapper ul li {} #content #content_left #program #programwrapper ul li a {padding:10px; color:#FFF; display:block;} #content #content_left #program #programwrapper ul li a.mouseover, #content #content_left #program #programwrapper ul li a:hover {background-color:#E2001A; text-decoration:none;} #content #content_left #program #programwrapper ul li a span.time {font-size:0.75em; display:block;} #content #content_left #program #programwrapper ul li a span.artist {font-size:1.3125em; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;} #content #content_left #program #programwrapper ul li.odd {background-color:#323134;} #content #content_left #program #program_pics {width:365px; background-color:#FFF; position:absolute; top:50px; right:-200px; padding:10px 0 10px 10px;} #content #content_left #program #program_pics #pics_wrapper {width:355px; height:100%; background-color:#F1F1F1; padding:10px 0 10px 10px;} #content #content_left #program #program_pics #pics_wrapper ul {list-style:none; width:75px; margin-right:10px; float:left; background: url(/images/pics_bg.jpg) repeat-y right top;} #content #content_left #program #program_pics #pics_wrapper ul li {margin-bottom:10px;} #content #content_left #program #program_pics #pics_wrapper ul li a {width:50px; height:50px; display:block;} /* PROGRAM ARTIST DETAILS */ .program_artist_info {width:327px; position:absolute; top:200px; left:100px; z-index:999;} #detail_footer {width:327px; height:108px; background:url(/images/artist_details_bg.png) no-repeat left bottom; margin-top:-55px; position:relative; z-index:1; } #outer_content {width:308px; background-color:#FFF; padding:10px 0 0 11px; z-index:2; position:relative;} #inner_content {width:271px; background-color:#F1F1F1; padding:13px; z-index:1; position:relative;} .artist_picture {width:272px;; height:174px;} #inner_content .artist_info a.readmore, .readmore {width:162px; height:50px; display:block; background:url(/images/artist_readmore.png) no-repeat left top; position:absolute; top:72px; left:21px; text-indent:-9999px;} #controls {padding:5px; background-color:#FFF; width:26px; position:absolute; top:10px; left:-25px; z-index:3;} #controls .movehandle {width:26px; height:26px; background:url(/images/movebutton.jpg) no-repeat center center; cursor:move; margin-bottom:5px;} #controls .closelink {width:26px; height:26px; background:url(/images/closebutton.jpg) no-repeat center center; display:block; padding-top:5px; border-top:1px solid #C7C7C7;} .program_artist_info h3 {margin-bottom:10px;} .program_artist_info p {color:#000; font-weight:bolder; margin:8px 0;} /* CONTENTPAGE SUBMENU */ #submenu h1 {font-size:0.9375em; font-family:Arial, Helvetica, sans-serif; color:#FFF; width:150px; background-color:#000; text-transform:uppercase; padding:20px 10px;} #submenu ul {font-size:0.75em; background-color:#F1F1F1; list-style:none;} #submenu ul li a {padding:5px 10px; display:block; color:#000;} #submenu ul li a.active {color:#FFF; background:#E2001A url(/images/submenu_active.jpg) no-repeat left top;} #submenu ul li a:hover {color:#FFF; background-color:#E2001A;} #submenu ul ul {font-size:100%; color:#000; background-color:#E4E4E4; } #submenu ul ul li a {padding-left:20px; border-top:1px solid white;} /* FOOTER */ #footer {width:780px; height:83px; background:#FFF; float:left; padding-top:25px; margin-top:50px; } #footer p {font-size:0.6875em; margin-top:10px;} /* FOOTER MENU */ #footer_menu ul {list-style:none;} #footer_menu ul li {display: block; float: left; } #footer_menu ul li a { display: block; font-size:0.6875em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-transform:uppercase; padding:7px 5px; background-color:#E2001A; border-right:1px solid white;} /* Menu */ #main_menu {position:absolute; left:0; top:169px; background-color:#E2001A; width:100%; border-top:1px solid white; border-bottom:1px solid white;} #main_menu #chick {width:40px; height:16px; background:url(/images/chick.png) no-repeat left top; position:absolute; top:17px; right:32px;} #main_menu ul { list-style:none; z-index: 999;} #main_menu ul li { position: relative; display: block; float: left;} #main_menu ul li.first { background:none; } #main_menu ul li.selected { } #main_menu ul li:hover a { color:#FFF; } #main_menu ul li a { padding:10px 7px 6px; color:#FFF; font-size:1em; font-weight:bold; line-height: 2em; text-decoration: none !important; display:block;border-left:1px solid #B10000; border-right:1px solid #FF0000;} #main_menu ul li a.active {background-color:#000;} #main_menu .selected a { text-decoration: underline;} #main_menu ul li:hover {background-color:#000;} #main_menu ul li a:hover {background-color:#000;} #main_menu .selected a:hover { color:#fff; } /* submenu's */ #main_menu .selected ul a{ color:#51227F; } #main_menu .selected ul a:hover { color:#000;background: #FFF; } #main_menu ul ul .selected a { color: #000 !important;background-color: #FFF; } #main_menu ul ul{ position: absolute;list-style: none;z-index: 999; background-color:#FFF;} #main_menu li ul{ font-size: 100%; margin: 0; position:absolute; display: none; } #main_menu ul li li { width:100%; background: transparent; padding: 0px; } #main_menu ul li li a { background:none; padding: 2px 10px; color: #000; display:block; white-space:nowrap; font-weight:normal; font-size:0.75em; border:0; } #main_menu ul li li a span {background:none; padding:0; } #main_menu ul li:hover ul li a {background:none; color: #000;} #main_menu ul li:hover ul li a span {background:none;} #main_menu ul li ul li a:hover { color:#FFF; background:#E2001A;} #main_menu ul li ul li a:hover span {background:none;} #main_menu li:hover ul { top:32px; left: 0px; display: block; } label {font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* YOUTUBE */ .playerInnerBox_gsvb .player_gsvb { width : 480px; height : 380px; } /* SCROLLBAR STYLING */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/images/scrollbar_bg.jpg) repeat-y center top; } .jScrollPaneDrag { position: absolute; background: url(/images/scrollbar_button.jpg) no-repeat center center; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(/images/scrollbar_up.jpg) no-repeat left top; height: 30px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(/images/scrollbar_down.jpg) no-repeat left top; height: 30px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* clearfix */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hide from IE Mac \*/ .clearfix{ display:block; } /*videos*/ .videothumbs .row { height:120px; } .videothumbs .video { float:left; width:135px; margin-right:20px; height:130px; overflow:hidden; } .videothumbs .video.nomargin{ margin-right:0; } .videothumbs .video a.thumb { background-position:center; background-repeat:no-repeat; height:73px; display:block; width:131px; } .videothumbs .video a.thumb span { width:100%; height:100%; background:url(/images/play_icon.gif) no-repeat center; display:block; } .videothumbs .video a.thumb:hover span { background:url(/images/play_icon_hover.gif) no-repeat center; } .videothumbs .video a.title { font-size:0.6875em; color:#E10019; text-decoration:none; } .videothumbs .video a.title:hover { text-decoration:underline; } .videothumbs .video p { } .videoplayer { padding-top:10px; padding-left:50px; width:440px; } #videocontentwrapper { overflow:hidden; padding:10px 0; } #tilewrapper{ overflow:hidden; height:280px; position:relative; } #tileslider { width:10000px; height:280px; position:absolute; } #tileslider .tile { float:left; padding-left:50px; height:280px; width:490px; } .videothumbs .pagination { position:relative; height:30px; background:#000; margin-left:50px; width:440px; } .videothumbs .pagination #paginationleft { position:absolute; width:23px; height:30px; display:block; right:24px; top:0; background:url(/images/trans_arrow_left.gif) no-repeat center; border-left:1px solid white; } .videothumbs .pagination #paginationright { position:absolute; width:23px; height:30px; display:block; right:0px; top:0; background:url(/images/trans_arrow_right.gif) no-repeat center; border-left:1px solid white; } .videothumbs .pagination a#paginationright:hover { background:#aa3333 url(/images/trans_arrow_right_hover.gif) no-repeat center } .videothumbs .pagination a#paginationleft:hover { background:#aa3333 url(/images/trans_arrow_left_hover.gif) no-repeat center } .col_a{} #flashplayer{}