body {background: #fff; color: #000; font: 10px arial}
body.live {background: #ccc;}
body.actor {background: url(../images/actor_back.jpg)}
body.DJ, body.press {background: #000}

.clear {clear: both; font-size: 0;}
a {text-decoration: none}
strong {font-weight: bold}

#image_layer {position: absolute; z-index: 1}
#image_layer .ultra {display: none}
.photos #image_layer {left: 40px; top: -10px} /******/ 
.contact #image_layer img {position: absolute; top: 0; left: 0; display: none}

#content_layer {padding: 10px 0 0 0; margin-left: 35px; position: relative; z-index: 10}

.content {width: 1002px; border-top: 1px solid #000;}
.press .content {border-top: 1px solid #fff;}

#flash {display: block; width: 268px; height: 154px; position: relative; left: -35px; z-index: 11}
.contact #flash {left: -45px}
.contact #flash img {position: absolute; bottom: 12px; right: 29px}
.press #flash, .live #flash, .DJ #flash, .actor #flash {left: -50px}
.photos #flash {left: -55px}

.narrow {float: left; min-height: 500px; width: 237px; position: relative; z-index: 10;}
.press .narrow {background: url(../images/press_nav_back.gif) no-repeat; top: -90px; padding-top: 90px}
.photos .narrow {background: url(../images/photos_nav_back.gif) no-repeat; top: -135px; padding-top: 135px; min-height: 480px}
.contact .narrow {min-height: 390px}
.bio .narrow {background: url(../images/actor_nav_back.png) no-repeat 20px 110px;}
.contact .narrow {background: 0 none;}

.wide {width: 720px; float: right; position: relative; top: -154px}
.live .wide, .press .wide {width: 734px;}

.fan {width: 152px; height: 54px; display: block; overflow: hidden; float: right; margin: 0 150px 23px 0}
.fan a {width: 137px; height: 39px; padding: 15px 15px 0 0; display: block; text-transform: uppercase;
	background: url(../images/fan.png) no-repeat; color: #890f77; font: bold 10px/10px arial; text-align: right}
.fan a:hover {color: #fff}

.live .fan {margin-right: 90px}

.press_content {width: 734px; height: 532px; position: relative; top: -12px}
.press_content .alpha_layer {background: #fff; opacity: 0.85; width: 734px; height: 512px; position: absolute; z-index: 12}
.press_content .top_layer {padding: 47px; position: relative; z-index: 13}
.press_content .top_layer .prev, .press_content .top_layer .next {width: 23px; height: 23px; display: block; 
cursor: pointer; position: absolute; top: 160px;}
.press_content .top_layer .prev {left: 10px; background: url(../images/press_back.png) no-repeat}
.press_content .top_layer .next {right: 10px; background: url(../images/press_forward.png) no-repeat}
.press_content h3 {font: 25px/25px helvetica; text-transform: uppercase}
.press_content h4 {font: bold 11px/33px helvetica; color: #8a8a8a; text-transform: uppercase}
.press_content h4 span.year {font-weight: normal; padding-left: 5px}
.press_content .carousel {width: 611px; height: 236px; padding: 20px 5px 20px 20px; border: 2px solid #1a1818; 
	margin-bottom: 40px; overflow: hidden; background: #fff; position: relative;}
.press_content .carousel ul {overflow: hidden; width: 2100px; position: relative;}
.press_content .carousel ul li {float: left; padding: 0 10px; margin: 10px 0 0 0; background: url(../images/press_border.gif) repeat-y 100% 0; position: relative; cursor: pointer}
.press_content .carousel ul li span.hover {position: absolute; left: 0; top: -20px; z-index: 0; height: 215px; 
	display: none; background: url(../images/press_hover.png);}
.press_content .carousel ul li.on span.hover {display: block}
.press_content .carousel ul li div.details {position: relative; z-index: 1}
.press_content .carousel ul li h4 {font: bold 11px/15px helvetica; color: #0a0806; margin-top: 10px}
.press_content .carousel ul li h4 span.year {color: #999}
.press_content .carousel ul li a {font: bold 10px/15px arial; color: #7195af; cursor: pointer}
.press_content .carousel ul li p, .press_content .carousel ul li img {display: none}
.press_content .carousel .progress {position: absolute; bottom: 20px; left: 20px; width: 601px; height: 10px; background: #ccc; display: block}
.press_content .carousel .progress span {position: absolute; left: 35px; top: 0; display: block; width: 70px; height: 10px; background: #3c3}

.photos_content {width: 716px; margin-top: 20px; position: relative}
.photos_content ul {width: 260px; overflow: hidden; float: right; margin-right: 105px}
.photos_content ul li {float: left; width: 115px; height: 115px; position: relative; margin: 0 15px 15px 0;}
.photos_content ul li span {position: absolute}
.photos_content ul li span.top, .photos_content ul li span.bottom {display: block; height: 50px; width: 15px; background: #fff}
.photos_content ul li span.top {top: 0; left: 50px}
.photos_content ul li span.middle {display: block; height: 15px; width: 115px; left: 0; top: 50px; background: #fff}
.photos_content ul li span.bottom {bottom: 0; left: 50px}
.photos_content ul li a:hover span {display: none}
.photos_content ul li h3, .photos_content ul li p {display: none}

.hasOverlay .overlay {position: absolute; z-index: 100; top: 0; left: -20px; 
	padding: 15px 55px 15px 15px; background: #fff; display: none}
.hasOverlay .overlay .close {color: #999; font: 9px/20px arial; text-transform: uppercase; text-align: center; width: 32px;
	position: absolute; right: 15px; top: 15px; overflow: hidden; cursor: pointer}
.hasOverlay .overlay .close img {display: block; margin: 0 auto}
.hasOverlay .overlay .meta {margin-top: 20px}
.hasOverlay .overlay .meta h3 {font: bold 11px/15px arial; text-transform: uppercase; margin-bottom: 10px}
.hasOverlay .overlay .meta p {font: 12px/15px arial}
.hasOverlay .overlay .image_canvas img {display: none}

.photos_content .overlay {top: -60px; left: -100px}

.live_content {width: 642px;}
.live_player {width: 640px; height: 385px; display: block}
.live_screengrabs {margin-top: 40px}
.live_screengrabs ul {overflow: hidden}
.live_screengrabs ul li {float: left; margin-right: 20px; width: 145px; cursor: pointer}
.live_screengrabs ul li h4 {display: block; margin-top: 10px;}
.live_screengrabs ul li h4 a {color: #686868; font: bold 10px/15px arial; text-transform: uppercase;}
.live_screengrabs ul li a {position: relative; display: block}
.live_screengrabs ul li a span.over {display: none; width: 135px; height: 71px; border: 5px solid #fff;
	position: absolute; top: 0; left: 0}
.live_screengrabs ul li a:hover span.over, .live_screengrabs ul li a.on span.over {display: block}

.actor_content {width: 706px;}
.bio_details {width: 546px; height: 842px; padding: 55px 80px; background: url(../images/bio_content_back.png) no-repeat;}
.bio_print {width: 70px; height: 30px; display: block; float: right; text-align: center; font: bold 10px/30px arial; color: #fff; text-transform: uppercase; margin: 20px 0; background: #000}
.DJ .bio_print {color: #a8c72f; background: #fff}
.DJ_details {width: 574px; border: 10px solid #fff; padding: 80px 60px; background: #000; font: bold 11px/15px arial; position: relative}
.DJ_details address {color: #45b2bc; display: block; margin-bottom: 30px; text-transform: uppercase}
.DJ_details ul li {color: #fff; margin: 10px 0}
.DJ_details ul li a {color: #8faa1e}
.DJ_details a.itunes {position: absolute; display: block; top: 50px; right: 50px}

.area {overflow: hidden; margin-bottom: 25px}
.area h3 {font: 100 20px/24px 'helvetica neue', 'arial light'; margin-bottom: 20px}
.area h4 {color: #33658b; margin-top: 20px; font: bold 11px/15px arial}
.area ul {float: left; font: 11px/15px arial}
.area ul.meta1 {width: 235px}
.area ul.meta2 {width: 140px; font-weight: bold}
.area ul.meta3 {width: 170px}
.training ul.meta3 {width: 260px}
.bio_header {overflow: hidden; margin-bottom: 25px}
.bio_header address {float: left; width: 180px; color: #45b2bc; font: bold 11px/15px arial; margin-top: 40px; text-transform: uppercase}
.bio_header .bio_links {float: right; width: 90px; margin: 60px 0 0; text-align: right}
.bio_header .bio_links a {color: #8faa1e; font: bold 10px/15px arial; display: block}
.bio_header .bio_links a.dl {margin-bottom: 10px}
.bio_header img {float: right; margin: 0 0 0 10px}

.contact_content {position: relative; top: -30px}
.contact_content h2 {font: 100 60px/60px 'helvetica neue', 'arial light'; text-transform: uppercase; 
	border-bottom: 2px solid #1a1818; color: #1a1818; display: inline}

.contact_content h3 {display: block; font: bold 12px/15px arial; color: #080808; text-transform: uppercase; margin-bottom: 20px}
.contact_content a {font: bold 11px/15px arial; color: #8faa1e}
.me_content a {color: #4ca8d7; font: bold 11px/20px arial; text-transform: uppercase}
.more_posts {display: none}

.fan_content {width: 550px}
.fan_content hr {height: 2px; line-height: 2px; border: 0 none; margin: 20px 0; color: #1a1818; background: #1a1818}
.fan_content p {display: block; margin: 30px 0; font: 14px/20px georgia; color: #020202}
.fan_content form {display: block; margin: 20px 0}
.fan_content input.text {border: 1px solid #1a1818; width: 279px; height: 25px; padding: 5px; color: #b8b7be; 
	font: 20px/25px georgia; margin: 5px 0}
.fan_content textarea {width: 540px; height: 62px; margin: 20px 0; display: block; border: 1px solid #1a1818;
	padding: 5px; color: #b8b7be; font: 20px/25px georgia;}
.fan_content input.submit {width: 70px; height: 30px; display: block; background: #070606; color: #ffcdff; 
	font: 11px/20px arial; border: 0 none; text-transform: uppercase; cursor: pointer}

.channels {overflow: hidden; display: block; width: 550px; border-bottom: 2px solid #1a1818; 
	margin-bottom: 35px; padding: 35px 0;}
.channels li {float: left; width: 160px}

.agents {overflow: hidden}
.agents li {float: left}
.agents li h4 {color: #5f5f65; font: bold 12px/15px arial; text-transform: uppercase;}
.agents li address {text-transform: uppercase; color: #5f5f65; font: bold 11px/15px arial; 
	display: block; margin-top: 20px}
.agents li address strong {font: bold 12px/15px arial;}
.agents li.agent1 {margin-right: 154px}

.posts {margin: 40px 0}
.posts li {margin: 25px 0}
.posts li p {color: #020202; font: 14px/20px georgia}
.posts li span {color: #9e9f99; font: bold 10px/20px arial}

.photo {}
.photo img {display: none}

.stream {padding: 10px 0; position: relative}
.stream .streamTop, .stream .streamBottom {position: absolute; border-left: 1px solid #acacac; width: 229px; height: 10px; background: #1a1818}
.stream .streamTop {top: 0} 
.stream .streamBottom {bottom: 0}
.stream .header {width: 230px; height: 35px; border-bottom: 1px solid #1a1818; font: 12px/35px georgia; overflow: hidden;}
.stream .header .name {float: left; width: 120px; text-transform: uppercase}
.stream .header .year {float: right; width: 30px; text-align: right}

.status {overflow: hidden; width: 229px; padding-top: 20px;}
.narrower .status {min-height: 70px;}
.status .message {display: block; font: 18px/22px georgia;}
.status .time {float: left; width: 120px; color: #686f73; font: bold 10px/25px arial}
.status a {float: right; width: 40px; text-align: right; color: #4ca8d7; font: bold 10px/25px arial;}

.narrower .stream, .narrower .stream .streamTop, .narrower .stream .streamBottom, .narrower .stream .header, .narrower .status {width: 150px; border: 0 none}
.narrower  .streamTop, .narrower .streamBottom {height: 7px}
.narrower .stream {padding: 7px 0}
.narrower .status {padding: 15px 0}
.narrower .status .time {width: 70px; font: 10px/23px georgia; color: #686f73}
.photos .status .time {color: #ccc}
.narrower .status a {font: 10px/23px arial; color: #2e57a9;}
.photos .status a {color: #010101}
.live .status a {color: #2e57a9}
.narrower .message {font: 12px/13px georgia; text-align: left}
.photos .status .message {font: 13px/20px georgia} 
.narrower .stream, .narrower .status {margin: 0 auto}
.narrower .stream .header {height: 22px; font: 10px/22px georgia; border-bottom: 1px solid #1a1818;}

.bio .stream .streamTop, .bio .stream .streamBottom {background: #fff}
.bio .stream .header {border-bottom: 1px solid #fff; color: #fff}
.bio .status {color: #fff}
.bio .status .time {font: bold 10px/25px arial; color: #fff}
.bio .status a {color: #4ca8d7}

/*.DJ .status .message {font: 13px/20px georgia}*/

.nav {padding: 15px 0; display: block; background: url(../images/dots.png) 0 100% repeat-x; margin-bottom: 30px}
.nav a, .nav .multi_links {font: 10px/22px arial; color: #000; text-transform: uppercase; display: block; padding-left: 20px}
.nav .multi_links {position: relative; left: 0}
.nav a.sub {padding: 0; display: inline;}
.nav a:hover, .nav .multi_links:hover {background: #3f3}
.nav a.sub:hover {background: transparent} 
.nav a.on {background: #edffed}

.narrower .multi_links {left: -20px}

.press .nav, .photos .nav, .live .nav {padding: 10px 0}
.narrower .nav {margin: 0 auto; width: 150px; background: 0 none}
.press .nav a {padding-left: 0}
.photos .nav a {position: relative; left: -20px}
.photos .nav a.sub {left: 0}
.live .nav {width: 170px;}
.live .nav a {padding: 0 20px; width: 130px}
.live .nav a.sub {padding: 0; width: auto}
.bio .multi_links, .live .multi_links {left: 0}
.actor_on {background: url(../images/bio_actor_on.png) no-repeat 35px -3px; line-height: 33px}
.DJ_on {background: url(../images/bio_actor_on.png) no-repeat 65px -3px; line-height: 33px}
.narrower .nav a:hover, .narrower .nav .multi_links:hover, .narrower .nav a.on {font-weight: bold; background-color: transparent}
.photos .nav a:hover, .photos .nav a.on {color: #f0c; /*background: url(../images/pink_heart.png) no-repeat 8px 5px*/}
.photos .nav a.sub:hover {background: 0 none}

.bio .nav {position: relative; left: -20px}
.bio .nav a, .bio .nav .multi_links {width: 190px; height: 22px}
.bio .nav a:hover {background: url(../images/bio_nav_rollover.png) no-repeat;}
.bio .nav a.sub:hover {background: 0 none}
.bio .nav .multi_links a.on {color: #fff}
.bio .status .time {width: 80px}
.bio .status {padding-bottom: 5px}
.bio .status a {line-height: 25px}

.contact .nav a {overflow: hidden; width: 77px !important}
.contact .nav a.sub {}
.contact .nav a:hover, .contact .nav .multi_links:hover {background-image: none; background: #fff; color: #ccc; position: relative; left: -40px; padding-left: 60px; width: 90px;}
.contact .nav a.sub:hover {position: static; left: 0; padding: 0}
.contact .nav a.on {background: #fff; width: 103px; padding-left: 8px; position: relative; left: 10px}
.contact .status a {color: #fff}
.contact .fan_content .submitted {display: none;}
.contact .fan_content .submitted p {font: 25px/35px georgia; color: #020202}
.contact .not_submitted {display: block;}
.contact .not_submitted p.error {display: none}

.live .nav {position: relative; left: -10px}
.live .nav a {color: #1a1819}
.live a.bio:hover {background: #f0f0f0}
.live a.press:hover {background: #e5d510}
.live a.photos:hover {background: #0188ca}
.live a.contact:hover {background: #c4016a}
.live a.on {font-weight: bold; background-color: transparent}
.live a.live:hover {background: #1a1819; color: #fff}
.live .nav .multi_links:hover {background: #fff;}

.player {padding-left: 20px}
.player a {float: left; display: block; height: 36px; background: url(../images/player_controls.png) no-repeat 0 0}
.player a:hover {background: url(../images/player_controls_over.png) no-repeat 0 0}
.player a.prev {width: 28px; background-position: 0 0}
.player a.play {width: 38px; background-position: -28px 0}
.player a.next {width: 28px; background-position: -66px 0}
.player .meta {color: #8faa1e; font: bold 10px/20px arial; display: block; margin: 5px 0}

.footer {position: relative; top: -80px; padding-top: 25px; width: 1002px; background: url(../images/footer.png) no-repeat 0 0; overflow: hidden}
.footer address {float: right; text-transform: lowercase; color: #999; font: 10px/20px arial}
.footer address a {color: #4ca8d7}

.bio .footer {display: none}
.contact .footer {display: block}