/* @group General */
body{background:#000 url(../img/pukema.2010.bg.jpg) no-repeat fixed center top;color:#222;font:75%/1.2em Arial, Helvetica, sans-serif;}
/* @end */

/* @group Typo - links */
a{color:#333;border:none;}
a:hover{color:#999;border:none;}
h2{font-size:1.3em;line-height:1.2em;color:#e9c542;text-transform:uppercase;}
h3{font-size:1.1em;line-height:1.1em;color:#e9c542;text-transform:uppercase;}
h4{font-size:1em;line-height:1em;color:#fff;text-transform:uppercase;}
h5{font-size:1em;line-height:1em;color:#e9c542;text-transform:uppercase;}
p.error{color:#fa1800;}
input.error, textarea.error{background:#e68177;color:#fff;}
/* @end */

/* @group Typo - headers */
/* @end */

/* @group Topper */
#topper{position:fixed;width:100%;height:39px;left:0;top:0;background:#111;border-bottom:1px solid #555;}
#topper iframe{width:530px;position:absolute;top:8px;left:50%;margin:0 0 0 -235px;}
/* @end */

/* @group Topnav */
.top_nav{padding:0 16px;margin:0 auto;}
.top_nav li{float:right;font-size:.85em;line-height:.9em;}
.top_nav a{display:block;padding:15px 4px;margin:0 2px;color:#999;text-transform:uppercase;}
.top_nav a:hover{color:#ccc;}
.top_nav .social{float:left;padding:12px 2px;}
.top_nav .social a{padding:0;width:54px;height:15px;background:transparent url(../img/pukema.2010.sprite_social.png) no-repeat 0 0;text-indent:-9999px;}
.top_nav .social a:hover{background-position:-52px 0;}
.top_nav .social_2 a{background-position:0 -15px;}
.top_nav .social_2 a:hover{background-position:-52px -15px;}
.top_nav .social_3 a{background-position:0 -30px;}
.top_nav .social_3 a:hover{background-position:-52px -30px;}
.top_nav li li{float:none;font-size:1em;text-align:right;}
.top_nav li li a{padding:2px 4px;}
.top_nav .hover{position:absolute;background:#333;padding:5px;top:40px;}
#top_nav_item_1 .hover{right:0;}
#top_nav_item_4 .hover{width:250px;margin:0 0 0 -20px;}
/* @end */

/* @group Wrapper */
#wrapper{position:relative;width:960px;margin:40px auto 0 auto;}
/* @end */

/* @group Header */
#header{position:fixed;width:221px;float:left;margin:0 1px 0 0;padding:228px 0 0 17px;}
#logo{display:block;width:230px;height:74px;position:absolute;top:126px;left:18px;background:transparent url(../img/pukema.2010.logo.png) no-repeat 0 0;text-indent:-9999px;}
#new_loc{display:block;width:58px;height:60px;position:absolute;top:84px;left:198px;background:transparent url(../img/pukema.2010.new_loc.png) no-repeat 0 0;text-indent:-9999px;}
#vedett a{display:block;width:123px;height:61px;position:absolute;top:60px;left:80px;background:transparent url(../img/pukema.2010.vedett.png) no-repeat 0 0;text-indent:-9999px;}
/* @end */

/* @group Navigation */
#nav{}
#nav li{margin:0 0 1px 0;}
#nav a{display:block;height:36px;margin:0 0 0 auto;background:transparent url(../img/pukema.2010.bg_nav.png) no-repeat 0 0;text-indent:-9999px;}
#nav ul a{background:transparent none;text-indent:1px;height:auto;text-align:right;padding:4px 10px;color:#ccc;}
#nav_item_0 a{width:80px;}
#nav_item_0 a:hover,#nav_item_0.active a{background-position:-120px 0;}
#nav_item_1 a{width:112px;background-position:0 -37px;}
#nav_item_1 a:hover,#nav_item_1.active a{background-position:-120px -37px;}
#nav_item_2 a{width:80px;background-position:0 -74px;}
#nav_item_2 a:hover,#nav_item_2.active a{background-position:-120px -74px;}
#nav_item_3 a{width:92px;background-position:0 -111px;}
#nav_item_3 a:hover,#nav_item_3.active a{background-position:-120px -111px;}
#nav_item_4 a{width:104px;background-position:0 -148px;}
#nav_item_4 a:hover,#nav_item_4.active a{background-position:-120px -148px;}
#nav_item_5 a{width:70px;background-position:0 -185px;}
#nav_item_5 a:hover,#nav_item_5.active a{background-position:-120px -185px;}
#nav_item_6 a{width:88px;background-position:0 -222px;}
#nav_item_6 a:hover,#nav_item_6.active a{background-position:-120px -222px;}
/* @end */

/* @group Content */
#content{width:530px;float:left;margin:0 0 0 239px;padding:0 0 60px 0;}
/* @end */

/* @group Post */
.post{padding:30px 20px 20px 20px;color:#fff;border-bottom:1px solid #474747;}
.post h2, .page h2{margin:0 0 4px 0;}
.post .date, .page .date{text-transform:uppercase;margin:0 0 2px 0;}
.post p, .page p, .tab p, .body_content p{color:#eee;font-size:1em;line-height:1.4em;margin:0 0 10px 0;text-align:justify;}
.post h2 .read_more{color:#e9c542;}
.post h2 .read_more:hover{color:#eee;}
.post .body .read_more{color:#eee;}
.post .body .read_more:hover{color:#fff;}
.post .thumb, .page .thumb, .tab .thumb{border:1px solid #666;margin:10px 0;}
/* @end */

/* @group Page */
.page{padding:20px;position:relative;}
.page2{padding:0;}
.page2 .section{margin:0;}
.links a{color:#fff;}
.links a:hover{color:#eee;}
.page .date_sub{margin: 0 0 10px 0;}
/* @end */

/* @group Section */
.section{background:transparent url(../img/pukema.2010.bg_section.png) repeat 0 0;}
.section2, .tab{padding:20px;}
.section3{padding:10px 20px;}
.section2 h3{margin:0 0 5px 0;}
/* @end */

/* @group Aside */
#aside{position:fixed;margin:0 0 0 769px;width:150px;padding:264px 0 0 0;float:left;}
/* @end */

/* @group Visual */
#visual_wrapper{position:relative;display:block;width:530px;height:265px;}
#visual_wrapper h2{position:absolute;top:215px;right:25px;padding:0 4px;background:transparent url(../img/pukema.2010.bg_section.png) repeat 0 0;color:#eee;font-size:2em;text-transform:uppercase;}
#visual_wrapper .date{position:absolute;top:200px;right:25px;padding:0 2px;background:transparent url(../img/pukema.2010.bg_section.png) repeat 0 0;color:#eee;font-size:.8em;text-transform:uppercase;}
#visual_wrapper a{color:#eee;}
#visual{display:block;width:530px;height:265px;background:transparent none no-repeat 0 0;text-indent:-9999px;}
/* @end */

/* @group Schedule */
#title_schedule, #schedule{display:none;}
#page_schedule #schedule, #page_artist #schedule{display:block;}
#schedule_header{height:14px;padding:10px 20px;background:transparent url(../img/pukema.2010.bg_schedule.png) repeat-x 0 0;}
#schedule_header h3{color:#e9c542;text-transform:uppercase;font-size:1.16em;line-height:1em;}
#schedule_body{height:132px;padding:10px 20px 0 20px;}
#schedule_title_l, #schedule_body_l{float:left;width:245px;text-align:left;}
#schedule_title_r, #schedule_body_r{float:right;width:245px;text-align:right;}
#schedule_body li, #schedule_body a{color:#fff;}
#schedule_body li{font-size:1em;line-height:1em;margin:0 0 8px 0;}
#schedule_body a{font-size:1.16em;color:#fff;font-weight:bold;}
#schedule_footer{margin:5px 20px 10px 20px;padding:5px 0;border-top:1px dotted #666;}
#schedule_footer li{float:left;}
#schedule_footer .last{float:right;}
#schedule_footer a{font-size:.95em;color:#ccc;font-weight:normal;}
#schedule_body a:hover,#schedule_footer a:hover{color:#fff;}
/* @end */

/* @group Schedule-page */
#schedule h3{margin:0 0 10px 0;}
#schedule h4{margin:0 0 5px 0;}
#schedule li, #schedule a{color:#fff;}
#schedule .schedule_artist_name{font-size:1.1em;}
.schedule_stage li{line-height:1.2em;margin:0 0 2px 0;}
.schedule_day{padding:20px;}
.schedule_stage{width:245px;float:left;}
/* @end */

/* @group Tickets */
.tickets_body{padding:10px 0;}
/* @end */

/* @group Audio */
.artist_audio_footer{margin:0 0 10px 0;color:#fff;}
.itunes{vertical-align:middle;}
/* @end */

/* @group Video */
.video, #artist_video object{margin:0 0 10px 0;}
/* @end */

/* @group Datenav */
#nav_dates li{margin:0 0 1px 0;}
#nav_dates a{display:block;width:61px;height:25px;background:transparent url(../img/pukema.2010.sprite_dates.png) no-repeat 0 0;text-indent:-9999px;}
#nav_dates .active a{width:86px;height:35px;}
#nav_dates #nav_dates_0.active a{background-position:0 -26px;}
#nav_dates #nav_dates_1 a{background-position: -120px 0;}
#nav_dates #nav_dates_1.active a{background-position:-120px -26px;}
#nav_dates #nav_dates_2 a{background-position: -240px 0;}
#nav_dates #nav_dates_2.active a{background-position:-240px -26px;}
.nav_dates_static{margin-top:-26px;}
/* @end */

/* @group Tabnav */
.tab_nav{padding:10px 0 0 0;}
.tab_nav li{float:left;margin:0 2px 0 0;}
.tab_nav a{display:block;padding:4px 8px;font-size:.9em;background:#222;color:#999;}
.tab_nav a:hover{background:#333;}
.tab_nav .active a{background:#111;color:#fff;}
.tab_nav .active a:hover{background:#222;}
/* @end */

/* @group List */
.list{width:100%;}
.list td, .list th{text-align:left;vertical-align:top;padding:5px;}
.list th{color:#fff;text-transform:uppercase;}
.list td{color:#eee;}
.list .odd td{background:transparent url(../img/pukema.2010.bg_section.png) repeat 0 0;}
.list .first td{padding:10px 5px 5px 5px;}
.list .last td{padding:5px 5px 10px 5px;}
.list a{color:#fff;}
.list a:hover{color:#eee;}
.list thead th{border-bottom:1px solid #aaa;}
.list tfoot th{border-top:1px solid #aaa;}
.list tr:hover td, .list tr:hover td a{color:#e9c542;}
/* @end */

/* @group Sponsors */
#sponsors{width:160px;height:114px;position:fixed;bottom:40px;right:0;background:transparent url(../img/pukema.2010.bg_sponsors.png) no-repeat 0 0;}
#sponsors_list{width:528px;margin:0 auto;}
#sponsors_list li{float:left;padding:0 8px;}
#sponsors a,#sponsors_list a{display:block;width:160px;height:114px;background:transparent none no-repeat center center;text-indent:-9999px;}
/* @end */

/* @group Twitter */
#twitter h2{width:70px;height:14px;background:transparent url(../img/pukema.2010.twitter.png) no-repeat 0 0;text-indent:-9999px;}
#twitter .sub a{font-size:.85em;color:#fff;}
#twitter .sub{margin:0 0 8px 0;}
.tweet_list li{color:#ccc;margin:0 0 8px 0;}
.tweet_list a{color:#fff;}
.tweet_list a:hover{color:#ccc;}
.tweet_time a{color:#ffcc00;font-weight:bold;}
.tweet_avatar{display:block;float:left;margin:0 5px 0 0;}
/* @end */

/* @group Newsletter */
#newsletter_form .text{padding:3px;border:1px solid #666;}
/* @end */

/* @group Contact */
#contact label, #contact input{display:block;}
#contact label{color:#fff;text-transform:uppercase;font-size:.95em;}
#contact input, #contact select{width:250px;}
#contact .button{width:auto;}
#contact input, #contact textarea{padding:3px;border:1px solid #666;color:#666;font:1.2em Arial, Helvetica, sans-serif;}
#contact textarea,#contact .full{width:100%;}
#contact p, #contact ul, #contact .p{margin:0 0 8px 0;}
#contact .medium{width:205px;float:left;margin:0 5px 0 0;}
.block{margin:0 0 16px 0;}
#contact .auto{width:80px;margin:4px 5px 0 0;}
#contact .last{margin:0;}
#contact .full_text{width:424px;}
#contact .checkbox{float:none;display:inline;width:auto;}
#contact .checkbox strong{font-weight:bold;}
/* @end */

/* @group Faq */
#faq dt a{font-size:1.1em;line-height:1.1em;color:#e9c542;text-transform:uppercase;}
#faq dt a:hover{color:#eee;}
#faq dt{margin:16px 0 0 0;}
#faq .first{margin:0;}
#faq dd{padding:8px 2px 0 2px;}
#faq dd, #faq dd p{color:#fff;}
/* @end */

/* @group Tablist */
.tab_list{margin:16px 0;}
.tab_list_item{padding:10px;margin:4px 0;background:transparent url(../img/pukema.2010.bg_section.png) repeat 0 0;}
.tab_list h3{font-size:.95em;}
.tab_list h3 a{display:block;background:transparent url(../img/pukema.2010.bg_tablist.png) no-repeat 0 -97px;padding:0 0 0 14px;font-size:1.1em;line-height:1.1em;color:#eee;text-transform:uppercase;}
.tab_list h3 a:hover{background-position:0 3px;}
.tab_list h3 a:hover{color:#e9c542;}

.tab_list h3.active a{background-position:0 -293px;}
.tab_list h3.active a:hover{background-position:0 -193px;}

.tab_list .tab{padding:8px 15px 0 15px;}
.tab_list .tab a{color:#aaa;}
.tab_list .tab a:hover{color:#fff;}
/* @end */

/* @group Lists */
.body_content a{color:#eee;}
.body_content a:hover{color:#fff;}
.body_content ul{margin:0 0 10px 0;padding:0 0 0 10px;}
.body_content li{color:#eee;padding:2px 0 2px 14px;background:transparent url(../img/pukema.2010.bg_list.png) no-repeat 0 5px;}
/* @end */

/* @group Map */
#map{width:100%;height:300px;margin:16px 0;}
/* @end */

/* @group VIP Tickets */
#vip_tickets{display:block;width:91px;height:58px;position:absolute;top:20px;right:20px;background:transparent url(../img/pukema.2010.vip.png) no-repeat 0 0;text-indent:-9999px;}
/* @end */

/* @group Brecht */
#brecht{display:block;width:82px;height:16px;position:fixed;right:0;bottom:20px;background:transparent url(../img/brecht.png) no-repeat 0 0;text-indent:-9999px;}
#brecht:hover{background-position:0 -16px;}
/* @end */


/* @group Z-indexes */
#new_loc_w{z-index:701;}
#new_loc{z-index:702;}
#logo_w{z-index:703;}
#logo{z-index:704;}
#header{z-index:800;}
#content{z-index:820;}
#topper{z-index:999;}
/* @end */

/* @group CSS3 */
.tab_nav a{-moz-border-radius:10px;-webkit-border-radius:10px;}
/* @end */