/***** THE MIX styles *****/ #mix-content {width:2450px; height:768px; position: relative;} #mix-slidernav {display:none; position:absolute; top:10px; left:350px; width:100px; height:36px; background:url(../images/mix_slidenav_bg.png) no-repeat; z-index:2000;} #mix-slidernav a.back {display:block; width:30px; height:18px; position:absolute; top:8px; left:15px; background:url(../images/mix_slidenav_back.png) top left no-repeat; text-indent: -9999px;} #mix-slidernav a.fore {display:block; width:30px; height:18px; position:absolute; top:8px; right:15px; background:url(../images/mix_slidenav_fore.png) top left no-repeat; text-indent: -9999px;} #mix-slidernav a.fade {background-position:bottom left;} #mix-content .feature {display:none;} #mix-content h3{font-size:24px; line-height:24px;text-transform: uppercase; } .header {display:none; font-family:georgia, serif; font-size:15px; overflow:hidden; width:650px; height:200px;} .header h1.mix { display:block; background:url(../images/mix_logo.png) no-repeat; padding-left:297px; width:325px; height:76px; line-height:96px; font-family:georgia, serif; font-size:15px; color:#999; font-style: italic; position:absolute; top:50px; left:25px;} .header .byline {position:absolute; top:130px; left:36px; font-size:12px; color:#999; font-family:"Open Sans", sans-serif;} #pop-bg {display:none; width:100%; height:100%; background:url(../images/bg_black_85.png) transparent; z-index:4999; position:absolute; top:0; left:0;} #video {position:absolute; left:222px; top:164px; width:487px; height:370px;} #video img {display:block;} #video .copy {position:absolute; right:8px; bottom:8px; background:url(../images/bg_black_85.png); width:123px; padding:10px 5px 8px 8px; color:#fff;} #video .copy h2 {font-size:24px; color:#cdde58; line-height:24px; font-weight:300;} #video .more {position:absolute; left:423px; top:58px;} #video .videobtn {position:absolute; right:-4px; top:5px;} #video-pop-mobile {display:none; position:absolute; left:125px; top:100px; width:640px; height:360px; border:1px solid #4d4c4c; background:url(../images/bg_black_75.png) transparent; z-index:5000; text-align:center; padding:75px} #video-pop-mobile a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #play {position:absolute; left:727px; top:122px; width:554px; height:464px;} #play img {display:block;} #play .more {position:absolute; left:440px; top:33px;} #play .videobtn {position:absolute; left:437px; top:83px;} #play-videopop-mobile {display:none; position:absolute; left:500px; top:100px; width:640px; height:360px; border:1px solid #4d4c4c; background:url(../images/bg_black_75.png) transparent; z-index:5000; text-align:center; padding:75px} #play-videopop-mobile a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #inline_content { background:#000;} #play-pop {display:none; position:absolute; left:525px; top:100px; width:618px; height:650px; border:1px solid #4d4c4c; background:url(../images/bg_black_75.png) transparent; z-index:5000;} #play-pop a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #play-pop .leftcol {width:410px; margin:18px 0 0 21px; color:#fff; font-size:13px; line-height:15px;} #play-pop .leftcol a {color:#fff;} #play-pop .leftcol a:hover {color:#ccc;} #play-pop .leftcol img {display:block; margin-bottom:15px;} #play-pop .leftcol h2{font-size:30px; color:#319bbd; line-height:30px; margin-bottom:6px;} #play-pop .leftcol h4{font-size:12px; color:#cccccc; text-transform:uppercase;} #play-pop .rightcol {position:absolute; width:116px; top:100px; right:18px; } #play-pop .rightcol p.center {text-align:center; font-size:12px; color:#ccc; font-style:italic; line-height:15px;} #play-pop .rightcol #sb1 {display:block; margin:25px 0 45px 0; text-align:center; color:#ffde66;} #play-pop .rightcol #sb2 {display:block; margin:25px 0 45px 0; text-align:center; color:#66ccff;} #play-pop .rightcol #sb3 {display:block; margin:25px 0 45px 0; text-align:center; color:#e0ff66;} #play-pop .rightcol .event {position:absolute; top:38px; left:0px; display:none; height:491px; width:116px;} #play-pop .rightcol .event .photo {position:absolute; top:-121px; left:-463px;} #play-pop .rightcol .event a.event-close {position:absolute; top:5px; right:5px; display:block; width:12px; height:13px; background:url(../images/mix_play_event_close.png) no-repeat; text-indent:-9999px;} #play-pop .rightcol .event .copy {color:#000; font-size:12px; padding:0 4px 0 9px; line-height:14px;} #play-pop .rightcol #event3 .copy {line-height:13px;} #play-pop .rightcol .event .copy h2 {font-size:18px; line-height:18px; margin-bottom:8px;} #play-pop .rightcol .event .copy h2.no-pad {margin-bottom:0px;} #play-pop .rightcol .event .copy h4 {font-size:12px; font-weight:600; margin-bottom:8px;} #play-pop .rightcol #event1 {background:url(../images/mix_play_event1bg.png) transparent;} #play-pop .rightcol #event2 {background:url(../images/mix_play_event2bg.png) transparent;} #play-pop .rightcol #event3 {background:url(../images/mix_play_event3bg.png) transparent;} #bonnaroo {position:absolute; left:722px; top:70px; width:404px; height:690px; background-color:#000;} #bonnaroo img {display:block;} #bonnaroo .copy {padding:14px 10px 0 18px; color:#999; font-size:13px; line-height:18px; font-weight:600;} #bonnaroo .copy h2 {font-size:22px; font-weight:300; letter-spacing: 1px;} #bonnaroo .copy a {color:#bcbfc1; font-weight:600;} #bonnaroo .copy a:hover {color:#fff;} #bonnaroo .copy .hilite {color:#000; background-color:#c9da54;} #age-text {position:absolute; left:1303px; top:320px; width:340px; height:120px; font-size:12px; color:#666; font-weight:600; line-height:22px;} #age-text h2 { font-size:22px; font-weight:600; line-height:22px;} #jackson {position:absolute; left:1308px; top:70px; width:580px; height:235px;} #jackson .photo {float:left; width:232px; padding-right:12px;} #jackson .copy {float:left; width:320px; color:#999999; font-size:13px; line-height:16px;} #jackson .copy h2 {font-size:24px; color:#cdde58; margin:3px 0 6px 0;} #jackson .copy a {color:#999999;} #jackson .copy a:hover {color:#fff;} #beer {position:absolute; left:1301px; top:458px; width:490px; height:259px;} #beer .videobtn {position:absolute; top:107px; right:-4px;} #beer-pop-mobile {display:none; position:absolute; left:1125px; top:100px; width:640px; height:360px; border:1px solid #4d4c4c; background:url(../images/bg_black_75.png) transparent; z-index:5000; text-align:center; padding:75px} #beer-pop-mobile a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #tv {position:absolute; left:1156px; top:314px; width:695px; height:430px; background:url(../images/bg_black_75.png) transparent; color:#999; line-height:15px;} #tv .more {position:absolute; left:450px; top:120px;} #tv .photo {position:absolute; top:21px; left:175px; width:454px; text-align:center; color:#fff;} #tv .photo img {display:block; margin-bottom:5px;} #tv .copy {position:absolute; top:21px; left:21px; width:150px;} #tv .copy h2 {font-size:16px; color:#cdde58; margin-bottom:12px; padding-left:13px; text-transform: uppercase;} #tv .copy div {width:145px;} #tv-pop {display:none; position:absolute; left:1175px; top:100px; width:615px; border:1px solid #4d4c4c; background:#000; z-index:5000;} #tv-pop a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #tv-pop .leftcol {float:left; width:315px; padding:18px 15px 15px 16px;} #tv-pop .leftcol .photo {margin-bottom:5px;} #tv-pop .leftcol .copy {background:url(../images/mix_tv_popup_dots.png) no-repeat 0px 3px; padding:0 20px 0 42px; font-size:11px; color:#999; font-style: italic; line-height:13px;} #tv-pop .rightcol {float:left; width:260px; padding:18px 0 15px 0; color:#999;} #tv-pop .rightcol h2 {font-size:36px; color:#dff25d; line-height:36px; margin-bottom:10px;} #tv-pop .rightcol a {color:#ccc;} #opa {position:absolute; left:1911px; top:116px; width:284px; height:599px; background-color:#ff8500; color:#000; line-height:15px;} #opa .photo img {display:block;} #opa .copy {padding:10px;} #opa .copy h2 {font-weight:800; font-size:16px; margin-bottom:12px;} #opa .copy .thumb {float:right; padding:0 0 6px 6px;} #opa .more {position:absolute; left:225px; top:325px;} #opa-pop {display:none; position:absolute; left:1475px; top:100px; width:615px; border:1px solid #4d4c4c; background:url(../images/bg_black_75.png) transparent; z-index:5000; color:#ccc;} #opa-pop a.close {position:absolute; top:-20px; right:-20px; display:block; width:41px; height:41px; background:url(../images/popup-close.png) no-repeat; text-indent:-9999px;} #opa-pop h4 {color:#fff; font-weight:600;} #opa-pop .leftcol {float:left; width:228px; padding:18px 25px 15px 16px;} #opa-pop .leftcol h2 {font-size:60px; color:#cdde58; line-height:40px; margin-bottom:10px; font-weight:300;} #opa-pop .leftcol h2 .sm {font-size:34px; color:#cdde58; line-height:36px; margin-bottom:10px;} #opa-pop .rightcol {float:left; width:334px; padding:18px 0 15px 0;} #opa-pop .rightcol img {display:block; margin-bottom:15px;} #quote2 {position:absolute; left:2225px; top:120px; width:150px; height:120px; font-size:12px; color:#666; font-weight:600; line-height:22px;} #quote2 h2 { font-size:22px; font-weight:600; line-height:22px;}