div.albums img.album {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    height: 200px;
    width: 200px;
    top: 7px;
    left: 27px;
}

div.albumWrapper {
    position: relative;
    width: 225px;    
    height: 100%;
    float: left;
}

div.albumCase {
    background: url(http://images.distortionradio.com/cd_case.png) no-repeat;    
    position: absolute;
    display: block;
    z-index:  5;
    height: 222px;
    width: 230px;
}

div.albumCase a {
    display: block;
    height: 222px;
    width: 230px;
    text-decoration: none;
}

div.albums ul {
    float: left;
    width: 400px;
    margin: 0 0 10px 0;
}

div.albums ul li {
    padding: 6px;
    font-size: 11px;
}

    div.albums li:hover {
        background: #333;
        padding: 6px;
    }

#more_albums {
    float: right;
    margin-left: 10px;
    width: 130px;
    background: #333;
}

	#more_albums img.image {
		display: block;
		margin: 0 10px 10px 10px;
	}

#browse_albums li {
	display: inline-block;
	margin: 0 10px 10px 10px;
	cursor: hand;
	cursor: pointer;
}

#album_info { height: 225px; width: 565px; text-align: right; }

#track_listing li, #track_listing li .trackno { color: #999 !important; }
#track_listing .trackno { font-weight: bold; }
#track_listing .music_actions { float: right; margin-top: -15px; filter: alpha(opacity=1); opacity: .1; }
#track_listing li:hover .music_actions { filter: alpha(opacity=100); opacity: 1.0; }
#track_listing .active { cursor: pointer; }
#track_listing .active .trackno { color: #222 !important; }

#most_played { margin: 10px 0 0 0; }
#most_played li { position: relative; cursor: pointer; }
#most_played .music_actions { position: absolute; top: 10px; right: 5px; filter: alpha(opacity=1); opacity: .1; }
#most_played .rank { float: left; margin: 0 10px 0 0; padding: 5px; color: #666; font-size: 14px; font-weight: bold; border: 1px solid #999; }
#most_played .title { display: block; font-weight: bold; }
#most_played .details { display: block; margin: 0 0 0 15px; }
#most_played li:hover .music_actions { filter: alpha(opacity=100); opacity: 1.0; }

#videos { min-height: 130px; }
#videos li { float: left; padding-right: 8px; width: 100px; font-size: 10px; }
#videos .thumbnail { position: relative; margin: 0 0 5px 0; }
#videos .thumbnail img { border: 1px solid #bbb; }
#videos .thumbnail .play_button { background: url(http://images.distortionradio.com/play.png) no-repeat; position: absolute; top: 30px; left: 36px; height: 21px; width: 32px; filter: alpha(opacity=50); opacity: .5; }
#videos .thumbnail:hover .play_button { filter: alpha(opacity=80); opacity: .8; }
#videos .title { font-weight: bold; }

