/* @group General */ body {color:#fff;background:#000 url(/img/puk.bg.jpg) repeat fixed center top;font:75%/1.2em 'Lato', Arial, Helvetica, sans-serif;} .hide {display:none;} /* @end */ /* @group Typo */ a, a:hover {color:#ffcc29;border:none;} h1, h2 {color:#ffcc29;font-size:2.4em;line-height:1.2em;font-style:italic;text-transform:uppercase;font-weight:700;} h3 {color:#ffcc29;font-size:2em;line-height:1.2em;font-style:italic;text-transform:uppercase;font-weight:700;} h4 {font-size:1.6em;line-height:1.2em;font-weight:normal;} h5 {font-size:1.2em;line-height:1.2em;font-weight:normal;} h6 {font-size:1em;line-height:1.2em;font-weight:normal;} p,li {font-size:1.16em;line-height:1.4em;margin:0 0 22px 0;} /* @end */ /* @group Forms */ form.puk_form, #viporder, .puk_form .cols {display:block;} .puk_form .cols {padding:0 0 12px 0;margin:0 0 12px 0;border-bottom:1px dotted #4b4b4b;} .puk_form .col {float:left;width:432px;} .puk_form .cols input, .puk_form .cols textarea {border:1px solid #4b4b4b;} .puk_form .col_3 {width:288px;} .puk_form .col_3 label {font-size:1em;} .puk_form p, .puk_form li {display:block;padding:12px 0;margin:0;} .puk_form label {display:block;padding:0 0 4px 0;font-size:.75em;line-height:1em;text-transform:uppercase;} .puk_form input, .puk_form textarea {width:400px;padding:3px;font:1em/1em Arial, Helvetica, sans-serif;} .puk_form .h {width:190px;margin:0 4px 0 0;} .puk_form .h_1 {margin:0 9px 0 0;} .puk_form .h_2 {margin:0;} .puk_form .checkbox {width:auto;} .puk_form .s {width:36px;margin:0 6px 0 0;text-align:center;} .puk_form .il {display:inline;} .puk_form .button {width:auto;} .puk_form label.error {display:none;} .puk_form input.error, .puk_form textarea.error {border-bottom:2px solid #ff2222;} .puk_form .loader {display:block;width:16px;height:16px;background:transparent url(/img/puk.loader.gif) no-repeat 0 0;text-indent:-9999px;} .puk_form .actions {display:block;} .puk_form .actions .button, .puk_form .actions .loader {float:left;margin:0 6px 0 0;} .puk_form .action .loader {margin:2px 6px 0 0;} .puk_form textarea {width:426px;height:82px;} .puk_form .star {color:#ffcc29;} .puk_form .long {width:856px;height:96px;} .puk_form .checkbox, .puk_form .il {width:auto;display:inline;} /* @end */ /* @group Wrapper */ #wrapper {width:936px;padding:0 12px 72px 0;margin:0 auto;} /* @end */ /* @group Header */ #header {display:block;padding:96px 0 48px 0;} #logo {display:block;float:left;width:560px;height:160px;margin:0 0 0 -12px;background:transparent url(/img/puk.logo.png) no-repeat 0 0;text-indent:-9999px;} /* @end */ /* @group Navigation */ #navigation {width:384px;padding:68px 0 0 0;float:right;} #navigation li {float:left;margin:0 0 4px 6px;font-size:1em;line-height:1em;} #navigation .nav_item_0, #navigation .nav_item_4 {margin:0 0 4px 0;} #navigation .nav_item_5, #navigation .nav_item_6, #navigation .nav_item_7 {margin:0 0 4px 2px;} #navigation a {display:block;padding:8px 12px;background:#222;color:#fff;font-size:1.333em;font-style:italic;text-transform:uppercase;font-weight:700;border:1px solid #353535;} #navigation a:hover {background:#181818;} #navigation .active a {background:#090909;} /* @end */ /* @group Topper */ #topper {display:block;position:absolute;top:0;left:0;width:100%;height:39px;background:#090909 url(/img/puk.arrow.png) no-repeat center bottom;border-bottom:1px solid #353535;} #topper .inner {position:relative;width:936px;margin:0 auto;} #topper ul {display:block;position:absolute;top:0;right:0;} #topper li {float:right;margin:0 6px 0 0;padding:8px 0;} #topper a {color:#999;font-size:.75em;text-transform:uppercase;} #topper a:hover {color:#ccc;} #topper .social {padding:11px 0 0 0;} #topper .social a {display:block;width:54px;height:15px;background:transparent url(/img/puk.social.png) no-repeat 0 0;text-indent:-9999px;} #topper .social a:hover {background-position:-52px 0;} #topper .social_2 a {background-position:0 -15px;} #topper .social_2 a:hover {background-position:-52px -15px;} #topper .hover {position:absolute;width:250px;height:30px;background:#333;padding:5px;top:40px;text-align:center;} #fb_like {width:600px;position:absolute;top:7px;left:68px;} #plus_one {position:absolute;top:9px;left:0;} /* @end */ /* @group Carousel */ #carousel, #carousel nav, #carousel nav ul {display:block;} #carousel {} #carousel nav {position:relative;} #carousel nav li {float:left;margin:0 1px 0 0;} #carousel nav a {display:block;padding:8px 12px 20px 12px;background:#222;color:#fff;font-size:1.25em;font-style:italic;text-transform:uppercase;font-weight:700;} #carousel nav .active a {background:#ffcc29;color:#222;} #carousel_slides footer {display:none;} #carousel_slides {width:936px;height:346px;position:relative;margin:-12px 0 0 0;background:#000;} #carousel_slides .thumb {display:block;position:absolute;top:0;left:0;width:936px;height:346px;background:transparent url(/img/puk.carousel.jpg) no-repeat 0 0;} #carousel_slides .thumb_b {background:transparent none;} #carousel_slides .thumb_active {background:#ffcc29;} #carousel_slides .thumb .date, #carousel_slides .thumb .artist {display:inline-block;position:absolute;bottom:24px;right:24px;padding:2px 4px;color:#fff;background:#181818;font-style:italic;font-weight:700;text-transform:uppercase;} #carousel_slides .thumb .date {bottom:65px;font-size:1.167em;line-height:1em;color:#ffcc29;} #carousel_slides .thumb .artist {font-size:3em;line-height:1em;} #carousel .title {display:none;} #carousel .lineup {display:block;position:relative;margin:-12px 0 0 0;padding:24px;background:#ffcc29 url(/img/puk.bg.carousel.jpg) repeat-x left bottom;} #carousel h3 {color:#222;margin:0 0 12px 0;} #carousel .col {float:left;width:420px;} #carousel .col_1 {padding:0 23px 0 0;border-right:1px dotted #222;} #carousel .col_2 {padding:0 0 0 24px;} #carousel .lineup li {display:block;margin:6px 0;color:#222;font-size:1.333em;line-height:1em;font-style:italic;font-weight:700;} #carousel .lineup .timeslot {display:block;float:left;width:108px;font-weight:normal;} #carousel .lineup .artist {display:block;float:left;} #carousel .lineup a {color:#222;border:1px dotted #ffcc29;} #carousel .lineup a:hover {border-bottom:1px dotted #222;} /* @end */ /* @group Content */ #content {display:block;padding:48px 12px;} #content.no_p {padding:0 12px;} #content.no_p_h {padding:36px 0;} #content.no_p_b {padding:48px 12px 0 12px;} #vm_img {margin:24px 0 0 0;padding:24px 0 0 0;border-top:1px dotted #4b4b4b;} #vm_img img {margin:0 0 24px 0;border:4px solid #3c3b3b;} #vm_img .last {margin:0;} #vm_login {padding:24px;background:#3c3b3b;} /* @end */ /* @group Posts */ .post {background:#222;padding:24px;} .post footer .rm {display:block;width:76px;padding:2px 4px;background:#ffcc29;color:#222;font-size:.75em;line-height:1em;text-transform:uppercase;text-align:center;} .post footer .rm:hover {background:#ffd85b;} .post_grid {width:394px;height:178px;float:left;margin:0 0 24px 0;border:1px solid #1e1e1e;cursor:pointer;} .post_grid h2 {font-size:2em;color:#ffcc29;margin:0 0 12px 0;} .post_grid header {height:72px;} .post_grid footer p {margin:0;} .post_r {float:right;} /* @end */ /* @group Page */ .page_sa {background:#222;margin:-12px 0 24px 0;padding:36px 24px 24px 24px;} .page_sa h1 {font-size:2em;color:#ffcc29;margin:0 0 12px 0;} .page {position:relative;margin:0 0 48px 0;background:#222;padding:24px;} .page header {background:#222;color:#ffcc29;padding:0 0 12px 0;} .page h2 {font-size:1.2em;} .page .body {} #puk_sunday {display:block;width:130px;height:130px;position:absolute;top:24px;right:24px;background:transparent url(/img/puk.sunday.png) no-repeat 0 0;text-indent:-9999px;} .page_comp .body strong {border-bottom:1px dotted #fff;} /* @end */ /* @group Tabs */ .tab_nav ul {display:block;} .tab_nav li {float:left;margin:0 1px 0 0;} .tab_nav a {display:block;padding:8px 12px;background:#2b2b2b;color:#999;font-size:.85em;font-style:italic;text-transform:uppercase;font-weight:700;} .tab_nav .active a {background:#222;color:#fff;} .tab header {display:none;} /* @end */ /* @group Artists */ #artists, #artists .artists {display:block;} #artists li {float:left;margin:0 0 24px 0;} #artists .artist_r {float:right;} #artists a {display:block;position:relative;width:442px;height:200px;border:1px solid #1e1e1e;background:#222 url(/img/puk.small.jpg) no-repeat 0 0;} #artists .title {display:block;width:418px;padding:12px;position:absolute;bottom:0;left:0;font-size:1.5em;line-height:1em;background:#181818;color:#ffcc29;font-style:italic;font-weight:700;text-transform:uppercase;text-align:center;} #artist_videos {display:block;} #artist_videos li {height:240px;} #artist_links {display:block;} #artist_links li {float:left;margin:0 12px 0 0;} #artist_links a:hover {border-bottom:1px dotted #ffcc29;} #artists_pager {margin:0 0 36px 0;} #artists_pager ul {display:block;} #artists_pager li {float:left;margin:0 18px 0 0;} #artists_pager .last {margin:0;} #artists_pager a {display:block;padding:4px 12px;background:#222;color:#fff;font-size:1em;font-style:italic;text-transform:uppercase;font-weight:700;border:1px solid #353535;} #artists_pager a:hover {background:#181818;} /* @end */ /* @group Map */ #map {width:100%;height:400px;margin:0 0 48px 0;background:#222;} /* @end */ /* @group Footer */ #footer {position:relative;background:#000;padding:72px 0;border-top:1px solid #353535;} #footer .bg {display:block;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;} #footer .arrow {display:block;width:12px;height:6px;position:absolute;top:-1px;left:50%;margin:0 0 0 -6px;background:transparent url(/img/puk.arrow.2.png) no-repeat center top;} #footer .inner {display:block;position:relative;width:936px;margin:0 auto;} #footer h3, #footer p {font-size:1em;color:#999;margin:0 0 24px 0;} #footer p {margin:0 0 6px 0;} #footer .col {float:left;width:330px;padding:0 48px 0 0;} #footer .col_3 {width:132px;} #footer .copy {padding:24px 0 0 0;margin:24px auto 0 auto;border-top:1px dotted #353535;} #footer .copy p {margin:0;} #footer .copy a {color:#ffcc29;} #footer a {color:#bbb;} #footer .col_3 p {margin:0 0 24px 0;} #footer .col h3 a {display:block;padding:1px 0 0 20px;background:transparent url(/img/puk.bg.social.png) no-repeat 0 0;} #footer .col_1 h3 a {background-position:0 -112px;} #footer .col_3 h3 {padding:1px 0 0 0;} /* @end */ /* @group Tweets */ .tweets {} .tweets ul, .tweets li {overflow:hidden;font-size:.95em;} .tweets ul {margin:0 0 4px 0;} .tweets li {display:block;margin:0 0 12px 0;padding:12px;color:#999;border-bottom:1px dotted #353535;} .tweets .tweet_last {margin:0;border:none;} .tweets .tweet_avatar {display:block;width:24px;height:24px;float:left;border:none;} .tweets .tweet_avatar:hover {border:none;} .tweets .tweet_join {display:none;} .tweets .tweet_time, .tweets .tweet_text {display:block;margin:0 0 0 34px;padding:4px 4px 0 4px;} .tweets .tweet_time {font-weight:bold;} /* @end */ /* @group FB */ .fb {background:#eee;} /* @end */ /* @group Sponsors */ #sponsors {display:block;width:210px;height:164px;position:absolute;top:338px;left:50%;margin:0 0 0 480px;background:#000;border:1px solid #353535;overflow:hidden;} #sponsors .bg {display:block;width:210px;height:164px;position:absolute;top:0;left:0;background:#000;} #sponsors li, #sponsors a {display:block;width:210px;height:164px;} #sponsors li {position:absolute;top:0;left:0;} #sponsors a {position:relative;background:transparent none no-repeat 0 0;text-indent:-9999px;} /* @end */ /* Z-indexes */ #wrapper {z-index:100;} #carousel {z-index:300;} #carousel nav {z-index:310;} #carousel_slides {z-index:330;} #carousel .thumb {z-index:340;} #carousel .lineup {z-index:320;} #sponsors {z-index:400;} #sponsors .bg {z-index:410;} #sponsors ul {z-index:420;} #sponsors li {z-index:425;} #sponsors a {z-index:430;} #footer {z-index:500;} #footer .bg {z-index:510;} #footer .inner {z-index:520;} #footer .arrow {z-index:530;} #topper {z-index:800;} /* @end */ /* @group CSS3 */ #navigation a, #carousel_slides .thumb, #carousel_slides, .post_grid, #artists a, .page_f, #artists_pager a, #map, #sponsors, #sponsors .bg, #vm_login {-moz-border-radius: 12px;-webkit-border-radius: 12px;} #carousel nav a, .tab_nav a {-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topleft:12px;-webkit-border-top-left-radius:12px;} #carousel .lineup, .page_sa, .page, #artists a .title {-moz-border-radius-bottomright:12px;-webkit-border-bottom-right-radius:12px;-moz-border-radius-bottomleft:12px;-webkit-border-bottom-left-radius:12px;} #carousel .lineup_no_header, .page {-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;} .rm {-moz-border-radius: 5px;-webkit-border-radius: 5px;} /* @end */