* {font-family: helvetica, arial, sans-serif; margin: 0; padding: 0}
html {overflow-y: scroll; overflow-x: auto}
body {background-color: #050504; color: #fff; font-size: 12px}
a {text-decoration: none; outline: none; color: #fff}
a:hover {color: #666}
img {border: none; outline: none}
p {margin: 10px 0 10px 0; line-height: 20px}
#container {text-align: center}
#content {width: 1000px; text-align: left; margin: 0 auto}
#top {background-image: url('/images/top.jpg'); background-repeat: no-repeat; text-indent: -1000px; width: 991px; height: 127px; margin: 0}
#logo {background-image: url('/images/logo.png'); background-repeat: no-repeat; background-position: 0 30%; display: block; width: 70px; line-height: 127px; margin: 0 0 0 30px}
#yield {width: 1000px; margin: 0 auto; padding-top: 20px; clear: both}
#social_links {clear: both; padding-top: 40px; display: block}
#rss {width: 200px; float: left}
#social_links #links {float: right}
#social_links #links a {margin: 0 10px 0 0}
#footer {border-top: 1px solid #5a5a5a; clear: both; width: 992px; height: 100px; margin-top: 10px; font-size: 10px; color: #ccc}
#main_box {width: 667px; height: 373px; float: left}
.mask {position: relative; overflow: hidden}
#left {background-color: #333; width: 657px; float: left; margin: 0 10px 0 0}
#right {width: 325px; float: left}
#right_about {background-color: #333; width: 325px; float: left}
#right_text {padding: 20px}
#right_text a {color: #fff; text-decoration: underline; font-size: 12px; margin: 0 0 0 0}
#right_text a:hover {color: #6da146; text-decoration: none}
.about_box {background-image: url('/images/about_diagonal_border.jpg'); padding: 20px 0 20px 0; border-top: 2px solid #fff; border-bottom: 1px solid #fff; font-family: helvetica, arial, sans-serif; font-size: 20px; line-height: 24px; clear: both}
#about_text {padding: 20px}
#nights {padding: 0 0 20px 0}
.night {border-bottom: 1px solid #999; padding: 20px 0 20px 0}
#nights_left {width: 48%; float: left}
#nights_right {width: 48%; float: right; margin-top: -20px}
.night_content {width: 48%; float: left; line-height: 16px}
.night_content h4 {color: #fd0aa4; font-size: 14px; text-transform: uppercase}
.night_content h5 {font-size: 14px; text-transform: uppercase}
.night_content p {line-height: 16px; margin: 0}
.night_image {width: 140px; height: 120px; float: right}
.box_top {background-image: url('/images/box_top.png'); background-repeat: repeat-x; line-height: 28px; text-transform: uppercase; text-indent: 20px; font-weight: bold}
#newsletter {background-color: #1a1a1a; width: 315px; height: 90px; float: right; margin: 10px 0 0 0}
#newsletter_form {margin: 15px 0 0 10px}
#newsletter .newsletter_field {background:url('/images/text_field.png'); background-repeat: no-repeat; border: none; width: 262px; padding: 4px 2px 2px 2px; height: 30px; color: #9F9F9F; float: left}
#newsletter a.newsletter_submit {background:url('/images/newsletter_btn.png'); background-repeat: no-repeat; background-position: 0 0; width: 25px; line-height: 25px; border: none; color: #fff; cursor:pointer; display: block; text-decoration: none; font-size: 10px; font-weight: bold; text-align: center; float: left}
#newsletter a:hover.newsletter_submit {background-repeat: no-repeat; background-position: 0 -25px; width: 25px; line-height: 25px; border: none; color: #fff; cursor:pointer; display: block; text-decoration: none; font-size: 10px; font-weight: bold; text-align: center; float: left}
.clr {clear: both}
.pagination {font-weight: bold; margin: -10px 0 10px 0; text-align: right; text-transform: uppercase}
.pagination a {color: #fff; text-decoration: none}
.pagination a:hover, .pagination .current {color: #5dbd16}
.light_blue {border-bottom: 2px solid #2fcdfa}
#contact_left {background-color: #141414; width: 359px; height: 490px; float: left; margin: 0 10px 0 0}
#contact_left_text {padding: 20px}
#contact_left address {font-style: normal}
#contact_left a {color: #fff}
#contact_left a:hover {color: #2fcdfa}
#contact_left p {margin: 0}
#contact_left h3 {font-size: 12px; color: #2fcdfa; text-transform: uppercase}
#contact_right {width: 622px; float: left}
.tip_box {width: 300px; border: 1px solid #555; background-color: #1a1a1a; padding: 10px}
#cards {width:990px; background-color:#141414}
.comp {width: 280px; padding: 10px 0 10px 0; border-bottom: 1px dashed #ccc}
#cards #leftcol, #cards #midcol, #cards #rightcol {line-height: 18px; display: block; color: #999}
#cards #leftcol strong, #cards #midcol strong, #cards #rightcol strong {color: #fff}
#cards h4.discount {border-bottom: 2px solid #ac00b5; color: #fff; font-size: 14px}
#cards #leftcol {width:280px; float: left; margin: 0 50px 0 0}
#cards #midcol {width:280px; float: left; margin: 0 50px 0 0}
#cards #rightcol {width:280px; float: left; margin: 0 10px 0 0}
#nav {list-style-type: none; width: 1000px}
#nav li {margin: 0 3px 0 0; width: 121px; height: 46px; float: left}
#nav li a {background-image: url('/images/nav_btn.jpg'); background-repeat: no-repeat; background-position: 0 -46px; display: block; width: 121px; line-height: 46px; text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center}
#nav li a:hover, #nav li a.active {background-image: url('/images/nav_btn.jpg'); background-repeat: no-repeat; background-position: 0 0}
.home {border-bottom: 2px solid #93049b}
.about {border-bottom: 2px solid #f70aa0}
.listings {border-bottom: 2px solid #7b4bf3}
.mixes {border-bottom: 2px solid #6ade13}
.galleries {border-bottom: 2px solid #f9d807}
.blog {border-bottom: 2px solid #f9670c}
.contact {border-bottom: 2px solid #2ec8f4}
input {outline: none}
#calendar {background-color: #1a1a1a; width: 315px; height: 272px; float: right}
#calendar table {width: 80%; margin: 0 auto; text-align: center; padding: 10px 0 10px 0; text-transform: uppercase}
#calendar th.monthName {width: 100px; height: 30px}
#calendar td {text-align: center; padding: 5px 0 5px 0}
#calendar .otherMonth {visibility: hidden}
#calendar abbr {border: none; font-size: 10px; margin: 0 3px 0 0; padding: 0 0 30px 0}
a.prev_month {background-image: url('/images/prev_month.png'); background-repeat: no-repeat; background-position: 0 0; width: 17px; height: 17px; display: block}
#next_month {text-align: right}
a.next_month {background-image: url('/images/next_month.png'); background-repeat: no-repeat; background-position: 0 0; width: 17px; height: 17px; display: block; float: right}
a.cal_btn {background-image: url('/images/cal_btn.png'); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 25px; line-height: 25px; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; text-align: center; display: block; font-size: 10px; margin: 0 5px 0 5px}
a:hover.cal_btn, .today a {background-image: url('/images/cal_btn_over.png'); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 25px}
#boxes {width: 1000px; clear: both; padding: 10px 0 40px 0; display: block}
#player, #on_tonight, #latest_upload {background-color: #000; border: 1px solid #161616}
#player {background-image: url('/images/player_bg.png'); width: 325px; height: 200px; float: left; margin: 0 10px 0 0}
#player p {text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase}
a#player_btn {background-image: url('/images/player_btn.png'); background-position: 0 52px; width: 53px; height: 52px; display: block; margin: 0 auto; margin-top: 40px}
a:hover#player_btn {background-image: url('/images/player_btn.png'); background-position: 0 0}
#on_tonight {position: relative; width: 327px; height: 200px; float: left; margin: 0 10px 0 0; overflow: hidden}
.strip {position: absolute; bottom: 0; background-image: url('/images/box_bottom_strip.png'); background-position: 0 100%; width: 100%; height: 37px}
#latest_upload {width: 315px; height: 200px; float: left; border: 1px solid #1a1a1a}
.recent_strip {background-color: #1a1a1a; border-left: 3px solid #6ce413; height: 33px; clear: both; margin: 0 0 1px 0}
.recent_strip ul li {text-transform: uppercase; padding: 1px 0 1px 15px}
.recent_strip ul {list-style-type: none}
.recent_strip li ul {list-style-type: none; border-left: none}
.recent_strip li ul li {text-transform: lowercase; list-style-type: none; border-left: none; padding: 0}
.recent_strip li ul li a {text-decoration: none; color: #666}
.recent_strip li ul li a:hover {text-decoration: none; color: #444}
.more_info_text {width: 220px; line-height: 16px; text-indent: 20px; font-weight: bold; text-transform: uppercase; font-size: 12px; float: left}
.more_info a {background-image: url('/images/more_info_bg.png'); background-repeat: no-repeat; display: block; width: 63px; line-height: 16px; float: right; margin: 0 20px 0 0; text-transform: uppercase; text-decoration: none; font-family: verdana; text-align: center; font-size: 8px; color: #fff}
.more_info a:hover {color: #b3355c}
#listing_information {clear: both; width: 667px; padding: 10px 0 0 0}
#listing_information h2 {border-top: 4px solid #fff; border-bottom: 2px solid #757575; padding: 40px 0 10px 0; display: block; font-size: 24px; font-weight: bold; text-transform: uppercase}
#listing_time{ border-bottom: 2px solid #afafaf; padding: 0 0 10px 0; font-size: 12px; font-weight: bold; text-transform: uppercase}
#listing_text {width: 440px; float: left}
#listing_policy {width: 200px; float: right; margin: 10px 0 0 0}
#listing_policy .policy {background-color: #1a1a1a; padding: 5px; margin: 4px 0 4px 0; font-weight: bold; font-size: 12px; text-transform: uppercase}
.lylic {border-bottom: 2px solid #7e4cf9}
.green {border-bottom: 2px solid #6ce413}
.dark_green {border-bottom: 2px solid #4d9c12}
.pink {border-bottom: 2px solid #b3355c}
.blue {border-bottom: 2px solid #7e4cf9}
.orange {border-bottom: 2px solid #ff690c}
#mixes {background-color: #333333; width: 680px; float: left; margin: 0 10px 0 0}
#mixes #list {padding: 20px}
#mix_right {background-color: #333333; font-size: 12px; width: 300px; float: left}
#mix_right_text {padding: 20px}
#mix_right_text a {color: #fff; text-decoration: underline; font-size: 12px; margin: 0 0 0 0}
#mix_right_text a:hover {color: #6da146; text-decoration: none}
.mix {background-color: #212121; margin: 0 0 5px 0; padding: 10px}
.mix .mix_image {width: 120px; height: 84px; float: left}
.mix .mix_content {width: 480px; float: right}
.mix .mix_content p {font-size: 12px; margin: 1px 0 5px 0; line-height: 16px}
.mix h3 a {color: #5dbd16; text-decoration: none; text-transform: uppercase; font-size: 12px; margin: 0 0 0 0}
.mix p a {color: #5dbd16; text-decoration: none}
.mix h3 a:hover, .mix p a:hover {color: #6da146}
.mix_content object {outline: none; float: left}
p.download a {background-image: url('/images/more_info_bg.png'); background-repeat: no-repeat; display: block; width: 63px; line-height: 16px; float: right; margin: 5px 20px 0 0; text-transform: uppercase; text-decoration: none; font-family: verdana; text-align: center; font-size: 8px; color: #fff; float: right}
.download a:hover {color: #b3355c}
#posts {background-color: #333333; width: 680px; float: left; margin: 0 10px 0 0}
#posts #list {padding: 20px}
#posts_right {background-color: #333333; font-size: 12px; width: 300px; float: left}
#get_it_off_your_chest {background-color: #333333; font-size: 12px; width: 300px; float: left; margin: 10px 0 0 0}
#posts_right_text, #get_it_off_your_chest_text {padding: 20px}
#get_it_off_your_chest_text a {color: #ff690c; text-decoration: none; font-size: 12px}
#get_it_off_your_chest_text a:hover {color: #d16019}
#posts_right_text a {color: #fff; text-decoration: underline; font-size: 12px; margin: 0 0 0 0}
#posts_right_text a:hover {color: #ff690c; text-decoration: none}
.post {background-color: #212121; margin: 0 0 5px 0; padding: 10px}
.post .post_image {width: 120px; float: left}
.post .post_content {width: 480px; float: right}
.post .post_content p {font-size: 12px; margin: 1px 0 5px 0; line-height: 20px}
.post h3, .post h3 a {color: #ff690c; text-decoration: none; text-transform: uppercase; font-size: 12px; margin: 0 0 0 0}
.post p a {color: #ff690c; text-decoration: none}
.post h3 a:hover, .post p a:hover {color: #d16019}
#add_comment label {width: 120px; float: left; font-weight: bold; text-transform: uppercase}
#add_comment {background-color: #212121; padding: 20px}
input, textarea {border: 1px solid #444; background-color: #333; padding: 5px; font-size: 12px; font-family: helvetica, arial, sans-serif; color: #fff}
#gallery_list {width: 300px; float: left; margin: 0 10px 0 0}
#gallery {border: 1px solid #1b1b1b; float: left}
#accordion {list-style-type: none}
#accordion a {outline: none}
.accordion_toggler {background-color: #333333; line-height: 30px; border-left: 3px solid #626262; display: block; text-decoration: none; color: #757575; text-indent: 20px; margin: 0 0 2px 0; font-weight: bold}
a.accordion_toggler:hover {background-color: #444; color: #ccc}
.accordion_element p {margin: 0px 0 2px 0}
.accordion_element a {background-color: #262626; line-height: 30px; border-left: 3px solid #2f2f2f; display: block; text-decoration: none; color: #fff; text-indent: 20px; margin: 0 0 2px 0; outline: none}
.accordion_element a:hover {background-color: #555; color: #ccc}
 #lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer}
#lbCenter, #lbBottomContainer {position: absolute; z-index: 9999; overflow: hidden; background-color: #fff}
.lbLoading {background: #fff url(/images/loading.gif) no-repeat center}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none}
#lbPrevLink {left: 0}
#lbPrevLink:hover {background: transparent url(/images/prevlabel.gif) no-repeat 0 15%}
#lbNextLink {right: 0}
#lbNextLink:hover {background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none}
#lbCaption, #lbNumber {margin-right: 71px}
#lbCaption {font-weight: bold}
#slideshow {position:relative; height: 343px}
#slideshow img {position:absolute; top: 0; left: 0; z-index: 8}
#slideshow img.active {z-index: 10}
#slideshow img.last-active {z-index: 9}
@charset "utf-8";  @media screen, projection {.imageflow {overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%; z-index: 9}
.imageflow img {border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic;  }
.imageflow p {margin:0 auto; text-align:center}
.imageflow .loading {border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar {background:#fff; height:15px; visibility:visible; width:1%}
.imageflow .navigation{ z-index:10000}
.imageflow .caption {font-weight:bold; position:relative; text-align:center; z-index:10001}
.imageflow .scrollbar {border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}
.imageflow .slider {background-image:url(/images/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}
.imageflow .images {overflow:hidden; white-space:nowrap}
.imageflow .button {cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous {background: url(/images/button_left.png) top left no-repeat; float:left; margin: -7px 0 0 -30px}
.imageflow .next {background: url(/images/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}
}
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85}
#tooltip h3, #tooltip div {margin: 0}
 #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}
#lightbox a {cursor: pointer; color: #888}
 .spectrum-container {display:none}
ul.use-spectrum li div.sm2_playing .spectrum-container {position:absolute; left:0px; top:0px; margin-left:-266px; margin-top:-1px; display:block; background-color:#5588bb; border:1px solid #99ccff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
ul.use-spectrum .spectrum-box {position:relative; width:255px; font-size:1em; padding:2px 0px; height:1.2em; overflow:hidden}
ul.use-spectrum .spectrum-box .spectrum {position:absolute; left:0px; top:-2px; margin-top:20px; display:block; font-size:1px; width:1px; height:1px;  overflow:hidden; background-color:#fff}
ul.playlist {list-style-type:none; margin:0px; padding:0px}
ul.playlist li div.sm2_link { position:relative; display:block; width:auto; border:none; -webkit-transition-property: hover; -webkit-transition: background-color 0.15s ease-in-out}
ul.playlist li div.sm2_link {font-weight: bold; width:390px; display:block; position:relative; z-index:2; float: left; background-color: #333; text-transform: lowercase; padding: 3px; border-radius:5px; -webkit-border-radius:53px; -moz-border-radius:5px; text-indent: 10px}
ul.playlist li div.sm2_playing, ul.playlist li div.sm2_paused, ul.playlist li div.sm2_playing div.sm2_link {color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
ul.playlist li div.sm2_link:hover {background-color: #282828; color:#6da146}
ul.playlist li div.sm2_link:hover {color:#6da146}
ul.playlist li div.sm2_playing div.sm2_link , ul.playlist li div.sm2_playing:hover div.sm2_link {background-color:#6699cc}
ul.playlist li div.sm2_paused div.sm2_link {background-color:#999}
ul.playlist li div.sm2_playing:hover div.sm2_link, ul.playlist li div.sm2_paused div.sm2_link {color:#6da146}
ul.playlist li div.sm2_link .controls {display:none}
ul.playlist li div.sm2_link .peak, ul.playlist.use-peak li div.sm2_link .peak {display:none; position:absolute; top:0.55em; right:0.5em}
ul.playlist li div.sm2_playing .controls, ul.playlist li div.sm2_paused .controls {position:relative; display:block}
ul.playlist.use-peak li div.sm2_playing .peak, ul.playlist.use-peak li div.sm2_paused .peak {display:inline; display:inline-block}
ul.playlist.use-peak li div.sm2_link .peak {display:none;  }
ul.playlist li div.sm2_paused .controls {background-color:#666}
ul.playlist li:hover .controls .statusbar {position:relative; cursor:ew-resize; cursor:-moz-grab; cursor:grab}
ul.playlist li div.sm2_paused .controls .statusbar {background-color:#ccc}
ul.playlist li div.sm2_link .controls {position:relative; margin-top:0.25em; margin-bottom:0.25em}
ul.playlist li div.sm2_link .controls .statusbar {position:relative; height:5px; background-color:#444; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; overflow:hidden; cursor:-moz-grab; cursor:grab}
ul.playlist li div.sm2_link .controls.dragging .statusbar {cursor:-moz-grabbing; cursor:grabbing}
ul.playlist li div.sm2_link .controls .statusbar .position, ul.playlist li div.sm2_link .controls .statusbar .loading, ul.playlist li div.sm2_link .controls .statusbar .annotation {position:absolute; left:0px; top:0px; height:0.5em}
ul.playlist li div.sm2_link .controls .statusbar .position {background-color:#6da146; height: 5px}
ul.playlist li div.sm2_paused .controls .statusbar .position {background-color:#666; border-color:#666}
ul.playlist li div.sm2_link .controls .statusbar .loading {background-color:#eee}
ul.playlist li div.sm2_link .controls .statusbar .position, ul.playlist li div.sm2_link .controls .statusbar .loading {width:0px}
ul.playlist li div.sm2_playing div.sm2_link, ul.playlist li div.sm2_paused div.sm2_link {margin-right:4.5em;  }
ul.playlist li div.sm2_link .timing {position:absolute; display:none; text-align:right; right:10px; top:4px; width: 80px; height: 10px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; vertical-align:middle; font-size: 10px; font-weight: normal}
ul.playlist.use-peak li div.sm2_link .timing {right:4.25em}
ul.playlist li:hover .timing {z-index:2}
ul.playlist li div.sm2_link .timing div.sm2_timing {margin:0px; padding:0px; margin-top:-1em}
ul.playlist li div.sm2_playing .timing, ul.playlist li div.sm2_paused .timing {display:block}
ul.playlist li div.sm2_paused .timing .sm2_position {text-decoration:blink;  }
ul.playlist li div.sm2_paused, ul.playlist.use-peak li div.sm2_link .sm2_paused .peak {background-color:#888; border-color:#ccc}
  ul.playlist.use-peak li div.sm2_link .peak {display:none; zoom:1; border:1px solid #99ccff; padding:2px; height:0.55em; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#5588bb; width:0.8em; height:0.55em; margin-top:-3px}
ul.playlist.use-peak li div.sm2_link .peak-box {position:relative; width:100%; height:0.55em; overflow:hidden}
ul.playlist li div.sm2_link .peak .l, ul.playlist li div.sm2_link .peak .r {position:absolute; left:0px; top:0px; width:7px; height:50px; background:#fff; border:1px solid #fff; -moz-border-radius:1px; -khtml-border-radius:1px; margin-top:1em}
ul.playlist li div.sm2_link .peak .l {margin-right:1px}
ul.playlist li div.sm2_link .peak .r {left:10px}
#control-template {display:none}