#videos .views, #videos .rating { color: #999; }

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(http://images.distortionradio.com/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(http://images.distortionradio.com/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/* SUBPAGES */
#sub_page .container_inner { background: #fff; min-height: 600px; }
#sub_page p, #sub_page h4, #sub_page h4 span, #sub_page strong, #sub_page a, #sub_page ul li { margin: 0px; }
#sub_page .module_content ul li, #sub_page .module_content ul li:hover { background: none; border: none; }

#sub_page h1, #sub_page h3 { font-size: 20px; color: #444; letter-spacing: -1px; padding: 15px 8px 4px 15px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; cursor: default; }
#sub_page h1 a, #sub_page h3 a { color: #444; }
#sub_page h1 a:hover, #sub_page h3 a:hover { border-bottom: 1px dashed #444; }
#sub_page h1 span, #sub_page h3 span { font-size: 16px; font-weight: normal; letter-spacing: -0.5px; color: #999; }
#sub_page h4 { font-size: 12px; font-weight: bold; }
#sub_page p { margin: 5px 0 15px 0; color: #333; }
#sub_page ul li, #sub_page ol li, #sub_page div, #sub_page span { color: #333; }
#sub_page .module_content ul li { background: #fff url(http://images.distortionradio.com/shadow.png) 0 -45px repeat-x !important; }
#sub_page .module_content ul li:hover { background: #f5f5f5 url(http://images.distortionradio.com/shadow.png) 0 -40px repeat-x !important; }
.module_content .options { background: #eee; padding: 10px; margin: 0 0 20px 0; }
.module_content .break { border-top: 1px dashed #222; margin: 10px 0 10px 0; }
#sub_page input, #sub_page select { background: #222; border: 1px solid #444; color: #bbb; padding: 1px; }
#sub_page .submit { font-weight: normal; text-align: center; }
#sub_page .submit input[type="submit"] { display: block; margin: 20px auto; }
#sub_page .sp_container { border: 1px solid #ccc; width: 300px; padding: 5px 5px 10px 5px; }
#sub_page .sp_container .sp.blck { background: #ccc; width: 300px; height: 250px; }
/*#sub_page .sp_container .advertisement { float: right; margin: 2px -4px 0 0; background: url(http://images.distortionradio.com/advertisement.gif) no-repeat; width: 72px; height: 15px; }*/
#sidebar { background: #ddd; font-size: 12px; }
#sidebar .module_content { margin: 0 0 50px 0; }
#sidebar .module_content ul li a { display: block; font-weight: bold; }
#sidebar.options ul li { font-weight: bold; }
#sidebar ul li, #sidebar ul li:hover { background: none !important; }
#sub_page .loading.outer { display: table; #position: relative; overflow: hidden; height: 425px; width: 100%; } 
#sub_page .loading .middle { display: table-cell; #position: absolute; #top: 50%; vertical-align: middle; }
#sub_page .loading .inner { #position: relative; #top: -50%; background: transparent url(http://images.distortionradio.com/loading.gif) no-repeat; width: 50px; height: 50px; margin: 0 auto; }

/* blog */
.blog { float: left; margin: 0; }
.blog.left .span_1 { width: 600px; }
.blog.right .span_2 { width: 315px; }
.blog.left .module { padding: 8px; }
.blog #entry a {  }
.blog #entry a:hover { text-decoration: underline; }
.blog #entry .headline {  }
.blog #entry .headline h1 { margin: 0 0 5px 0; font-size: 22px; letter-spacing: -0.5px; }
.blog #entry .headline h1 a { color: #222; }
.blog #entry .details, .blog #entry .tags { font-size: 12px; color: #555; font-style: italic; }
.blog #entry .tags { color: #777; }
.blog #entry .content { min-height: 250px; margin: 0 0 15px 0; font-size: 12px; line-height: 20px; }
.blog #entry .subscription_message { margin: 5px 0 0 0; background: #fefefe; padding: 5px; border: 1px solid #eee; font-style: italic; }
.blog #entry .share { display: block; height: 32px; margin: 15px 0 15px 0; padding: 10px 0 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.blog #entry .share a { float: left; height: 32px; width: 32px; margin: 0 5px 0 0; opacity: 1.0; filter: alpha(opacity=100); }
.blog #entry .share a:hover { opacity: .8; filter: alpha(opacity=80); }
.blog #entry .sp.blog_blck { width: 300px; height: 250px; }
.blog #entry .sp.blog_rect { }
.blog ul.browse li { padding: 10px 0 15px 0; border-bottom: 1px dashed #eee; }
.blog ul.browse li:hover { border-bottom: 1px dashed #eee; background: #eee; }
.blog ul.browse li .entry .headline a { font-weight: bold; }
.blog ul.browse li .entry span { display: block; }
#blog .entry form { text-align: center; }
#blog .entry form input[type="image"] { display: block; background: none; border: none; margin: 10px auto; }
.blog .comments { font-size: 12px; line-height: 16px; }
.blog .comment_box { padding: 5px; border-bottom: 1px dashed #eee; }
.blog .comment_box p, .blog .comment_box p.comment_post { max-width: 530px; }
.blog .comment_box .comment_author_name, .blog .comment_box p.comment_author a, .blog .comment_box p.comment_author a:visited { font-weight: bold; }
.blog .comment_box p.comment_author a:hover { text-decoration: underline; }
.blog .comment_box p.comment_extras { color: #888; font-size: 11px; margin-top: 15px; }
.blog form { color: #666; }
.blog.left form input[type="text"] { width: 165px; }
.blog.left form textarea { width: 390px; height: 100px; padding: 3px; border: 1px solid #eee; margin-bottom: 5px; color: #333; }
.blog.left form select { background: none; border: 1px solid #999; color: #333; }
.blog.left form input[type="submit"] { display: block; background: #fff; border: 1px solid #666; color: #666; font-weight: bold; font-size: 14px; margin: 10px 10px 10px 28px; }
.blog.left form input[type="submit"]:hover { border: 1px solid #333; color: #333; cursor: pointer; }
.blog #sidebar .subscribe { margin: 5px 0 20px 0; }
.blog #sidebar .subscribe #feed_icon { float: right; width: 75px; height: 75px; background: transparent url(http://images.distortionradio.com/rss_icon.png) no-repeat; margin: 0 5px 0 5px; }
.blog #sidebar .subscribe form { background: #eee; padding: 5px 3px 3px 3px; margin: 10px 0 0 0; }
.blog #sidebar .subscribe form input[type="text"] { width: 155px; margin-right: 2px; }
.blog #sidebar .browse h4 { padding: 6px; }
.blog #sidebar .browse .type { height: 21px; margin-left: 10px; }
.blog #sidebar .browse .type h4 { float: left; padding: 3px 9px 3px 9px; background: #ccc; }
.blog #sidebar .browse .type h4.active:hover { background: #e5e5e5; cursor: pointer; }
.blog #sidebar .browse .type h4.disabled { background: #eee; }
.blog #sidebar .browse ul#latest_articles, .blog #sidebar .browse ul#popular_articles { margin-bottom: 15px; }
.blog #sidebar .browse ul#latest_articles li a, .blog #sidebar .browse ul#popular_articles li a { padding: 6px; background: #eee !important; border-bottom: 1px dotted #ccc; }
.blog #sidebar .browse ul#latest_articles li a:hover, .blog #sidebar .browse ul#popular_articles li a:hover { background: #e5e5e5 !important; }
.blog #sidebar .browse ul li a { display: block; color: #444; }
.blog #sidebar .browse ul#latest_articles li .title, .blog #sidebar .browse ul#popular_articles li .title { color: #444; }
.blog #sidebar .browse ul#latest_articles li .time, .blog #sidebar .browse ul#popular_articles li .time { display: block; font-size: 11px; color: #777; }
.blog #sidebar .browse ul#date { background: #eee; }
.blog #sidebar .browse ul#date li a { padding: 6px; border-bottom: 1px dotted #ccc; }
.blog #sidebar .browse ul#date li span { color: #666; }
#blog #sidebar { font-size: 12px; }
#blog #sidebar .options { margin-bottom: 5px; }
#blog #sidebar .options h4 { color: #666; margin-bottom: 5px; }
#blog #sidebar .options .browse li { padding: 6px 4px 4px 4px; border-bottom: 1px dashed #ddd; color: #666; }
#blog #sidebar .options .browse li:hover, #blog #sidebar .options .browse li:hover a { color: #333; }
#blog #sidebar .options .browse li a { color: #666; font-size: 12px; }
#blog #sidebar .about { padding: 8px 10px 0 10px; font-size: 11px; }

/* signup */
#signup .message { font-size: 12px; font-weight: bold; text-align: center; padding: 100px 20px 200px 20px; }
#signup .message.error h4, #signup .message.error h4 a { position: relative; left: 0; color: red; }
#signup .step { position: relative; border: 1px solid #eee; margin: 10px 0 0 0; }
#signup .step span { display: inline-block; background: #f5f5f5; border-right: 1px solid #eee; font-size: 32px; font-weight: bold; margin: 0 15px 0 0; padding: 2px 9px 2px 9px; }
#signup .step h4 { position: absolute; top: 0; left: 37px; width: 491px; height: 27px; padding: 14px 5px 0 5px; text-align: center; }
#signup .options { margin: 10px 0 0 0; }
.signup { font-weight: bold; padding: 20px 0 0 0; }
.signup div { padding: 5px; }
.signup div div { font-weight: normal; font-size: 10px; color: #777; width: 390px; margin: 2px 0 0 137px; padding: 0px; }
.signup div div a { color: #777; }
.signup span { float: left; width: 130px; margin: 2px 8px 3px 0; text-align: right; }
.signup input { padding: 3px; margin-top: -2px; }
.signup select { padding: 1px; }
.signup input, .signup select { background: #f5f5f5; border: 1px solid #aaa; color: #333; }
.signup input:hover, .signup select:hover { background: #f9f9f9; border: 1px solid #666; }
.signup input[type="submit"] { display: block; margin: 15px auto; opacity: .8; filter: alpha(opacity=80); }
.signup input[type="submit"]:hover { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; }
.signup .type select { color: #aaa; }
.signup .type select:hover { background: #f5f5f5; border: 1px solid #aaa; }
.signup #username, .signup #email, .signup #confirm_email, .signup #password { width: 185px; }
.signup #country { width: 261px; }
.signup #timezone { width: 382px; }
.signup #region, .signup .genres select { width: 125px; }
.signup .region span { margin-top: 9px; }
.signup #promo_code { width: 40px; }
.signup .security { margin: 20px 0 5px 0; }
.signup .security span, .signup .security input, .signup .security div { color: red; }
.signup .security input { font-weight: bold; border: 1px solid red; width: 20px; }
.signup .submit { font-weight: bold; text-align: center; }
.signup .submit a { text-decoration: underline; }
.signup .submit input[type="checkbox"] { background: none; border: none; margin: 15px 2px 0 0; }
.signup .submit input[type="checkbox"]:hover { border: none; }
.file_container { margin: 20px 215px 0 225px; }
.signup #file { display: block; width: 132px; border: 1px solid #666; color: #555; font-size: 11px; font-weight: bold; padding: 2px 2px 2px 2px; text-align: center; cursor: pointer; }
.signup div:hover #file { border: 1px solid #444; color: #333; }
.progress { display: none; font-weight: bold; margin-top: 40px; text-align: center; }
#thumbnail_preview { position: absolute; top: 79px; left: 490px; overflow: hidden; width: 100px; height: 100px; border: 1px solid #eee; }
.get_started { margin-top: 40px; text-align: center; }
.get_started p { margin: 15px 0 25px 0; }
.get_started p a { color: #444; background: #f9f9f9; border: 1px dashed transparent; padding: 5px; letter-spacing: 1px; }
.get_started p:hover a { color: #222; background: #f5f5f5; border: 1px dashed #ddd; font-weight: bold; }

/* charts */
#charts { min-height: 475px; }
#charts p { font-weight: bold; }
#charts .tabs { height: 42px; margin: 0 0 15px 0; }
#charts .tabs ul { margin: 10px 0 0 0; }
#charts .tabs ul li { float: left; padding: 0 2px 2px 0; } 
#charts .tabs ul li a { padding: 3px 6px 3px 6px; background: #eee; color: #666; line-height: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#charts .tabs ul li a.current { font-weight: bold; }
#charts .tabs ul li a:hover { color: #eee; background: #666; }
#charts .results ul { margin: 20px 0 0 0; }
#charts .results li { position: relative; width: 530px; padding: 5px 5px 8px 5px; border-top: 1px solid #eee; }
#charts .results li.first { border-top: none; }
#charts .results li.profile_chart { height: 52px; }
#charts .results li:hover { background: #eee; }
#charts .results li:hover .music_actions { display: block; }
#charts .results .rank { float: left; padding: 0 4px 4px 4px; margin: 2px 8px 0 2px; background: #eee; font-size: 18px; font-weight: bold; cursor: default; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#charts .results .rank.top_ten { background: #333; }
#charts .results .profile_chart .rank { float: right; margin: 2px 4px 0 2px; }
#charts .results .rank a { padding: 0 2px 0 2px; color: #333; border-bottom: 1px dashed #333; }
#charts .results .rank.top_ten a { color: #eee; border-bottom: 1px dashed #eee; }
#charts .results .rank a:hover { color: #ccc; border-bottom: 1px dashed #ccc; }
#charts .results .rank .trend { display: inline-block; width: 8px; padding: 1px 4px 1px 4px; margin: 0; font-size: 14px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#charts .results .rank .trend.upwards { background: #99CC66; }
#charts .results .rank .trend.downwards { background: #EE0033; }
#charts .results .rank .trend.unchanged { background: #888; }
#charts .results .image { float: left; margin: 2px 10px 0 4px; height: 35px; width: 35px; border: 1px solid #333; }
#charts .results .image:hover { border: 1px solid #666; }
#charts .results .artist { font-weight: bold; font-size: 14px; letter-spacing: -1px; }
#charts .results .artist.top { font-size: 16px; line-height: 26px; }
#charts .results .artist a:hover { text-decoration: underline; }
#charts .results .title { font-size: 12px; letter-spacing: -0.5px; line-height: 11px; }
#charts .results .title a { color: #111; }
#charts .results .location { font-size: 12px; color: #444; }
#charts .results .genres { color: #666; margin-top: 2px; }
#charts .results .title a:hover { text-decoration: underline; }
#charts .results .music_actions { display: none; position: absolute; top: 10px; right: 10px; }
#charts .results h4 { margin: 10px; }
#charts .nodisp { display: none; }

/* search */
#search { min-height: 450px; background: #f9f9f9; }
#search #results p { font-size: 12px; line-height: 28px; }
#search #results a { font-size: 11px; margin: 0 0 0 5px; padding: 2px 5px 2px 5px; color: #555; background: #f5f5f5; border: 1px dashed #e5e5e5; }
#search #results a:hover { color: #333; background: #f9f9f9; border: 1px dashed #ddd; }

/* browse */
.pagination.letters { cursor: default; }
.pagination.letters a, .pagination.letters span.current, .pagination.letters span.disabled { padding: 0 3px 0 3px; margin: 0 1px 0 0; border: 1px solid #eee; font-weight: bold; font-size: 12px; color: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.pagination.letters a { border: 1px solid #ccc; color: #666; }
.pagination.letters a:hover { background: #666; color: #eee !important; border: 1px solid #999; color: #333; }
#browse, #browse_artists, #browse_listeners { min-height: 242px; }
#browse .artists, #browse .listeners { background: #eee; width: 265px; height: 85px; padding: 10px; margin: 0 8px 0 0; text-align: center; font-size: 14px; }
#browse .artists:hover { background: #77BBEE; }
#browse .listeners:hover { background: #FF7777; }
#browse span { display: block; margin: 10px; font-weight: bold; font-size: 16px; }
#browse_artists li { padding: 5px; border-top: 1px solid #eee; }
#browse_artists li.first { border-top: none; }
#browse_artists li:hover { background: #eee; }
#browse_artists .artist { font-weight: bold; font-size: 14px; letter-spacing: -1px; }
#browse_artists .artist a:hover { text-decoration: underline; }
#browse_artists .details { color: #666; }
#browse_listeners li { height: 56px; padding: 6px 0 6px 0; border-top: 1px solid #eee; }
#browse_listeners li.first { border-top: none; }
#browse_listeners li:hover { background: #eee; }
#browse_listeners .info .username { font-weight: bold; font-size: 12px; }
#browse_listeners .info .username a:hover { text-decoration: underline; }
#browse_listeners .info .details, #browse_listeners .info .location { color: #444; }

/* chat */
#chat_page h2 { padding: 0; color: #444 !important; }
#chat_page h2.chat #time { color: #999; background: #eee; border: 1px solid #ccc; }
#chat_page #chatroom { width: 944px; height: 400px; }
#chat_page #chatroom .left { width: 615px; margin: 15px; }
#chat_page #chatroom #chat .name span, #chat_page #chatroom #chat .name a { color: #222; }
#chat_page #chatroom #chat .name .guest { color: #666 !important; }
#chat_page #chatroom .right { width: 299px; }
#chat_page #chatroom #online { width: 289px; max-height: 285px; color: #222; }
#chat_page #chatroom #online div, #chat_page #chatroom #online ul li, #chat_page #chatroom #online ul li a { color: #222; }

/* playlist */
#playlist ul, #user ul#music_list { margin: 10px 0 0 0; }
#playlist li, #user ul#music_list li { height: 84px; padding: 10px 5px 10px 5px; border-top: 1px solid #eee; }
#playlist li:hover, #user ul#music_list li:hover { background: #eee; }
#playlist li.first, #user ul#music_list li.first { border-top: none; }
#playlist .image, #user ul#music_list .image { float: left; margin: 0 10px 0 0; height: 80px; width: 80px; border: 1px solid #eee; }
#playlist .image:hover, #user ul#music_list .image:hover { border: 1px solid #666; }
#playlist .artist, #user ul#music_list .artist { font-weight: bold; font-size: 14px; letter-spacing: -1px; }
#playlist .artist a:hover, #user ul#music_list .artist a:hover { text-decoration: underline; }
#playlist .title, #user ul#music_list .title { font-size: 12px; letter-spacing: -0.5px; }
#playlist .title a, #user ul#music_list .title a { color: #111; }
#playlist .title a:hover, #user ul#music_list .title a:hover { text-decoration: underline; }
#playlist .time, #user ul#music_list .time { margin: 2px 0 0 0; text-align: right; font-size: 14px; }
#playlist .time a, #playlist .time a strong, #user ul#music_list .time a, #user ul#music_list .time a strong { color: #999; }
#playlist .music_actions, #user ul#music_list .music_actions { display: block; margin-left: 69px; margin-top: 14px; }

/* feedback */
#feedback p { font-weight: bold; }
#feedback ul, #feedback p { margin: 10px 0 0 0; font-size: 12px; }
#feedback li { padding: 5px 0 5px 0; border-top: 1px solid #eee; }
#feedback li.first { border-top: none; }
#feedback .name { color: #666; }

/* advertise */
#advertise .advertise_options .option { position: relative; padding: 10px; margin: 15px 0 0 0; }
#advertise .advertise_options .option h4 { font-size: 14px; }
#advertise .advertise_options .option ul li { padding: 0px; }
#advertise .advertise_options .option form { position: absolute; top: 8px; right: 10px; }
#advertise .advertise_options .option form span { font-size: 14px; color: #333; font-weight: bold; margin: 0 5px 0 0; }
#advertise .advertise_options .option form input[type="submit"] { background: #fff; border: none; color: #333; font-weight: bold; font-size: 14px; opacity: .8; filter: alpha(opacity=80); }
#advertise .advertise_options .option form input[type="submit"]:hover { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; }
#advertise .advertise_options .option.leaderboard_ad { background: #FF6666; }
#advertise .advertise_options .option.block_ad { background: #FF9900; }
#advertise .advertise_options .option.featured_album { background: #FFCC33; }
#advertise .advertise_options .option.front_page_main_feature { background: #99CC00; }
#advertise .advertise_options .option.text_link_ad { background: #5599FF; }

/* support */
#support ul, #support p { margin: 10px 0 10px 0; }
#support li { padding: 5px 0 5px 0; }
#support ul ul { margin: 0 0 8px 8px; }
#support #sidebar .options { background: #eee; }
#support #sidebar .options form input[type="text"] { width: 92px; }
#support #sidebar .options form input[type="text"], #support #sidebar .options form select { border: 1px solid #999; color: #333; font-weight: bold; margin-bottom: 10px; }
#support #sidebar .options form input[type="image"] { display: block; background: none; border: none; margin: 0 auto; }

/* listen */
#listen .options.listen h4 { background: #fff; padding: 5px; opacity: .8; filter: alpha(opacity=80); }
#listen .options.listen div { color: #333; letter-spacing: 1px; }

/* user */
ul#user_top_nav { height: 40px; background: #f5f5f5 url(http://images.distortionradio.com/shadow.png) 0 -25px repeat-x; border: 1px solid #ddd; }
ul#user_top_nav li { float: left; height: 40px; position: relative; }
ul#user_top_nav li a { display: block; color: #777; height: 25px; padding: 13px 20px 2px 20px; border-right: 1px solid #ddd; float: left; display: inline; position: relative; font-weight: bold; }
ul#user_top_nav li a:hover { background: #fff url(http://images.distortionradio.com/shadow.png) 0 -30px repeat-x; color: #222; height: 25px; }
#user_top_extras { float: right; padding: 5px 10px 5px 5px; text-align: right; }
#user_top_extras .profile_views, #user_top_extras .last_login { color: #444; }
#user { margin: 0; width: 928px; background: #fff; border: 1px solid #ddd; border-top: none; }
#user .left { float: left; width: 608px; padding: 10px; }
#user .right { float: left; width: 290px; padding: 10px 10px 10px 0; }
#user .notice { text-align: center; padding: 10px; }
#user ul { margin: 10px 0 0 0; }
#user li { padding: 10px; border-top: 1px solid #eee; min-height: 57px; }
#user li.first { border-top: none; }
#user li .user_item { position: relative; width: 524px; margin-left: 64px; }
#user li .user_item .sent { position: absolute; left: 15px; width: 65px; }
#user li .user_item .sent .date, #user li .user_item .sent .time { color: #555; }
#user li .user_item .sent .status { margin-top: 14px; color: #aaa; }
#user li .user_item .sent .status.unread { color: #CC0000; }
#user li .user_item .info { margin-left: 95px; }
#user li .user_item .info .details a { font-weight: bold; }
#user li .user_item .info .details a:hover { text-decoration: underline; }
#user li .user_item .info .details .message { display: block; border: 1px solid #e5e5e5; background-color: #f9f9f9; padding: 5px; margin: 5px 0 0 0; }
#user li .user_item .info .actions { margin: 15px 0 5px 0; }
#user li .user_item .info .actions a { padding: 3px 6px 3px 6px; margin-right: 5px; background: #eee; color: #666; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#user li .user_item .info .actions a.accept:hover { color: #eee; background: #66BB00; }
#user li .user_item .info .actions a.deny:hover, #user li .user_item .info .actions a.cancel:hover { color: #eee; background: #CC0000; }
#user li .user_item .info .preview { color: #444; }
#user li .user_item .username { font-weight: bold; margin-bottom: 10px; }
#user li .user_item .username a:hover { text-decoration: underline; }
#user li .user_item .body { color: #444; margin-bottom: 15px; }
#user li .user_item .body a { color: #444; text-decoration: underline; }
#user .message_thread_top { margin-top: 15px; }
#user .message_thread_top span { font-weight: bold; }
#user .message_thread_top a:hover { text-decoration: underline; }
#user #message_reply .profile_image_container { margin-top: 19px; }
#user #message_reply .message { color: #444; font-weight: bold; margin: 10px 0 25px 75px; }
#user #message_reply .message textarea { width: 505px; height: 100px; padding: 3px; border: 1px solid #eee; margin-top: 5px; margin-bottom: 5px; color: #333; }
#user #message_reply .submit { float: right; }
#user #my_details_top { width: 288px; }
#user #my_details_top { padding: 0; }
#user #my_details_top #user_pic a { float: right; display: block; height: 50px; width: 50px; margin: 10px 5px 10px 10px; }
#user #my_details_top li { padding: 0; min-height: 18px; border: none; text-align: right; }
#user #my_details_top li a { color: #444; }
#user #my_details_top li a:hover { text-decoration: underline; }
#user #my_details_top .username a { color: #222; font-weight: bold; }
#user #my_details { width: 280px; }
#user #my_details h4 { padding: 5px 0 5px 5px; }
#user #my_details .updates { padding: 5px 0 5px 0; }
#user #my_details .updates h4 { color: #555; }
#user #my_details .updates a { color: #CC0000; font-weight: bold; padding: 5px; }
#user #my_details ul { margin: 0 0 10px 0; }
#user #my_details li { padding: 0; min-height: 10px; }
#user #my_details li.first { border-top: none; }
#user #my_details li:hover { background: #fff; }
#user #my_details li a { display: block; padding: 5px; }
#user form#blog_entry { margin: 10px 0 0 0; }
#user form#blog_entry .section { float: left; padding: 4px 0 8px 0; color: #444; }
#user form#blog_entry .section .label { float: left; width: 35px; color: #666; }
#user form#blog_entry .section .text { float: right; width: 565px; color: #333; }
#user form#blog_entry .message input#title { width: 565px; background: #fff; padding: 3px; border: 1px solid #eee; color: #333; }
#user form#blog_entry .message textarea { width: 565px; height: 250px; padding: 3px; border: 1px solid #eee; margin-top: -4px; color: #333; }
#user form#blog_entry .message input#tags { width: 565px; margin: 8px 0 8px 0; }
#user .artist_stats.overall { position: relative; margin: 10px 0 20px 0; padding: 5px 10px 5px 10px; border: 1px solid #eee; }
#user .artist_stats .stat { padding: 5px 0 5px 0; font-size: 12px; }
#user .artist_stats .stat span { margin-left: 3px; font-size: 18px; font-weight: bold; cursor: help; border-bottom: 1px dotted #ccc; }
#user .artist_stats .stat#score { position: absolute; top: 10px; right: 10px; padding: 5px 15px 10px 15px; border: 1px solid #eee; color: #999; font-size: 14px; text-transform: uppercase; }
#user .artist_stats .stat#score span { color: #555; font-size: 28px; letter-spacing: -1.5px; }
#user .artist_stats .stat#score span.trend { margin-right: 2px; }
#user .artist_stats .stat#score span.trend_up, #user .artist_stats .stat#score span.trend_up .trend { color: #66CC33; }
#user .artist_stats .stat#score span.trend_down, #user .artist_stats .stat#score span.trend_down .trend { color: #FF3333; }
#user .artist_stats .stats_header { margin: 10px 0 0 63px; padding: 2px 0 2px 0; background: #f0f0f0; }
#user .artist_stats .stats_header div { display: inline-block; color: #777; }
#user .artist_stats .stats_header .song { width: 370px; margin-left: 7px; }
#user .artist_stats .stats_header .listeners { width: 60px; text-align: center; }
#user .artist_stats .stats_header .plays, #user .artist_stats .stats_header .requests { width: 45px; text-align: center; }
#user .artist_stats ul { margin: 0 !important; background: #f9f9f9; border: 1px solid #eee; }
#user .artist_stats li { position: relative; height: 35px; min-height: 35px; padding: 0; font-size: 12px; }
#user .artist_stats li div { display: inline-block; }
#user .artist_stats li .image { position: absolute; top: 5px; left: 35px; }
#user .artist_stats li .image .album { height: 25px; width: 25px; }
#user .artist_stats li .details { margin: 10px 0 0 0; }
#user .artist_stats li .details .position { width: 35px; color: #666; font-size: 14px; text-align: center; margin-right: 32px; }
#user .artist_stats li .details .song { width: 370px; }
#user .artist_stats li .details .listeners { width: 60px; font-weight: bold; text-align: center; }
#user .artist_stats li .details .plays, #user .artist_stats li .details .requests { width: 45px; font-weight: bold; text-align: center; }

/* live */
#live_headlines marquee { font-size: 12px; }
#live_headlines .scroll { cursor: default; }
#live_headlines .scroll a { color: #333; font-weight: bold; }
#live_headlines .scroll a:hover { color: #111; }
#live_headlines .scroll span { color: #666; }
#live_now_playing { height: 225px; }
#live_now_playing ul { margin: 10px 0 0 0; }
#live_now_playing ul li { height: 42px; overflow: hidden; }
#live_now_playing ul li.first { height: 66px; }
#live_now_playing .image { float: left; margin: 0 5px 0 0; height: 35px; width: 35px; }
#live_now_playing .first .image { height: 60px; width: 60px; }
#live_now_playing .artist { font-weight: bold; }
#live_now_playing .artist a { color: #444; }
#live_now_playing .first .artist a { color: #222; }
#live_now_playing .artist a:hover { text-decoration: underline; }
#live_now_playing .title a { color: #444; }
#live_now_playing .first .title a { color: #222; }
#live_now_playing .title a:hover { text-decoration: underline; }
#live_now_playing .time { margin: 1px 0 0 0; text-align: right; }
#live_now_playing .time a, #live_now_playing .time a strong { color: #B79C5D; }
#live_now_playing .listeners, #live_now_playing .listeners strong { color: #888; }
#live_now_playing .music_actions { display: block; margin-left: 69px; margin-top: 14px; }
#live_now_playing li, #live_chat li { padding: 5px; border-bottom: 1px solid #eee; }
#live_now_playing li.last, #live_chat li.last { border-bottom: none; }
#live_now_playing li:hover, #live_chat li:hover { background: #fff url(http://images.distortionradio.com/shadow.png) 0 -5px repeat-x !important; }
#live_coming_up { height: 105px; }
#live_chat { height: 350px; }
#live_chat #chatroom { width: 295px; margin: 10px 0 0 0; }
#live_chat #chatroom #welcome { padding: 5px; }
#live_chat #chatroom form#welcomeform input, #live_chat #chatroom form#chatform input { color: #ddd; font-size: 11px; background: #333; margin: 0; }
#live_chat #chatroom form#welcomeform input#name, #live_chat #chatroom form#welcomeform input#url { width: 120px; }
#live_chat #chatroom form#welcomeform input#connect { text-align: center; margin: 10px 10px 0 10px; }
#live_chat #chatroom form#welcomeform span, #live_chat #chatroom form#welcomeform span a { color: #666; }
#live_chat #chatroom form#welcomeform .error { color: #CC0000; }
#live_chat #chatroom #welcome #terms { height: 100px; margin: 15px 0 0 0; overflow: auto; }
#live_chat #chatroom #welcome #terms li { color: #666; border: none; background: none !important; }
#live_chat #chatroom #welcome #terms a { color: #666; }
#live_chat #chatroom .left { width: 295px; margin: 0; }
#live_chat #chatroom .right { width: 295px; }
#live_chat #chatroom h2.chat { position: absolute; top: -24px; width: 295px; margin: 0; padding: 0; color: #f5f5f5; font-size: 10px; line-height: 10px; text-align: right; }
#live_chat #chatroom h2.chat #time { top: 12px; color: #777; padding: 0; background: none; border: none; }
#live_chat #chatroom form#chatform input[type="text"] { width: 287px; background: #888 url(http://images.distortionradio.com/fade.png) 0 -6px repeat-x !important; color: #fff; }
#live_chat #chatroom form#chatform .error { padding: 3px 0 0 5px; }
#live_chat #chatroom form#chatform .counter { padding: 3px 5px 0 0; }
#live_chat #chatroom #chat { width: 295px; height: 212px; margin: 0; }
#live_chat #chatroom #chat li, #chat_page #chatroom #chat li { color: #222; min-height: 30px; background: none; margin-right: 5px; }
#live_chat #chatroom #chat .name span, #live_chat #chatroom #chat .name a { color: #222; }
#live_chat #chatroom #chat .name .guest { color: #666 !important; }
#live_chat #chatroom #chat .image { border: none; }
#live_chat #chatroom #chat .content, #live_chat #chatroom #chat .message, #chat_page #chatroom #chat .content, i, #chat_page #chatroom #chat .message { color: #222; }
#live_chat #chatroom #chat .time, #live_chat #chatroom #chat .ip a { color: #777; }
#live_chat #chatroom #chat .confirm_action { top: 0px; padding: 100px 0 0 0; height: 134px; background: #222; opacity: 0.9; filter: alpha(opacity=90); }
#live_chat #chatroom #chat .confirm_action span { background: #000; }
#live_chat #chatroom #online { width: 295px; margin: 5px 0 0 0; color: #222; }
#live_chat #chatroom #online ul li { float: left; color: #222; padding: 0; border: none; }
#live_chat #chatroom #online ul li:hover { background: none !important; }
#live_chat #chatroom #online div, #live_chat #chatroom #online ul li a { color: #222; }