html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {margin: 0; padding: 0; border: 0; outline: 0; color: #f9f9f9; font-size: 100%; vertical-align: baseline; background: transparent}
body {background: #f0f0f0 url(http://images.distortionradio.com/bg.png) repeat-y 50% fixed; color: #777; font: 11px/1.2 Arial, Helvetica, Verdana, sans-serif; line-height: 1.2}
ol, ul {list-style: none}
blockquote, q {quotes: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
#container {background: #222; border-left: 1px #363636 solid; border-right: 1px #363636 solid; border-bottom: 1px #363636 solid; margin: 0 auto; padding: 0 10px 0 10px; position: relative; width: 830px}
.column {float: left; margin: 0 10px 10px 0; position: relative}
.last {margin-right: 0}
.span_1 {width: 140px}
.span_2 {width: 158px}
.span_3 {width: 270px}
.span_4 {width: 300px}
.span_5 {width: 340px}
.span_6 {width: 400px}
.span_7 {width: 480px}
.span_8 {width: 550px}
.span_9 {width: 620px}
.span_10 {width: 690px}
.span_11 {width: 760px}
.span_12 {width: 830px; margin-right: 0}
.safeguard h3 {overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap}
* html .safeguard h3 {white-space: normal; word-wrap: break-word}
.safeguard img, .safeguard object, .safeguard embed {max-width: 100%; z-index: 1}
.nodisp {line-height: 0px; display: none}
#masthead {padding: 5px 0}
#masthead > ul {float: right}
#masthead li {float: left}
#masthead a:link, #masthead a:visited {display: block; margin: 0 5px; padding: 5px 10px}
#masthead ul ul a:link, #masthead ul ul a:visited {margin: 0 3px; padding: 5px 6px}
#masthead #distortion_logo a:link, #masthead #distortion_logo a:visited {height: 30px; left: 5px; margin: 0; padding: 0; position: absolute; top: 4px; text-indent: -9000px; width: 36px}
#masthead #distortion_logo a:hover, #masthead #distortion_logo a:active {text-decoration: none}
#masthead #distortion_logo a span {color: #555; font-weight: normal; left: 40px; line-height: 30px; position: absolute; top: 0; text-indent: 0}
#access_bar h2 {border-bottom-style: none; padding: 5px 0 0 10px; display: inline}
#access_bar form {display: inline; line-height: 22px}
#access_bar label#login_remember_me {height: auto; position: relative; text-indent: 0; margin-right: 5px}
#access_bar input {font-size: 11px}
#access_bar input#login, #access_bar input#password {font-size: 11px; width: 100px; padding: 2px; border: 1px dotted}
#access_bar input[id="login"], #access_bar input[id="password"] {background: #222; color: #888}
#access_bar input#login:focus, #access_bar input#password:focus {color: #ccc}
#access_bar p {padding-left: 0; margin-left: 3px}
#access_bar p, #access_bar input {display: inline}
#access_bar p a {position: relative; top: -3px}
#siteinfo h2 {color: #ccc; font-size: 11px; letter-spacing: 2px}
#siteinfo ul {margin: 5px 0}
#siteinfo ul a:hover {color: #ccc; text-decoration: none; border-bottom: 1px dotted}
#siteinfo li {margin: 2px 10px; font-size: 10px}
#siteinfo p {margin: 5px 10px}
.user_content {word-wrap: break-word}
.user_content img, .user_content object, .user_content embed {max-width: 100%}
* html .user_content {overflow-x: hidden; width: 100%}
.user_content p {margin: 0 5px 5px}
.user_content ul {margin: 0 5px 10px}
.user_content li {padding-left: 1em}
.clear {display: block}
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .clear {height: 1%}
.button, a.button {background: #19abbb; border: 1px solid #069; border-top-color: #3cf; color: #fff; cursor: hand; cursor: pointer; font-size: 14px; letter-spacing: 1px; line-height: 1.15; margin: 0; text-align: center; text-decoration: none; text-shadow: #000 3px 3px 2px; margin: 0.8em 1em 0 0; font-weight: normal}
.button * {background: none; border: none; color: #fff; cursor: hand; cursor: pointer; font-size: 14px; letter-spacing: 1px; line-height: 1.15; padding: 3px 20px; text-align: center; text-decoration: none; text-shadow: #000 3px 3px 2px; font-weight: normal; width: 100%}
input.button {padding: 3px 20px}
.buttons li.button {padding: 3px 10px 0 10px}
.buttons li.button a {padding: 0}
.button a:link, .button a:hover, .button a:active, .button a:visited, a.button:link, a.button:hover, a.button:active, a.button:visited {color: #fff; font-size: 14px; text-decoration: none; font-weight: normal; padding: 5px 20px}
.contextual_help {position: relative; height: 19px; text-align: left; text-indent: -1000em; width: 19px}
.field_with_contextual_help {position: relative}
.field_with_contextual_help .contextual_help {position: absolute; right: 0; top: 0}
.contextual_help .help_wrapper {color: #000; display: none; left: -133px; padding-bottom: 9px; position: absolute; text-indent: 0; top: -6px; width: 156px; z-index: 50}
.contextual_help_js .help_wrapper {display: block}
.contextual_help h4 {color: #000; font-size: 12px; margin: 0; padding: 7px 25px 0 5px; width: 126px}
.contextual_help p {color: #000; font-size: 11px; margin: 0; padding: 5px 5px 0; width: 146px}
.contextual_help a {color: #668da0 !important; font-weight: bold !important; text-decoration: none !important}
.contextual_help a:hover {color: #3b454d !important}
.navigation {height: 30px; width: 830px; margin: 0}
.navigation li {display: inline; float: left; border-right: 1px solid #111}
.navigation a:link, .navigation a:visited, .navigation span {display: inline; float: left; font-size: 12px; font-family: arial, "lucida grande" sans-serif; padding: 6px 10px 5px 10px; color: #777}
.navigation a:active {background-color:#999999; color: #666}
.navigation a:hover, .navigation li.current a, .navigation li.current span {color: #f90; text-decoration: none; background: url(http://images.distortionradio.com/bg_nav_hi.gif) repeat-x}
.navigation.sub_nav {height: 25px}
.navigation.sub_nav a, .navigation.sub_nav span {font-size: 11px; padding-bottom: 0; padding: 3px 10px}
.object_pagination li {float: left; padding: 2px}
#header {position: relative; height: 128px; background: url(http://images.distortionradio.com/header_bg.png) no-repeat; margin: 0 auto 10px; left: -10px; width: 850px; z-index: 1000}
.c #header, .f #header, .s #header {padding: 0; width: 850px}
.c #header #site_logo, .f #header #site_logo, .s #header #site_logo {background: url(http://images.distortionradio.com/logo.png) no-repeat}
.c #header a, .f #header a, .s #header a {color: #44bfff; font-size: 11px}
.c #header a:hover, .f #header a:hover, .f #header a:active, .f #header a:active, .s #header a:active, .s #header a:active {color: #ff9900}
.c #header #main_nav li.has_subnav:hover, .f #header #main_nav li.has_subnav:hover, .s #header #main_nav li.has_subnav:hover {background: url(http://images.distortionradio.com/header_tab_l.gif) no-repeat}
.c #header #main_nav li.has_subnav a, .f #header #main_nav li.has_subnav a, .s #header #main_nav li.has_subnav a {background: url(http://images.distortionradio.com/header_arrow.gif) no-repeat right}
.c #header #main_nav li.has_subnav:hover a, .f #header #main_nav li.has_subnav:hover a, .s #header #main_nav li.has_subnav:hover a {background: url(http://images.distortionradio.com/header_tab_r.gif) no-repeat top right}
.c #header #main_nav .subnav_content, .f #header #main_nav .subnav_content, .s #header #main_nav .subnav_content {background: #1a1a1a; border: 1px solid #323232}
.c #header #main_nav li.has_subnav .subnav_content a.divided, .f #header #main_nav li.has_subnav .subnav_content a.divided, .s #header #main_nav li.has_subnav .subnav_content a.divided {border-top: 1px solid #4e4e4e}
.c #header #main_nav li.has_subnav .subnav_content #X_search_form, .f #header #main_nav li.has_subnav .subnav_content #X_search_form, .s #header #main_nav li.has_subnav .subnav_content #X_search_form {border-top: 1px solid #4e4e4e;}
#site_logo {display: block; position: relative; float: left; height: 84px; width: 200px; left: 4px; cursor: default}
#site_logo:hover {opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
/*#v3_beta {float: left; margin-top: 12px; margin-left: 16px; font-size:12px; font-weight: bold; color: #fff; cursor: crosshair; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70)}
#v3_beta:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#v3_beta h5 {font-size: 10px; font-weight: bold; color: #ddd}*/
#header_search {margin-left: 6px; margin-top: 2px}
#header_search .query {float: left; margin-top: 2px; width: 118px; height: 16px; color: #000; font-size: 12px; padding: 0px; border: none; background: #444; opacity: .45; -moz-opacity: .45; filter: alpha(opacity=45)}
#header_search .query:hover {opacity: .55; -moz-opacity: .55; filter: alpha(opacity=55)}
#header_search .query:focus {opacity: .65; -moz-opacity: .65; filter: alpha(opacity=65)}
#header_search .submit {margin-left: -2px; margin-top: 2px; width: 16px; height: 16px; background: url(http://images.distortionradio.com/search.gif); border: none}
#main_nav {float: left; background: url(http://images.distortionradio.com/main_nav.gif) repeat-x; width: 850px; margin: 14px 0 0 0}
* html #main_nav {margin-right: 6px; background-image: url(http://images.distortionradio.com/header_ie.jpg)}
#main_nav li {padding: 0 3px 0 3px; margin-top: 8px}
#main_nav li a {font-weight: bold; line-height: 30px; text-decoration: none; padding: 3px 8px 0 2px}
#main_nav li.has_subnav a {padding: 3px 18px 3px 3px}
#main_nav li a span {color: #ccc}
#main_nav .subnav_content {opacity: .9; -moz-opacity: .9; filter: alpha(opacity=90); font-weight: normal; border-top: none !important; margin: 0 0 0 -3px; z-index: 1000}
#main_nav .subnav_content li {font-weight: normal; background: none; height: 30px; margin: 0; padding: 0}
#main_nav li.has_subnav .subnav_content a {display: inline; background: none !important; line-height: 30px; padding: 0 5px 0 8px}
#main_nav li.has_subnav .subnav_content #X_search_form {margin: 0 7px 7px; padding: 0; width: 165px}
#main_nav li.has_subnav .subnav_content #X_search_form label {display: none}
#main_nav li.has_subnav #X_model_attributes_login {float: left; margin: 7px 7px 7px 0; width: 100px}
#main_nav li.has_subnav form .button {float: left; margin: 8px 0 0 0}
#main_nav li.has_subnav form .button .button_input {padding: 0 5px}
#header_notifications {left: 80px; position: absolute}
#main_nav #header_notifications {background-repeat: no-repeat; background-position: 8px 7px; padding-left: 20px}
#main_nav #header_notifications .subnav_content {margin-left: -20px}
#main_nav #header_notifications li a {background-repeat: no-repeat; background-position: 5px; padding-left: 25px}
#nav_listen {height: 20px; width: 42px; background: url(http://images.distortionradio.com/nav_listen.png) no-repeat}
#nav_browse {height: 20px; width: 58px; background: url(http://images.distortionradio.com/nav_browse.png) no-repeat}
#nav_music {height: 20px; width: 47px; background: url(http://images.distortionradio.com/nav_music.png) no-repeat}
#nav_charts {height: 20px; width: 48px; background: url(http://images.distortionradio.com/nav_charts.png) no-repeat}
#nav_shows {height: 20px; width: 50px; background: url(http://images.distortionradio.com/nav_shows.png) no-repeat}
#nav_merch {height: 20px; width: 49px; background: url(http://images.distortionradio.com/nav_merch.png) no-repeat}
#nav_community {height: 20px; width: 87px; background: url(http://images.distortionradio.com/nav_community.png) no-repeat}
#nav_sign_up {height: 20px; width: 57px; background: url(http://images.distortionradio.com/nav_sign_up.png) no-repeat}
#nav_log_in {height: 20px; width: 41px; background: url(http://images.distortionradio.com/nav_log_in.png) no-repeat}
#nav_my_home {height: 20px; width: 73px; background: url(http://images.distortionradio.com/nav_my_home.png) no-repeat}
#nav_log_out {height: 20px; width: 52px; background: url(http://images.distortionradio.com/nav_log_out.png) no-repeat}
#sub_nav_pop-up_player {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_pop-up_player.png) no-repeat}
#sub_nav_128k {float: left; margin: 8px 0 0 6px; height: 16px; width: 30px; background: url(http://images.distortionradio.com/sub_nav_128k.png) no-repeat; padding: 0 0 3px 0}
#sub_nav_64k {float: left; margin: 7px 0 0 6px; height: 16px; width: 24px; background: url(http://images.distortionradio.com/sub_nav_64k.png) no-repeat; padding: 0 0 3px 0}
#sub_nav_32k {float: left; margin: 6px 0 0 6px; height: 16px; width: 24px; background: url(http://images.distortionradio.com/sub_nav_32k.png) no-repeat; padding: 0 0 3px 0}
#sub_nav_playlist {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_playlist.png) no-repeat}
#sub_nav_listeners {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_listeners.png) no-repeat}
#sub_nav_artists {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_artists.png) no-repeat}
#sub_nav_genres {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_genres.png) no-repeat}
#sub_nav_tags {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_tags.png) no-repeat}
#sub_nav_profile {float: left; margin: 7px 0 0 5px; height: 16px; width: 44px; background: url(http://images.distortionradio.com/sub_nav_profile.png) no-repeat}
#sub_nav_spacer {position: absolute; right: 60px; top: 5px; height: 16px; width: 4px; background: url(http://images.distortionradio.com/sub_nav_spacer.png) no-repeat}
#sub_nav_edit {position: absolute; left: 8px; top: 7px; height: 16px; width: 26px; background: url(http://images.distortionradio.com/sub_nav_edit.png) no-repeat}
#sub_nav_messages {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_messages.png) no-repeat}
#sub_nav_friends {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_friends.png) no-repeat}
#sub_nav_comments {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_comments.png) no-repeat}
#sub_nav_photos {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_photos.png) no-repeat}
#sub_nav_blog {float: left; margin: 7px 0 0 5px; height: 16px; width: 100%; background: url(http://images.distortionradio.com/sub_nav_blog.png) no-repeat}
.menu, .menu * {margin: 0; padding: 0; list-style: none; cursor: default}
.menu {line-height: 1.0}
.menu ul {position: absolute; top: 26px}
.menu, .menu ul {list-style: none; margin: 0}
.menu li {float: left; position: relative}
.menu li:hover {visibility: inherit} /* fixes IE7 'sticky bug' */
.menu li.selected ul {z-index: 99}
.menu li:hover ul, ul.menu li:hover li ul, ul.menu li.selected li ul, ul.menu li li:hover li ul, ul.menu li li.selected li ul, ul.menu li li:hover ul, ul.menu li li.selected ul, ul.menu li li li:hover ul, ul.menu li li li.selected ul {top: 26px}
.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li.selected ul, ul.menu li li li:hover ul, ul.menu li li li.selected ul {left: 3px}
.menu a {display: block; position: relative}
.menu li .subnav_content {display: none; position: absolute; white-space: nowrap}
/*.menu li:hover .subnav_content {display: block}*/
.menu .subnav_content li {float: none; margin: 0; min-width: 100px}* html .menu .subnav_content li {display: inline}
.po_wrap, .po_dim, .loading_dim {font-size: 1em; height: 100%; left: 0; position: absolute; top: 0; width: 100%}
.po_wrap strong {font-size: 0.9em; line-height: 0.9em}
.po_dim, .loading_dim {background: #000; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); z-index: 100}
.loading_dim {background: transparent; z-index: 111}
.loading_indicator {left: 46%; position: fixed; top: 48%; z-index: 111}
* html .po_wrap, * html .po_dim, * html .loading_dim, * html .loading_indicator {position: absolute}
.po_box {background: #fff; margin: 30px auto 0; max-width: 830px; position: relative; width: 550px; z-index: 111}
.po_box .referer_link {color: #fff; display: block; height: 16px; position: absolute; right: 10px; text-indent: -9000px; top: 10px; width: 17px; z-index: 200}
.po {color: #000; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; padding: 10px; position: relative; text-align: left}
.po h1 {background: #303030; color: #fff; font-size: 1.8em; height: 57px; padding: 15px 10px; position: relative; z-index: 1}
.po h2.skin {background: url(http://images.distortionradio.com/contentheaders.gif) top repeat-x; color: #fff; line-height: 22px; font-family: Arial; font-size: 1.2em; font-weight: bold; height: 22px; text-indent: 5px}
.po p {font-size: 1.2em; margin: 0 5px 1em}
.po_wrap .po a {color: #668da0; font-weight: bold; text-decoration: none}
.po_wrap .po a:hover {color: #3b454d}
.po legend, .po label, .po input, .po select, .po textarea {font-size: 1.2em}
.po .step_part {float: right; width: 48%}
.po .part_one {float: left}
.po #user_login, .po #user_password {width: 96%}
.po #user_email {width: 98%}
.po .step {z-index: 50}
.po #login_utilities {clear: both; float: left; margin: 5px 0; position: relative; width: 100%}
.po #login_utilities input, .po #login_utilities label {float: left; margin: 3px 0 2px}
.po label {font-weight: normal}
.po #login_utilities #remember_me {background: transparent; width: auto}
.po #login_utilities .contextual_help {left: 110px; position: absolute; top: 3px}
.po #login_utilities .contextual_help .help_wrapper {left: -132px; top: -5px}
.po #login_utilities .contextual_help .help_wrapper p {margin: 0; padding: 5px 5px 0}
.po #login .button {clear: both}
.notification {background: #efefef; border: 1px solid #cdcdcd; color: #000; margin: 0 5px 10px; padding: 5px 0; clear: both}
.f #container .notification, .po_wrap .notification, #content .notification, #shouts .notification {margin: 0 0 10px}
#c2 .notification {margin: 0}
.notification_inner {font-size: 12px; min-height: 25px; padding: 17px 10px 5px 60px}
* html .notification_inner {height: 25px}
.notification_inner p, .notification_inner ul {color: #000; font-size: 12px; margin-top: 0}
.c #content .notification_inner p, .c #content .notification_inner ul {color: #000}
.notification .notification_inner a {color: #668da0 !important; font-weight: bold; text-decoration: none}
.notification .notification_inner a:hover {color: #3b454d !important}
form#confirm, form#confirm fieldset {margin: 0; padding: 0}
form#confirm p {font-size: 12px}
form#confirm ul.buttons {float: none; margin: 0 auto; width: 100px}
form#confirm ul.buttons a, form#confirm ul.buttons button, form#confirm ul.buttons input {color: #fff !important}
.asynchronous_spinner, .asynchronous_spinner_black {background-position: 0 0; background-repeat: no-repeat; display: block; height: 16px; margin: auto; position: relative; width: 16px; z-index: 99}
ul.live_suggestions_drop_down {background-color: #fff; border: 1px solid #ccc; color: #333; display: none; font-size: 1.1em; list-style: none; margin: 0; max-height: 100px; overflow: auto; padding: 0; position: absolute}
ul.live_suggestions_drop_down li {cursor: default; height: 1.8em; line-height: 1.8em; margin: 0; padding: 0; white-space: nowrap}
ul.live_suggestions_drop_down li.live_suggestions_selected {background-color: #668da0; color: #fff}
.live_suggestions_loading {background: #fff; border: 1px solid #000; color: #000; height: 1.8em; position: absolute}
.live_suggestions_combo_box_button {color: #fff; cursor: default; height: 18px; position: absolute; text-indent: -3000px; width: 19px}
.live_suggestions_combo_box_button.pressed {background-position: -29px 0}
div.wysiwyg {position: relative}
div.wysiwyg label.wysiwyg_label {position: relative; top: 5px}
div.wysiwyg_controls {height: 17px; position: absolute; right: 0; text-align: right; top: 0; width: 300px; z-index: 10}
div.text_area_container {position: relative; height: 150px; top: 5px; width: 535px; z-index: 1}
form#send_invite_form div#text_area_container {height: 142px; width: 605px}
form#send_invite_form textarea.wysiwyg_text, form#send_invite_form iframe {height: 140px; width: 603px}
.picture_editor {position: relative; margin: auto}
.picture_editor_viewport {position: relative; left: 0; margin: 0; max-width: 810px; top: 0}
.picture_editor_picture {left: 0; position: absolute; top: 0; max-width: 810px}
.picture_editor_overlay {cursor: crosshair; left: 0; position: absolute; background: red; top: 0}
img.picture_editor_picture, .picture_editor_overlay {margin: 0 auto !important}
.picture_editor_cropbox {border: 1px dashed white; cursor: move; position: absolute}
.picture_editor_cropbox_darkborder {border: 1px dashed black; cursor: move; width: 100%; height: 100%}
.picture_edit_gravity {top: 0; left: 0; display: none; height: 7px; width: 7px; position: absolute}
.picture_edit_image_icon {float:left}
label.picture_edit_label {clear:both; display:block}
label.picture_edit_label input, label.picture_edit_label img {float:left}
div#picture_editor_buttons {clear:both; padding:5px 0 5px 0; text-align:right}
div#picture_editor_buttons input {margin:0; padding:0; display:inline}
div#picture_editor_buttons br {clear:both}
textarea#image_description {height:100px}
fieldset#image_editor div#privacy_settings input, fieldset#image_editor div#privacy_settings label {border: 1px #f00 solid; float: left}
#slideshow_overlay .po_box, #slideshow_overlay .po {background: transparent}
#slideshow_overlay .po_box {width: 570px}
#slideshow_overlay .po_box .referer_link {right: -10px}
#slideshow_overlay .po {font-size: 11px; color: #797979; width: 570px}
#slideshow_overlay .po_dim {opacity: .95; -moz-opacity: .95; filter: alpha(opacity=95)}
#slideshow_overlay .asynchronous_spinner {position: absolute; top: 50px; left: 50%}
#slideshow_overlay #slideshow_slide {clear: both; display: block; margin: 0 auto}
#slideshow_overlay #slideshow_timer_slider {position: relative; display: block; top: 3px; width: 70px; height: 16px; padding: 0; margin: 0 3px; float: left}
#slideshow_overlay a {margin: 5px}
#slideshow_overlay .po .left {float: left}
#slideshow_overlay #slideshow_options {text-align: left; margin: 2px 0}
#slideshow_overlay #slideshow_controls {margin: 2px auto; height: 20px; width: 400px}
#slideshow_overlay div.animation_options {position: relative; top: -2px; display: block; height: 20px; width: 110px; float: left; margin-left: 5px}
#slideshow_overlay a.partial_close_button {color: #fff; top: 5px; right: 20px}
#slideshow_overlay a.slideshow_button {position: relative; top: -7px; display: block; float: left; height: 18px; width: 25px; text-indent: -9000px; overflow: hidden; background-repeat: no-repeat}
#slideshow_play_pause_button {background-image: url(http://images.distortionradio.com/slider_btn_play.gif)}
#slideshow_previous_button {background-image: url(http://images.distortionradio.com/slider_btn_backwards.gif)}
#slideshow_next_button {background-image: url(http://images.distortionradio.com/slider_btn_forwards.gif)}
.reply_comment_quick, .comment_history_container {clear: both; margin: 40px 0 0 0; overflow: hidden; position: relative; width: 100%}
.reply_comment_quick .button {width: 45px}
.comment_history_container {border-bottom: 1px solid #ccc; left: -5px; padding: 0; position: relative; width: 543px}
.reply_comment_quick textarea {width: 524px; border: none}
.reply_comment_quick div.last {position: relative; top: 30px}
.reply_comment_quick div.last input {float: right; margin-right: 10px}
.live_suggestions_no_match {}
blockquote.message_reply {background-color: #f1f1f1; border-left: 10px #ccc solid; color: #000; padding: 5px 5px 5px 10px}
blockquote.message_reply:before {content: "\201c"}
blockquote.message_reply:after {content: "\201d"}
.selector {position: absolute; border: 1px dashed gray; height: 0; width: 0; cursor: move}
.selector_handle {position: absolute; height: 8px; width: 8px; font-size: 1px; background: gray}
.selector_handle.top_left {top: -8px; left: -8px; cursor: nw-resize}
.selector_handle.top {top: -8px; left: 50%; margin-left: -4px; cursor: n-resize}
.selector_handle.top_right {top: -8px; right: -8px; cursor: ne-resize}
.selector_handle.right {top: 50%; right: -8px; margin-top: -4px; cursor: e-resize}
.selector_handle.bottom_right {bottom: -8px; right: -8px; cursor: se-resize}
.selector_handle.bottom {left: 50%; bottom: -8px; margin-left: -4px; cursor: s-resize}
.selector_handle.bottom_left {left: -8px; bottom: -8px; cursor: sw-resize}
.selector_handle.left {top: 50%; left: -8px; margin-top: -4px; cursor: w-resize}
.collapsible_content {overflow: hidden}
.adocca_window {position: absolute; top: 10px; left: 10px; height: 200px; width: 200px; border: 1px solid black; background: white; z-index: 100}
.adocca_window_title_bar {position: absolute; top: 0; left: 0; margin: 0; height: 24px; line-height: 24px; font-size: 14px; text-indent: 25px; width: 100%; background: black; color: white}
.adocca_window_button {position: absolute; top: 3px; left: 3px; height: 16px; width: 16px; line-height: 16px; border: 1px solid white; color: white; text-align: center}
.adocca_window_content {position: absolute; top: 24px; left: 0; bottom: 0; right: 0; overflow: auto}
.po_wrap#signup_login_overlay .po_box {background: transparent; width: 411px; font-size: 9px}
.po_wrap#signup_login_overlay .po_box .referer_link {background: none; color: #777; text-indent: 0; width: auto; z-index: 200; font-size: 15px; padding-right: 10px; top: 20px; right: 20px; text-decoration: none}
.po_wrap#signup_login_overlay .po_box .referer_link:hover {background: #777; color: white}
.po_wrap#signup_login_overlay .login_signup_section {background: white; padding: 10px; margin: 0}
.po_wrap#signup_login_overlay .login_signup_section.invite_section {padding-bottom: 0; margin-bottom: -10px}
.po_wrap#signup_login_overlay .login_signup_section.invite_section .inviter {text-align: center}
.po_wrap#signup_login_overlay .login_signup_section form.nag_button {margin: 0 0 -10px; padding: 0}
#signup_login_overlay .referer_link, .po_wrap#signup_login_overlay .login_signup_section form.nag_button input {background: none; border: none; color: #777; float: right; font-size: 12px; width: auto}
.po_wrap#signup_login_overlay .login_signup_section form.nag_button input:hover {background: #777; color: white; cursor: pointer}
.po_wrap#signup_login_overlay .login_signup_section form {clear: both; padding: 0 5px; margin: 0}
.po_wrap#signup_login_overlay .login_signup_section form input {font-size: 11px; width: 97%}
.po_wrap#signup_login_overlay a {font-weight: normal; color: #14b0d4}
.po_wrap#signup_login_overlay .login_signup_section h2, .po_wrap #signup_2 h2 {font-weight: normal; font-size: 18px; padding: 10px; margin: 0 5px; border-bottom: 1px solid #e1e1e1}
.po_wrap#signup_login_overlay.invite .login_signup_section h2, .po_wrap#signup_login_overlay.invite .login_signup_section h3 {margin: 5px; font-weight: bold; text-align: center}
.po_wrap#signup_login_overlay.invite .po_box .referer_link {display: none}
.po_wrap#signup_login_overlay.invite .login_signup_section h2 {font-size: 30px; margin: 0; padding: 0 0 5px 0}
.po_wrap#signup_login_overlay.invite .login_signup_section h3 span {padding-right: 15px; /*background: url(http://images.distortionradio.com/icons/icon_people_small.gif) 100% 2px no-repeat*/}
.po_wrap#signup_login_overlay.invite .login_signup_section h3 span.music {/*background-image: url(http://images.distortionradio.com/icons/icon_music_small_black.gif)*/}
.po_wrap#signup_login_overlay.invite .inviter {border: 1px solid #cdcdcd; color: #000; margin: 0 0 10px; padding: 5px 0}
.po_wrap#signup_login_overlay.invite .login_signup_section .image {margin: 0 auto}
* html .po_wrap#signup_login_overlay.invite .login_signup_section .image {display: none}
.po_wrap#signup_login_overlay .login_signup_section#login_section {padding: 2px 10px}
.po_wrap#signup_login_overlay .login_signup_section#login_section p {font-size: 13px; float: right}
.po_wrap#signup_login_overlay .login_signup_section#login_section p a {color: #14b0d4; font-weight: bold}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup {margin: 3px 0; padding: 0; width: auto}
.po_wrap#signup_login_overlay .login_signup_section #login_signup {height: 107px; width: auto; /*background: url(http://images.distortionradio.com/v10/signup/bg_signuphere.gif) repeat-x; */margin: 0; padding: 15px 0 0 10px; border: 1px solid #d0d0d0}
.po_wrap#signup_login_overlay .login_signup_section #login_signup h2 {text-align: left; font: 40px Helvetica, Sans-Serif; text-transform: uppercase; text-indent: 0; padding-right: 50px; /*background: url(http://images.distortionradio.com/v10/signup/arrow.png) top right no-repeat;*/ border: 0}
.po_wrap#signup_login_overlay .login_signup_section #login_signup h2 span {font-size: 60px; color: #000}
.po_wrap#signup_login_overlay .login_signup_section #login_signup.twenty_second h2 {padding-right: 0; padding-bottom: 20px; font-size: 35px}
.po_wrap#signup_login_overlay .login_signup_section #login_signup.twenty_second h2 span {font-size: 45px; font-weight: bold; display: block}
.po_wrap#signup_login_overlay .login_signup_section #login_signup.need_to_be_member {height: 220px}
.po_wrap#signup_login_overlay .login_signup_section #login_signup.need_to_be_member h2 {padding-right: 0; font-size: 35px; background-position: bottom right}
.po_wrap#signup_login_overlay .login_signup_section #login_signup.need_to_be_member h2 span {font-size: 45px; font-weight: bold; display: block}
.po_wrap#signup_login_overlay form.quick_signup {position: relative; height: 95px; padding: 0; margin: 3px 0; /*background: url(http://images.distortionradio.com/v10/signup/bg_white.gif) repeat-x;*/ border: 1px solid #d0d0d0; width: auto}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup h3 {text-align: left; font: 16px Helvetica, Sans-Serif; font-weight: bold; text-indent: 0; padding: 10px 5px 20px 90px; color: #000; margin: 0}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup button.quick_signup_button {background: none; border: 0; position: relative; left: 80px; top: -15px; font: 16px Helvetica, Sans-Serif; font-weight: bold}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup_people h3 {/*background: url(http://images.distortionradio.com/v10/signup/people_icon_white.gif) 20px 12px no-repeat; */padding-top: 10px; padding-bottom: 25px}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup_music h3 {/*background: url(http://images.distortionradio.com/v10/signup/music_icon.gif) 20px 12px no-repeat; */padding-top: 10px; padding-bottom: 25px}
.po_wrap#signup_login_overlay form.quick_signup:hover {/*background: url(http://images.distortionradio.com/v10/signup/bg_white_hover.gif) repeat-x*/}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup_people:hover h3 {/*background: url(http://images.distortionradio.com/v10/signup/people_icon_white_hover.gif) 20px 12px no-repeat*/}
.po_wrap#signup_login_overlay .login_signup_section form.quick_signup button.quick_signup_button {color: #ccc; cursor: hand; cursor: pointer}
.po_wrap #signup_2 p, .po_wrap #signup_2 label {font-size: 13px}
.po_wrap #signup_2 {background: white; padding: 5px}
.po_wrap#signup_login_overlay #signup_2 form.quick_signup {background: #f6f6f6; padding: 5px; border: 0; height: auto}
.po_wrap #signup_2 label {display: block}
.po_wrap #signup_2 select {display: inline}
.po_wrap #signup_2 .checkbox, .po_wrap #signup_2 input.hidden_input {display: inline}
.po_wrap #signup_2 input#sign_up {float: right; width: auto}
.po_wrap #signup_2 .error {color: red; background: none}
.recent_airplay dd, .recent_airplay form {float: left}
dl.recent_airplay {position: absolute; bottom: 6px; right: 0px}
.recent_airplay dd {color: #ccc; margin: 0; line-height: 19px}
.recent_airplay_count {padding: 0 5px 0 15px}
.recent_airplay.owner .recent_airplay_count {padding-left: 15px}
.recent_airplay dd a {color: #bb7711; display: block; font-size: 1em; padding-left: 15px; text-decoration: none}
.recent_airplay.owner .recent_airplay_count a {padding-left: 0}
.recent_airplay dd a:hover {color: #fff}
.object_actions li dl.recent_airplay a {background: none; color: #e3bf09; font-weight: bold; padding-right: 0}
.object_actions li dl.recent_airplay a:hover {color: #fff}
.bannerpadding {padding: 20px}
.bannercentered {text-align: center}
#branding {background: url(http://images.distortionradio.com/branding.jpg) no-repeat; height: 195px; position: relative}
#branding h1 {background: #000; color: #fff; font-size: 24px; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); padding-right: 10px; position: absolute; top: 85px; right: 0px;}
#features {min-height: 370px; z-index: 1}
* html #features {height: 370px}
#features ul {position: relative; zoom: 1}
#features li {position: absolute; top: 0; left: 0; background: url(http://images.distortionradio.com/container_inner_bg_new.gif) -3px 225px no-repeat; padding-bottom: 5px; height: 370px; width: 550px; zoom: 1; display: none}
#features li.active {display: block}
#features img {height: 275px; left: 0; position: absolute; top: 0; width: 100%}
#features h3 a {display: block; padding-top: 275px}
#features .image {z-index: 1}
#features h3 a {position: relative; z-index: 2}
#features p {width: 530px}
#feature_contents {position: absolute; top: 280px; right: 10px; z-index: 5; display: none}
#feature_contents li {float: left; padding-left: 5px}
#feature_contents li.active a.chooser {border: 1px solid #999; background: #3e3e3e; opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#feature_contents li a.chooser {border: 1px solid transparent; display: block; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70)}
#feature_contents a.chooser {height: 16px; width: 16px; text-decoration: none; z-index: 99}
#feature_contents a.chooser:hover {border: 1px solid #777}
#checkitout {position: relative}
#checkitout h3 a {display: block; padding-top: 240px}
#checkitout img {left: 0; position: absolute; top: 38px}
#checkitout h3 a {position: relative; z-index: 2}
#checkitout img {z-index: 1}
#video {background: #345; height: 200px; margin-top: 10px; width: 100%}
#videos {margin-left: -10px; position: relative; z-index: 1; zoom: 1;}
#videos li {display: inline}
#videos a {background: #345; float: left; height: 60px; margin: 10px 0 0 10px; width: 60px}
#radio {background: #345; height: 380px; width: 100%}
#featured {margin-left: -10px; position: relative; zoom: 1;}
#featured li {float: left; margin-left: 10px; position: relative; width: 200px}
#featured li:hover {background: #292929}
#featured li:hover img {border-color: #aa0000}
* html #featured li {overflow: hidden}
* html #featured li {display: inline}
#featured h3 a {display: block; padding-top: 110px}
#featured img {height: 100px; left: 0; position: absolute; top: 0}
#featured .image {z-index: 1}
#featured h3 a {position: relative; z-index: 2}
#featured.wide {margin: 0}
#featured.wide li {background-position: 0 0; margin: 0 0 0 0; min-height: 110px; width: 400px}
* html #featured.wide li {height: 110px}
#featured.wide h3 a {padding: 0 0 0 200px}
#featured.wide p {padding-left: 105px}
#featured.wide img {width: 100px}
.find_form h2 {left: -9000px; position: absolute; text-indent: -9000px}
.find_form li {float: left; margin: 10px}
.find_form label {color: #fff; display: block; font-size: 18px; text-indent: 2px}
.find_form input, .find_form select {background: #fff; color: #000; font-size: 16px}
.find_form input[type="text"] {width: 220px}
.find_form select {border: 2px inset #fff; width: 200px}
.find_form input[type="submit"] {margin-top: 28px}
.find_form input + p {margin: 5px 0}
#events li {border-bottom: 1px dotted #333; padding: 0 0 5px 70px; position: relative; zoom: 1}
* html #events li {border-bottom-style: solid}
#events .image {background: #345; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px}
#upcoming_events {margin-top: 5px}
#upcoming_events h3 {font: 12px/1.4 Helvetica, Verdana, sans-serif}
#groups li {border-bottom: 1px dotted #333; padding-bottom: 5px; position: relative; zoom: 1}
* html #groups li {border-bottom-style: solid}
#groups h3 a {display: block; padding-top: 90px}
#groups img {height: 80px; left: 10px; position: absolute; top: 10px; width: 530px}
#groups img + p {position: absolute; right: 5px; top: 98px}
#groups img {z-index: 1}
#groups h3 a {position: relative; z-index: 2}
#latest_groups {margin-top: 5px}
#latest_groups h3 {font: 12px/1.4 Helvetica, Verdana, sans-serif}
#latest_groups .image {background: #345; height: 40px; margin: 5px 10px; width: 250px}
#songs li {border-bottom: 1px dotted #333; min-height: 75px; padding: 0 0 5px 75px; position: relative; zoom: 1}
#songs li:hover {background: #292929}
#songs li:hover img {border-color: #aa0000}
* html #songs {overflow: hidden}
* html #songs li {height: 75px; border-bottom-style: solid}
#songs h3 {padding-top: 3px; font-size: 12px}
#songs h3 a {font-weight: bold}
#songs a:hover {text-decoration: none}
#songs img {height: 60px; left: 10px; position: absolute; top: 10px; width: 60px}
#songs dl.recent_airplay {float: right; margin-right: 10px}
#news li {border-bottom: 1px dotted #333; padding-bottom: 5px}
* html #news li {border-bottom-style: solid}
#archive ol {padding-left: 10px}
.error {color: red; background: none}
.login_signup_section {padding: 0}
.login_signup_section h2, .login_signup_section input {margin: 0}
#frontpage_quick_signup form {margin-top: 10px}
#frontpage_quick_signup label {line-height: 2}
#sign_up {float: right}
#frontpage_quick_signup .error {background: none}
#quick_login_nonjs form {padding: 10px; width: 50%}
#quick_login_nonjs label {line-height: 2}
#quick_login_nonjs input[type="text"], #quick_login_nonjs input[type="password"] {width: 100%}
#quick_login_nonjs input[type="submit"] {float: right; margin: 10px 0}
#quick_login_nonjs input[type="image"] {margin-bottom: 10px}
.quick_signup {padding: 10px}
.quick_signup_type {padding: 0}
.quick_signup .checkbox, .quick_signup input.hidden_input {display: inline}
.login_signup_section #login_header {height: 90px}
.login_signup_section #login_signup {height: 275px}
.login_signup_section #login_signup h2 {font: 40px Helvetica, Sans-Serif; text-transform: uppercase; text-indent: 0; /*background: url(http://images.distortionradio.com/v10/signup/arrow.png) top right no-repeat; */border: none}
.login_signup_section #login_signup h2 span {font-size: 60px}
#signup_features {text-indent: 10px; letter-spacing: 1px; line-height: 1.25}
#signup_features h3 {margin-top: 10px}
form.quick_signup {position: relative; height: 95px; width: 268px; padding: 0; margin: 3px 0}
form.quick_signup h3 {font: 16px Helvetica, Sans-Serif; font-weight: bold; text-indent: 0; padding: 10px 5px 20px 0}
form.quick_signup button.quick_signup_button {background: none; border: 0; position: relative; left: 80px; top: -15px; font: 16px Helvetica, Sans-Serif; font-weight: bold; cursor: hand; cursor: pointer}
#signup_2 form.quick_signup {background: none; padding: 5px; border: 0; height: auto}
#signup_2 input.radio {display: inline; padding: 20px 0}
#signup_2 #people_label, #signup_2 #music_label {background-position: 0 5px; background-repeat: no-repeat; display: inline; padding: 20px 0 20px 40px}
* html #signup_2 #people_label, * html #signup_2 #music_label {background-position: 20px 5px}
*:first-child+html #signup_2 #people_label, *:first-child+html #signup_2 #music_label {background-position: 20px 5px}
#signup_2 img {display: block; margin: 10px 0}
#signup_2 .birthday_select {margin: 10px 0 10px 0px}
#signup_2 .birthday_select label {display: block}
#frontpage_quick_tune_in .more_options {float: right; margin-top: 5px; margin-right: -10px}
#frontpage_quick_tune_in img {margin-right: 6px}
#frontpage_support {display: block; background: #363636; padding: 1px 3px 1px 3px; margin-top: 35px; margin-left: 10px; margin-right: 10px; text-align: center}
#frontpage_support h4 {margin-top: 20px; margin-bottom: 20px}
.user_thumbs {margin-left: -10px; zoom: 1}
.user_thumbs li {float: left; margin: 10px 0 0 10px}
.user_thumbs li img {max-width: none; height: 60px; width: 60px}
* html .user_thumbs li {display: inline}
.images {margin-left: -10px; zoom: 1}
.images li {float: left; margin: 10px 0 0 10px}
.images li img {max-width: none; height: 60px; width: 60px}
* html .images li {display: inline}
.blog_posts li {border-bottom: 1px dotted #333; min-height: 80px; padding-left: 65px; position: relative; zoom: 1}
.blog_posts li img {left: 5px; position: absolute; top: 10px; height: 60px; width: 60px}
* html .blog_posts li {border-bottom-style: solid; height: 80px}
#shouts ol {padding-top: 5px}
#shouts li {min-height: 65px; padding: 5px 0 0 65px; position: relative; zoom: 1}
* html #shouts li {height: 65px}
#shouts li img {left: 5px; position: absolute; top: 5px}
#shouts .content {background: #111; font-size: 13px; margin-left: 20px; padding: 8px}
#shouts form {padding: 10px 10px 10px 85px; position: relative}
#shouts form img {left: 5px; position: absolute; top: 10px}
#shouts textarea {height: 60px; margin-top: 5px; width: 100%}
#shouts fieldset p {float: left; margin: 5px 0}
#shouts form .button {float: right; width: 70px; margin: 5px 0 0 0; text-align: center}
#competition_contestants {min-height: 700px}
* html #competition_contestants {height: 700px}
.contestant {border-bottom: 1px dotted #333; min-height: 75px; padding: 0 80px 5px 145px; position: relative; zoom: 1}
* html .contestant {height: 75px}
.contestant .invites, .contestant_collapsed .invites {font-size: 18px; line-height: 1.2; position: absolute; right: 10px; text-align: center; top: 10px}
.contestant img {left: 70px; position: absolute; top: 10px; height: 60px; width: 60px}
.contestant .name {display: block; font-size: 18px; line-height: 75px}
.contestant .name {overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap}
* html .contestant .name {white-space: normal; word-wrap: break-word}
.contestant .invites {top: 20px}
.contestant .place {display: block; font-size: 42px; left: 5px; line-height: 75px; position: absolute; top: 5px; text-align: center; width: 60px}
.contestant .invites_amount {display: block}
.contestant_collapsed {border-bottom: 1px dotted #333; padding: 10px; position: relative; zoom: 1}
.contestant_collapsed .name, .contestant_collapsed .place {font-size: 18px; line-height: 1.2}
.contestant_collapsed .place {margin-right: 10px}
.prize {border-bottom: 1px dotted #333; padding-bottom: 5px}
.prize img {margin-left: 4px}
.competition_time_remaining {float: right}
.competition_time_remaining p {display: table; margin: 10px auto; position: relative}
* html .competition_time_remaining p {margin-left: 50px}
html > body .competition_time_remaining p {*margin-left: 50px}
.competition_time_remaining .days, .competition_time_remaining .hours, .competition_time_remaining .minutes {float: left; font-weight: bold; text-align: center}
.competition_time_remaining .days span, .competition_time_remaining .hours span, .competition_time_remaining .minutes span {border: 3px solid black; display: block; font-size: 36px; padding: 0 5px}
.competition_time_remaining .hours span {border-left: none; border-right: none}
.competition_time_remaining .days span, .competition_time_remaining .minutes span {color: white}
.competition_time_remaining .hours span {color: black}
#competition_signup form {text-align: center}
#competition_signup input {display: inline; font-size: 16px; margin: 10px 0}
div#content.server_error {background: none; padding: 10px; font-size: 12px}
div#content.server_error #page_not_found_search_form {padding: 10px}
div#content.server_error #page_not_found_search_form label {display: block}
div#content.server_error #page_not_found_search_form input#page_not_found_model_attributes_login, div#content.server_error #page_not_found_search_form .button {float: left}
div#content.server_error #page_not_found_search_form .button, div#content.server_error #page_not_found_search_form .button .button_input {margin: 0 10px; padding: 1px 10px 0 10px}
.flash {color: #333; margin: 10px 0; font-size: 12px; padding: 10px 10px 8px}
.flash.success {background: lightgreen}
.flash.notice {background: #ffc}
.flash.error {background: red}
.flash.neutral {background: #222; color: #777}
#masthead a:link, #masthead a:visited {background: #222}
#masthead a:hover, #masthead a:active {background: #333}
#masthead ul ul a:link, #masthead ul ul a:visited {background: none}
#masthead .current a:link, #masthead .current a:visited {color: #aaa}
#masthead .current a:hover, #masthead .current a:active {cursor: default; text-decoration: none}
.column, #masthead {background: none}
#siteinfo {background: #000}
#site_logo {background: url(http://images.distortionradio.com/logo.png) no-repeat}
#main_nav li.has_subnav:hover {background: url(http://images.distortionradio.com/header_tab_l.gif) no-repeat}
#main_nav li.has_subnav a {background: url(http://images.distortionradio.com/header_arrow.gif) no-repeat right}
#main_nav li.has_subnav:hover a {background: url(http://images.distortionradio.com/header_tab_r.gif) no-repeat top right}
#main_nav .subnav_content {background: #1a1a1a; border: 1px solid #323232}
#main_nav .subnav_content li:hover {background: url(http://images.distortionradio.com/sub_nav_bg.png)}
#main_nav li.has_subnav .subnav_content a.divided {border-top: 1px solid #4e4e4e}
#main_nav li.has_subnav .subnav_content #X_search_form {border-top: 1px solid #4e4e4e;}
h1, h2, h3 {color: #ccc; font: normal 20px/2 "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif; text-indent: 10px}
h2 {border-bottom: 1px dotted #333; font-size: 14px; padding-top: 5px; letter-spacing: 2px}
* html h2 {border-bottom-style: solid}
h3 {font-size: 16px}
p {margin: 0 10px 5px}
h2 + p {margin-top: 5px}
a:link, a:visited {color: #fff; text-decoration: none}
a:hover, a:active {color:#ccc; text-decoration: underline}
a:link[rel="tag"], a:visited[rel="tag"] {background: #222; position: relative; padding: 1px 2px}
a:hover[rel="tag"], a:active[rel="tag"] {background: #777; color: #222}
h3 a:link, h3 a:visited {color: #fff; font-weight: normal}
h3 a:hover, h3:active {color: #fff}
li:hover > h3 a:link, li:hover > h3 a:visited {color: #ccc}
li:hover > h3 a:hover, li:hover > h3 a:active {color: #fff}
strong {font-weight: bold}
input {display: block}
input[type="text"], input[type="password"], input[type="file"], input[type="checkbox"], textarea, select, input[type="radio"], input[type="button"], input[type="submit"] {display: inline-block; margin: 3px 2px 3px 0}
input[type="text"], input[type="password"], input[type="file"], textarea, select {font-size: 11px; background: #222; color: #999; padding: 2px; border: 1px solid}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select:focus {color: #eee}
img.image {padding: 2px; border: 1px solid #444}
a:hover img.image {border: 1px solid #aa0000}
img.highlight {display: inline-block; margin-left: 3px; margin-right: 3px; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
a:hover img.highlight {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
.nav_image {opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80)}
a:hover .nav_image {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
.sub_nav_player_icon {padding: 4px 0 0 0; /*opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)*/}
/*a:hover .sub_nav_player_icon {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}*/
#pagination .left {float: left}
#pagination .right {float: right}
#pagination .results {float: left; margin-left: 235px; margin-top: 6px; padding: 5px; color: #777; background: #292929}
.pagination a, .pagination span {border: 1px solid #ccc}
.pagination a:hover, .pagination a:active {background: #666; color: #666}
.pagination .current {background: #777; color: #fff}
.pagination .disabled {border-color: #666; color: #666}
.highlighted {background: #ffa}
#featured li {/*background: url(http://images.distortionradio.com/v10/black/box_bg.gif) repeat-x 0 130px*/}
#search_criteria form label {color: #fff}
#search_criteria form div#more_options {border-top: 1px solid #333}
#search_results ul li.user_list_item a.url {color: white}
#search_results ul li.user_list_item .user_thumb .icon_people {/*background-image: url(http://images.distortionradio.com/icons/icon_people_small_black.gif)*/}
#search_results ul li.user_list_item .user_thumb .icon_music {/*background-image: url(http://images.distortionradio.com/icons/icon_music_small_white.gif)*/}
.login_signup_section #login_signup {/*background: url(http://images.distortionradio.com/v10/signup/bg_signuphere_black.gif) repeat-x;*/}
.login_signup_section #login_signup h2 {color: #777}
form.quick_signup {/*background: url(http://images.distortionradio.com/v10/signup/bg_black.gif) repeat-x; */border: 1px solid #303030}
form.quick_signup:hover {/*background: url(http://images.distortionradio.com/v10/signup/bg_black_hover.gif) repeat-x*/}
form.quick_signup h3 {color: #777}
form.quick_signup_people h3 {/*background: url(http://images.distortionradio.com/v10/signup/people_icon_black.gif) 20px 12px no-repeat*/}
form.quick_signup_music h3 {/*background: url(http://images.distortionradio.com/v10/signup/music_icon_black.gif) 20px 12px no-repeat*/}
form.quick_signup button.quick_signup_button {color: #ccc}
#start_discussion_form div.discussion_heading label {color: #fff}
.forum a:link, .forum a:visited {color: #fff}
.forum dl {background: #000/* url(http://images.distortionradio.com/forums/forum_stats_bg.png) repeat-x;*/ border: 1px solid #000}
.forum dt {color: #fff}
.forum dd {color: #fff}
.discussion_info a {color: #fff}
.discussion_info a:hover {color: #00aaff}
.discussion_info {background: #121212}
.comment .comment_body {background: #111}
.comment .comment_body blockquote {background-color: #181818; border-left: 10px #212121 solid; color: #777}
.tab:hover {color: #000000}
.unsigned {font-size: 12px; font-weight: bold; margin-bottom: 8px}
div#home_left_side {
float: left;
width: 530px;
height: 325px;
padding: 10px;
}
.random_gallery {
display: inline-block;
padding: 0 3px 6px 0;
}
div#home_right_side {
float: right;
right: -10px;
width: 270px;
height: 325px;
padding-bottom: 10px;
}
#home_right_side ul {
font-size: 11px;
padding: 10px 0 0 10px;
}
#home_right_side ul a,
#home_right_side ul a:visited {
text-decoration: none;
}
.wide_feature a.feature_text,
.wide_feature a.feature_text:visited {
position: absolute;
bottom: 30px;
left: 10px;
color: #eee;
font-size: 12px;
text-decoration: none;
}
.wide_feature a.feature_text,
.wide_feature a.feature_text:visited {
font-size: 16px;
}
div.wide_feature {
position: relative;
float: left;
margin: 0 20px 20px 0;
width: 470px;
height: 285px;
}
div#user_home_top {
float: left;
width: 500px;
padding: 10px 0 0 10px;
margin: 0;
}
.fresh_container a,
.fresh_container a:visited,
.chart_container a,
.chart_container a:visited,
.chart_container_details a,
.chart_container_details a:visited {
color: #ccc;
}
.fresh_container a:hover,
.chart_container a:hover,
.chart_container_details a:hover {
color: #fff;
text-decoration: none;
}
#result_container li {border-bottom: 1px dotted #333; height: 96px; padding: 0 0 5px 95px; position: relative; zoom: 1}
#result_container li:hover {background: #292929}
* html #result_container {overflow: hidden}
* html #result_container li {height: 100px; border-bottom-style: solid}
#result_container h2 {float: right; margin-right: 10px; color: #444; border: none}
#result_container h3 {padding-top: 12px; font-size: 12px}
#result_container h3 a {font-weight: bold}
#result_container h4 {font-size: 12px; font-weight: normal; margin-left: 10px; margin-top: -4px}
#result_container a:hover {text-decoration: none}
#result_container img {height: 80px; left: 10px; position: absolute; top: 10px; width: 80px}
#result_container dl.rating {float: right; margin-right: 5px}
#result_container li:hover h2 {color: #aaa}
#result_container li:hover img {border-color: #aa0000}
div.fresh_container {
display: block;
padding: 10px;
height: 42px;
border-bottom: 1px dotted #333;
font-size: 11px;
color: #999;
line-height: 125%;
}
div.fresh_container:hover {background: #292929}
.fresh_container h5 {
margin-top: -38px;
margin-left: 50px;
}
.container_details {
float: left;
margin-left: 50px;
color: #ccc;
}
#charts {padding-top: 20px}
.loader {display: block; height: 32px; width: 32px; background: url(http://images.distortionradio.com/loader.gif) no-repeat; margin: 0 auto; margin-top: 100px; margin-bottom: 100px}
div.chart_container {
display: block;
padding: 10px;
height: 12px;
border-bottom: 1px dotted #333;
font-size: 11px;
color: #999;
line-height: 105%;
margin-right: 6px;
}
div.chart_container:hover {background: #383838}
.chart_container h5 {float:left; margin-top: -18px; margin-left: 38px}
.chart_position {font-size: 14px; font-weight: bold; text-decoration: none}
.chart_container_details, .chart_container_details a {display: block; color: #ccc; font-weight: normal; text-decoration: none}
.music_actions {float: right; margin-top: -16px; margin-right: -6px}
.action_unavailable {opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20)}
#icon_buy {display: inline-block; margin-right: 3px; height: 35px; width: 35px; background: url(http://images.distortionradio.com/icon_buy_dark.png) no-repeat}
#icon_buy:hover {background: url(http://images.distortionradio.com/icon_buy.png) no-repeat}
#icon_request {display: inline-block; margin-right: 3px; height: 35px; width: 35px; background: url(http://images.distortionradio.com/icon_request_dark.png) no-repeat}
#icon_request:hover {background: url(http://images.distortionradio.com/icon_request.png) no-repeat}
#icon_comment {display: inline-block; margin-right: 3px; height: 35px; width: 35px; background: url(http://images.distortionradio.com/icon_comment_dark.png) no-repeat}
#icon_comment:hover {background: url(http://images.distortionradio.com/icon_comment.png) no-repeat}
#icon_add {display: inline-block; margin-right: 3px; height: 35px; width: 35px; background: url(http://images.distortionradio.com/icon_add_dark.png) no-repeat}
#icon_add:hover {background: url(http://images.distortionradio.com/icon_add.png) no-repeat}
#icon_buy_small {display: inline-block; margin-right: 3px; height: 20px; width: 20px; background: url(http://images.distortionradio.com/icon_buy_dark_small.png) no-repeat}
#icon_buy_small:hover {background: url(http://images.distortionradio.com/icon_buy_small.png) no-repeat}
#icon_request_small {display: inline-block; margin-right: 3px; height: 20px; width: 20px; background: url(http://images.distortionradio.com/icon_request_dark_small.png) no-repeat}
#icon_request_small:hover {background: url(http://images.distortionradio.com/icon_request_small.png) no-repeat}
#icon_comment_small {display: inline-block; margin-right: 3px; height: 20px; width: 20px; background: url(http://images.distortionradio.com/icon_comment_dark_small.png) no-repeat}
#icon_comment_small:hover {background: url(http://images.distortionradio.com/icon_comment_small.png) no-repeat}
#icon_add_small {display: inline-block; margin-right: 3px; height: 20px; width: 20px; background: url(http://images.distortionradio.com/icon_add_dark_small.png) no-repeat}
#icon_add_small:hover {background: url(http://images.distortionradio.com/icon_add_small.png) no-repeat}
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;
}
div#play_button {
float: left;
background: url(http://images.distortionradio.com/play.png) no-repeat;
height: 21px;
width: 32px;
margin-top: -50px;
margin-left: 37px;
filter: alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
div#play_button:hover {
filter: alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}
#shoutarea a {font-weight: bold; color: #ddd}
#shout_content {margin: 30px 0 5px 0; max-height: 325px; width: 260px; max-width: 260px; overflow: auto}
.shout_details {font-size: 10px; color: #777}
.ip {color: #555; cursor: help}
.report_abuse a {font-size: 10px; color: #777; text-decoration: none}
.report_abuse a:hover {color: #CC0000}
#affiliates li {margin-left: 10px; margin-top: 15px}
#affiliates img {text-align: left; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#affiliates img:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#blog a:hover {text-decoration: none}
#blog.column_left {float: left; margin: 0 10px 10px 0; position: relative; background: #333; width: 630px; padding: 5px; padding-bottom: 20px; margin-bottom: 10px}
#entry, #comments {margin-left: 10px; margin-top: 10px; margin-bottom: 20px; font-size: 12px}
#entry .headline a {font-weight: bold; font-size: 16px; border-bottom: 1px dotted}
#entry .details {display: block; margin-top: 10px; color: #ccc}
#entry .info {display: block; margin-top: 10px; font-size: 11px; color: #ccc}
#entry p {margin-left: 0px; margin-top: 10px}
#entry p a {font-weight: bold; text-decoration: underline}
#entry p a:hover {text-decoration: underline}
#blog.column_right {float: left; margin: 0 10px 10px 0; position: relative; width: 170px; padding: 5px; padding-top: 10px; padding-bottom: 20px; margin-right: 0px}
#blog.column_right ul {font-size: 12px; font-weight: bold; margin-bottom: 15px}
#blog.column_right ul li {margin-bottom: 10px}
#blog.column_right ul li.item {font-weight: normal; font-size: 11px; margin-bottom: 6px; border-bottom: 1px dotted #666; padding-bottom: 5px}
div.comment_box {
display: block;
padding: 15px;
margin: 10px 10px 10px 0;
background-color: #444444;
border-top: 1px solid #555;
}
.comment_box p,
.comment_box p.comment_post {
color: #ddd;
font-size: 11px;
max-width: 510px;
}
.comment_box p.comment_extras {
color: #888888;
font-size: 11px;
margin-top: 15px;
}
.comment_author_name,
p.comment_author a,
p.comment_author a:visited {
color: #ddd;
font-weight: bold;
}
p.comment_author a:hover {
color: #fff;
}
.js #random {display: none}
/*UI tabs*/
.ui-tabs-nav {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
float: left;
position: relative;
z-index: 1;
border-right: 1px solid #222222;
bottom: -1px;
}
.ui-tabs-nav li {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
float: left;
border: 1px solid #222222;
border-right: none;
}
.ui-tabs-nav li a {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
float: left;
padding: .1em 0.6em;
background: #222222 url(http://images.distortionradio.com/222222_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
background: #cccccc url(http://images.distortionradio.com/cccccc_40x100_textures_02_glass_65.png) 0 50% repeat-x;
color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
background: #666666 url(http://images.distortionradio.com/666666_40x100_textures_02_glass_75.png) 0 50% repeat-x;
font-weight: bold;
}
.ui-tabs-panel {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
clear:left;
border: 1px solid #444444;
background: #333333;
color: #222222;
padding: 6px 0 0 6px;
}
.ui-tabs-hide {
display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/
/*component global class*/
.ui-component {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
font-family: Arial;
font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
border: 1px solid #dddddd;
background: #000000 url(http://images.distortionradio.com/000000_40x100_textures_01_flat_0.png) 0 0 repeat-x;
color: #222222;
}
.ui-component-content a {
color: #222222;
text-decoration: underline;
}
/*component states*/
.ui-default-state {
border: 1px solid #d3d3d3;
background: #222222 url(http://images.distortionradio.com/222222_40x100_textures_02_glass_75.png) 0 50% repeat-x;
font-weight: normal;
color: #555555 !important;
}
.ui-default-state a {
color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
border: 1px solid #999999;
background: #666666 url(http://images.distortionradio.com/666666_40x100_textures_02_glass_75.png) 0 50% repeat-x;
font-weight: normal;
color: #212121 !important;
}
.ui-hover-state a {
color: #212121;
}
.ui-default-state:active, .ui-active-state {
border: 1px solid #dddddd;
background: #cccccc url(http://images.distortionradio.com/cccccc_40x100_textures_02_glass_65.png) 0 50% repeat-x;
font-weight: normal;
color: #222222 !important;
outline: none;
}
.ui-active-state a {
color: #222222;
outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(http://images.distortionradio.com/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(http://images.distortionradio.com/cccccc_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(http://images.distortionradio.com/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(http://images.distortionradio.com/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-left-default {background: url(http://images.distortionradio.com/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(http://images.distortionradio.com/cccccc_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(http://images.distortionradio.com/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(http://images.distortionradio.com/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-down-default {background: url(http://images.distortionradio.com/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(http://images.distortionradio.com/cccccc_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(http://images.distortionradio.com/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(http://images.distortionradio.com/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-up-default {background: url(http://images.distortionradio.com/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(http://images.distortionradio.com/cccccc_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(http://images.distortionradio.com/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(http://images.distortionradio.com/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-close-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(http://images.distortionradio.com/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(http://images.distortionradio.com/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-folder-closed-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(http://images.distortionradio.com/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(http://images.distortionradio.com/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-open-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(http://images.distortionradio.com/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(http://images.distortionradio.com/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-doc-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(http://images.distortionradio.com/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(http://images.distortionradio.com/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(http://images.distortionradio.com/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(http://images.distortionradio.com/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(http://images.distortionradio.com/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(http://images.distortionradio.com/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-minus-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(http://images.distortionradio.com/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(http://images.distortionradio.com/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-plus-default {background: url(http://images.distortionradio.com/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(http://images.distortionradio.com/cccccc_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(http://images.distortionradio.com/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(http://images.distortionradio.com/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
/*hidden elements*/
.ui-hidden {
display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */
.nomargin {
margin: 0;
}
hr.bottom_pixel,
div.bottom_pixel {
border-bottom: 1px solid #ddd;
height: 1px;
width: 100%;
}
#bottom_list h3 {
border-bottom: 1px solid #e3e3e3;
margin-bottom: .7em;
}
#bottom_list ul li {
padding: 0 0 .4em 0;
}
#bottom_list ul li a,
#bottom_list ul li a:visited {
font-weight: bold;
line-height: 100%;
font-size: 27px;
text-decoration: none;
color: #bbb;
letter-spacing: -1px;
padding: 0 .3em 0 0;
}
#bottom_list ul li a:hover {
color: #333;
text-decoration: underline;
}
div#bottom_tags {
width: 270px;
}
#bottom_tags p {
padding-top: 10px;
text-align: center;
}
#bottom_tags a,
#bottom_tags a:visited {
text-decoration: none;
font-weight: bold;
}
/*****************************************************
* Tag Clouds
*****************************************************/
#tagcloud {text-align:center}
#tagcloud a,
#tagcloud a:visited {
color: #ccc;
text-decoration: none;
}
#tagcloud a:hover {
color: #fff;
background: #2e2e2e;
text-decoration: none;
}
#bottom_tags a,
#bottom_tags a:visited {
text-decoration: none;
font-weight: bold;
}
#social_bookmarks {float: left; text-indent: 10px; background: #282828; width: 460px; height: 20px; padding-top: 5px; margin-bottom: 15px}
#social_bookmarks h4 {float: left; color: #ccc; font-size: 11px; letter-spacing: 1px}
#social_bookmarks #share {float: left; margin-right:52px}
#social_bookmarks #email {float: left}
#social_bookmarks #share img, #social_bookmarks #email img {opacity: .65; -moz-opacity: .65; filter: alpha(opacity=65)}
#social_bookmarks #share img:hover, #social_bookmarks #email img:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#footer_copyright {float: right; margin-top: 20px; margin-bottom: 10px; margin-right: 10px}
#footer_copyright a {display: block; width: 221px; height: 20px; background: transparent url(http://images.distortionradio.com/copyright.gif) no-repeat; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50)}
#footer_copyright a:hover {background-position: 0 -20px; opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#footer_network {display: inline-block; width: 350px; margin-top: 20px; padding-left: 6px; padding-right: 6px; padding-top: 10px}
#footer_network li {display: inline-block}
#footer_network li a:hover {border: none}
#network_myspace {display: inline-block; height: 24px; width: 85px; margin-right: 35px; margin-bottom: 5px; background: url(http://images.distortionradio.com/network_myspace.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_myspace:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#network_facebook {display: inline-block; height: 14px; width: 65px; margin-right: 35px; margin-bottom: 13px; background: url(http://images.distortionradio.com/network_facebook.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_facebook:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#network_purevolume {display: inline-block; height: 20px; width: 97px; margin-bottom: 9px; background: url(http://images.distortionradio.com/network_purevolume.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_purevolume:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#network_buzznet {display: inline-block; height: 13px; width: 80px; margin-right: 25px; margin-bottom: 13px; background: url(http://images.distortionradio.com/network_buzznet.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_buzznet:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#network_absolutepunk {display: inline-block; height: 37px; width: 141px; margin-right: 25px; background: url(http://images.distortionradio.com/network_absolutepunk.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_absolutepunk:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#network_lastfm {display: inline-block; height: 15px; width: 45px; margin-bottom: 13px; background: url(http://images.distortionradio.com/network_lastfm.png) no-repeat; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
#network_lastfm:hover {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
/* IE only */
body {
scrollbar-base-color: #222222;
scrollbar-arrow-color: #353535;
scrollbar-3dlight-color: #222222;
scrollbar-darkshadow-color: #222222;
scrollbar-face-color: #222222;
scrollbar-highlight-color: #222222;
scrollbar-shadow-color: #222222;
scrollbar-track-color: #252525;
}
#antispam {
float: left;
background: #333;
margin-top: 3px;
width: 108px;
padding: 3px;
}
#antispam_mask {
display: block;
position: absolute;
width: 65px;
left: 5px;
height: 25px;
}
.odd {
display: block;
background: #202020;
padding: 3px;
margin-top: 3px;
}
.even {
display: block;
background: #262626;
padding: 3px;
margin-top: 3px;
}
.odd:hover, .even:hover {background: #222; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85)}
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:18px;height:16px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(http://images.distortionradio.com/delete.gif) no-repeat 0 -16px}
div.star,div.star a{background:url(http://images.distortionradio.com/star.gif) no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
#hover-text {float:left; margin-left: 15px; color: #999}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
div#header_ad_notice {
position: relative;
float: right;
width: 5px;
height: 59px;
top: 12px;
right: 10px;
}
div#header_ad {
position: relative;
display: block;
float: right;
width: 468px;
height: 60px;
top: 10px;
right: 10px;
border: 1px solid #333;
}
#headlines {background: #191919; margin-top: 10px}
#headlines marquee a:hover {background: #292929; color: red; text-decoration: none}
/* ------------------------------------------------------------------------
Popin
------------------------------------------------------------------------- */
#overlay {
background: #000;
position: absolute; top: 0; left: 0;
z-index: 10000;
width: 100%;
}
.lightbox {
display: none;
position: absolute; z-index: 11000;
top: 50%; left: 50%;
opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85);
}
.lightbox .top .left { background: url(http://images.distortionradio.com/lightbox/tl.gif) top left no-repeat; } /* Top left corner */
.lightbox .top .middle { background: #fff; } /* Top pattern/color */
.lightbox .top .right { background: url(http://images.distortionradio.com/lightbox/tr.gif) top left no-repeat; } /* Top right corner */
.lightbox .bottom .left { background: url(http://images.distortionradio.com/lightbox/bl.gif) top left no-repeat; } /* Bottom left corner */
.lightbox .bottom .middle { background: #fff; } /* Bottom pattern/color */
.lightbox .bottom .right { background: url(http://images.distortionradio.com/lightbox/br.gif) top left no-repeat; } /* Bottom right corner */
.lightbox .top {
position: relative;
height: 20px;
}
* html .lightbox .top { padding: 0 20px; }
.lightbox .top .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
.lightbox .top .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html .lightbox .top .middle { position: static; }
.lightbox .top .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
.lightbox .bottom {
position: relative;
height: 20px;
top: -6px;
}
* html .lightbox .bottom { padding: 0 20px; top: -6px; }
.lightbox .bottom .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
.lightbox .bottom .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html .lightbox .bottom .middle { position: static; }
.lightbox .bottom .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
.lightbox a#b_close {
display: none;
position: absolute; z-index: 2;
top: 10px; right: 13px;
width: 41px; height: 9px;
text-indent: -10000px;
background: url(http://images.distortionradio.com/lightbox/b_close.gif) bottom left no-repeat;
}
.lightbox .prettyContent {
position: relative;
width: 100%; height: 100%;
background: #fff;
}
.lightbox .prettyContent .prettyContent-container {
display: none;
padding: 20px 15px 15px 15px;
}
.lightbox .prettyContent .loader {
position: absolute;
top: 50%; left: 50%;
margin: -14px 0 0 -14px;
}