body { background: url('../img/background.png') top center repeat-y #F2F2F2; color: #fff; font-family: Helvetica,Arial,Verdana,sans-serif; }

/* Generic */
.clearleft { clear:left; }
.floatleft { clear:left; float:left; }
.nopadbot { padding: 10px 20px 0 20px; }
.pad10top { padding: 10px 20px 20px 20px; }

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, input#submit:hover, input#submit:focus { background: #37AEF7; color: #fff; }

#update_message ul li, #update_message #flashMessage { margin: 20px 0 0 0; padding: 5px; background: #37AEF7; color: #fff; font-size: 12px; font-style: italic; }
#djinfo #update_message #flashMessage, #leftcol #update_message #flashMessage { margin: 0 0 20px 0; padding: 5px; background: #37AEF7; color: #fff; font-size: 12px; font-style: italic; }

/* Typography */
h1 { margin: 20px 20px 0 20px; padding: 0 0 20px 0; font-size: 24px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h2 { margin: 0; padding: 10px 20px 0px 20px;; font-size: 18px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h3 { margin: 0; padding: 10px 20px 0px 20px; font-size: 16px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h4 { margin: 0; padding: 10px 20px 0px 20px; font-size: 14px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }

a { color: #00AEEF; text-decoration: none; }
a:hover { color: #fff; }

/* Header */
#container { overflow: hidden;  }
#header { height: 80px; background: url('../img/header_background.jpg') #000; }
#logo { height: 40px; }
#logo img { padding: 25px 0 0 30px; }
#log_box ul { margin: 20px 20px 0 0; padding:0; float: right; }
#log_box ul li { padding: 10px; background: #1E1E1E; }
#log_box ul li a { padding: 5px; }

#log_box ul#login_box { overflow: hidden; float: right; margin: 10px 20px 0 0; padding: 5px; width: 380px; height: 50px; font-size: 11px; background: #1E1E1E; }
#log_box ul#login_box li { display: block; float: left; margin: 0; padding: 0; width: 160px; height: 20px; }
#log_box ul#login_box li label { margin: 0 5px 0 0; }
#log_box ul#login_box li input { margin: 0; padding: 5px; width: 85px; border: 0; }
#log_box ul#login_box li.remember label { margin: 0 0 0 5px; }
#log_box ul#login_box li.remember input { width: 20px; }
#log_box ul#login_box li.forgot { margin: 0 0 0 5px; }
#log_box ul#login_box li.username { margin: 0 0 0 5px; width: 165px; }
#log_box ul#login_box li.username input { width: 110px; }
#log_box ul#login_box li.password { width: 165px; }
#log_box ul#login_box li.submit { width: 40px; }
#log_box ul#login_box li.submit input { width: 40px; height: 26px; }

ul#nav { margin-left: 10px; padding: 20px 0 0 20px; width: 595px; height: 40px; background: #1E1E1E; }
ul#nav li { display: inline; margin: 12px 0 0 0; padding: 0 10px; }
ul#nav li.noborder { border: 0; }
ul#nav li a { font-size: 12px; font-weight: bold; color: #fff; }
ul#nav li a:hover, #index ul#nav li a.index, #channels ul#nav li a.channels, #channel ul#nav li a.channels, #djs ul#nav li a.djs, #mobile ul#nav li a.mobile { color: #37AEF7; }

#search_box { margin-left:-10px; padding: 0; width: 325px; height: 60px; background: #1E1E1E; }
#search_box input { margin: 15px 0 0 45px; padding: 5px; width: 200px; border: 0; }
#search_box input#submit { margin: 0 0 0 10px; padding: 0 20px 1px 20px; width: 20px; height: 26px; }

/* Content Backgrounds */
#content { padding: 20px; width: 900px; min-height: 405px;  }
#generic #content, #index #content, #channels #content, #djs #content, #about #content, #events #content, #login #content, #register #content { background: url('../img/home_background.jpg') 0px -30px no-repeat #000; }
#user #content, #djprofile #content, #search #content, #contact #content { background: #fff; }
#login #content, #admin #content { background: #000; }

/* Sub Content */
#subcontent { padding-bottom: 20px; width: 940px; background: #1E1E1E; }

#subleft { float: left; margin: 0; padding: 0; width: 540px; height: 100px; }
#subleft #news { margin: 0; padding: 0; width: 540px; }
#subleft #news h2 { margin: 20px; padding: 0; }
#subleft #news p { margin: 10px 20px; padding: 5px 10px; color: #666; background: #fff; }
#subleft #news p a { color: #666; font-size: 12px; }
#subleft #news p a:hover { color: #37AEF7; }

#subright { float: right; margin: 0 20px 0 0; width: 380px; }
#subright h2 { margin: 20px 20px 20px 0; padding: 0; }
#subright #events ul { margin: 0; padding:0; width: 360px;  }
#subright #events ul li { width: 370px; font-weight: bold; color: #37AEF7; }
#subright #events ul li a { display: block; padding: 5px; color: #666; font-size: 12px; }
#subright #events ul li a:hover { color: #fff; }
#subright #events ul li.odd { background: #fff; }
#subright #events ul li.even { background: #E6E6E6; }
#subright #events ul li:hover { background: #37AEF7; color: #fff; }

/* Index */
#welcome { float: left; margin: 20px 0 40px 0; width: 440px; }
#welcome img { margin: 0 0 0 20px; }
#welcome h2 { margin: 0 0 10px 0; color: #37AEF7; }
#welcome p { margin: 0 20px 10px 20px; font-size: 12px; line-height: 18px; }
#welcome ul { margin-left: 20px;}
#welcome ul li { list-style-type: disc; margin: 0 0 5px 20px; font-size: 12px; }

#welcome_register { float: right; margin: 20px 0 40px 20px; width: 440px; }
#welcome_register h1 { margin-right: 25px; color: #37AEF7; text-align: right; }
#welcome_register ul { margin: 0 0 0 20px; }
#welcome_register ul li { margin: 0 0 10px 0px; }
#welcome_register ul li p { margin: 0px; padding: 0 5px; font-size: 11px; }
#welcome_register ul li label { display: inline-block; margin-right: 20px; width: 140px; font-size: 12px; text-align: right; }
#welcome_register ul li input { margin: 0; padding: 5px; width: 220px; border: 0; }
#welcome_register ul li.zipcode input { width: 104px; }
#welcome_register ul li.dj { height: 30px; }
#welcome_register ul li.dj span { display: inline-block; margin: 0 0 0 -4px; padding: 6px 10px 7px 5px; font-size: 12px; color: #333; font-weight: bold; background: #fff; }
#welcome_register ul li.dj span:hover { background: #37AEF7; color: #fff; }
#welcome_register ul li.dj input { position: relative; top: 2px; margin: 0 5px 0 0; padding: 5px 0 0 0; width: 20px; }
#welcome_register ul li.disclaimer { margin: 0 0 10px 160px; width: 220px; }
#welcome_register ul li input#submit { margin-left: 160px; width: 113px; text-align: center; }

#footer { background: #E6E6E6; }

#nav_footer { overflow: hidden; padding: 20px; color: #333; }
#nav_footer ul { float: left; margin: 20px 40px 0 20px; width: 165px; }
#nav_footer ul ol { margin-bottom: 10px; font-size: 1em; font-weight:bold; color: #333; }
#nav_footer ul li { margin-bottom: 5px; font-size: .8em; font-weight:bold; color: #666; }

#copyright_footer { margin: 0 40px; padding: 20px 0 40px; height: 40px; color: #333; border-top: 4px solid #fff; }
#copyright_footer p { margin-top: 10px; font-size: 10px; }

/* Channel Listing */
h1.featured_channels { padding: 20px 0; }
#featured_channel { overflow: hidden; margin: 0 20px 20px 20px; width: 860px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; }
#artist_img { float: left; width: 520px; height: 265px; }
#artist_img img { display: block; margin: 20px 0; width: 500px; height: 225px; background: blue; }

#artist_info { float: left; display: block;  margin: 20px 0; width: 340px; }
#artist_info h2 { padding: 0; font-size: 21px; color: #37AEF7; }
#artist_info p { margin: 20px 0; }

h1.all_channels { padding: 20px 0; }
#channel_list { overflow: hidden; margin: 0 10px 20px 20px; padding-bottom: 20px; width: 860px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; }

#channel_list ul { z-index: 998; float: left; margin: 0; padding: 10px 20px 0 20px; width: 175px; height: 140px; }

#channel_list ul li { display: block; }
#channel_list ul li a { font-size: 11px; color: #fff; }
#channel_list ul li a:hover { text-decoration: underline; }
#channel_list ul li.title { display: block; position: relative; width: 195px; margin-left: -20px; padding-left: 20px; }
#channel_list ul li.title a { display: block; }
#channel_list ul li.title a h2 { margin: 0; padding: 10px 0; font-size: 21px; font-weight: bold; color: #37AEF7; }
#channel_list ul li.moreinfo { margin-top: 10px; }
#channel_list ul li.moreinfo a { font-size: 12px; color: #37AEF7; font-weight: bold; }

#channel_list ul.odd:hover, #channel_list ul.even:hover { background: #37AEF7; }
#channel_list ul.odd:hover h2, #channel_list ul.even:hover h2, #channel_list ul.odd:hover a, #channel_list ul.even:hover a { color: #fff; }
#channel_list ul.odd:hover h2:hover, #channel_list ul.even:hover h2:hover, #channel_list ul.odd:hover a:hover, #channel_list ul.even:hover a:hover { }
#channel_list ul.odd li.title:hover ul.info, #channel_list ul.even li.title:hover ul.info { z-index: 999; display: block; position: absolute; background: #fff; }

#channel_list ul.odd li.title ul.info { display: none; position: absolute; margin: 0; padding: 0; width: 215px; height: 150px; top: -10px; left: 215px; }
#channel_list ul.even li.title ul.info { display: none; position: absolute; margin: 0; padding: 0; width: 215px; height: 150px; top: -10px; left: -215px; }
#channel_list ul li.title ul.info li h3 { margin: 0; padding: 20px 20px 0 20px; font-size: 12px; font-weight: bold; color: #37AEF7; }
#channel_list ul li.title ul.info li p { margin:0; padding: 10px; font-size: 11px; line-height: 14px; color: #333; }
#channel_list ul li.title ul.info li a.tunein { display: block; margin: 0px 20px 10px 10px; padding: 2px 0 0 35px; width: 100px; height: 25px; background: url('/img/tunein.png') 0 0 no-repeat; color: #37AEF7; font-size: 21px; }
#channel_list ul li.title ul.info li a.tunein:hover { background: url('/img/tunein.png') 0 0 no-repeat; }


/* Channel */
#content #channel { overflow: hidden; margin: 0 0 20px 0; padding: 0; }

#channel #leftcol { margin: 0; padding: 0; width: 640px; }

#channel #rightcol { margin: 0; padding: 0; width: 240px; }

#channel_info h1 { margin: 0 0 20px 0; padding: 0 0 20px 0; color: #37AEF7; border-bottom: 2px solid #333; }
#channel_info h1 a { float: right; margin-top: 5px; padding: 5px; display: block; font-size: 11px; background: #333 }
#channel_info h3 { margin: 0; padding: 20px 0 0 2px; color: #666; }
#channel_info p { overflow: hidden; margin: -5px 0 0 0; padding:0; color: #333; font-size: 12px; line-height: 18px; }

#listen { float: left; margin: 5px 20px 15px 0; padding: 0; width: 300px; height: 105px; background: #333; }
#listen a.tunein { display: block; margin: 10px 20px 10px 10px; padding: 0 0 0 78px; width: 203px; height: 85px; background: url('/img/tunein_large.png') 0 0 no-repeat; font-size: 21px; }
#listen a.tunein h2 { font-size: 48px; padding-top: 33px; }
#listen a.tunein:hover { background: url('/img/tunein_large.png') 0 -85px no-repeat; }

#featured_djs { background: #333; }
#featured_djs h2 { margin: 0; padding: 20px 0 0 20px; color: #37AEF7; }
#featured_djs h3 { margin: 0; padding: 0; font-size: 14px;  }
#featured_djs h4 a { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #37AEF7; }
#featured_djs h4 a:hover { color: #fff; }
#featured_djs ul { margin: 0; padding: 20px 0 0 0; }
#featured_djs ul li { overflow: hidden; margin: 0; padding: 0 0 20px 20px; }
#featured_djs ul li img { float: left; margin: 0 20px 0 0; padding: 0; width: 45px; height: 45px; background: white; }

#similar_channels { margin: 20px 0 0 0; background: #333; }
#similar_channels h2 { margin: 0; padding: 20px 0 0 20px; }
#similar_channels ul { margin: 0; padding: 20px 0 0 0; }
#similar_channels ul li { margin: 0; padding: 0 0 20px 20px; }

/* DJ Listing */
h1.featured_djs { padding: 20px 0; }
#featured_dj { overflow: hidden; margin: 0 20px 40px 20px; width: 860px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; }
#artist_img { float: left; width: 520px; height: 265px; }
#artist_img img { display: block; margin: 20px 0; width: 500px; height: 225px; background: blue; }

#artist_info { float: left; display: block;  margin: 20px 0; width: 340px; }
#artist_info h2 { padding: 0; font-size: 21px; color: #37AEF7; }
#artist_info p { margin: 20px 0; }

h1.all_djs { padding: 20px 0; }
#dj_list { overflow: hidden; margin: 0 10px 20px 20px; padding-bottom: 20px; width: 860px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; }
#genre { overflow: hidden; clear: left; margin-bottom: 20px; }
#genre a.more { display: block; clear: left; margin-left: 20px; }
#genre h2 { padding: 20px 20px 0 20px; color: #37AEF7; }
#genre ul { overflow: hidden; margin: 0; padding: 20px; }
#genre ul li { float: left; margin-right: 5px; padding: 2px 0 3px 0; width: 200px; }
#genre ul li a { color: #fff; font-size: 12px; }
#genre ul li a:hover { text-decoration: underline; color: #37AEF7; }

/* DJ Detail */
#djinfo { float: left; width: 500px; }
#djinfo #photo { margin: 0; height: 225px; }
#djinfo span { position: absolute; top: 270px; left: 445px; color: #333; }
#djinfo h1 { margin: 0 0 10px 0; padding: 0; color: #37AEF7; }
#djinfo h1 a { float: right; margin-top: 5px; padding: 3px; display: block; font-size: 11px; background: #333 }
#djinfo h2 { margin: 0 0 5px 0; padding: 0; color: #333; }
#djinfo h3 { margin: 0; padding: 20px 0 0 2px; color: #666; }
#djinfo h3 a { margin: 0 0 5px 0; padding: 3px; display: block; font-size: 11px; background: #333 }
#djinfo ul#style_tags { margin: 0; padding: 0 0 5px 0;  }
#djinfo ul#style_tags li { display: inline; font-size: 11px; line-height: 14px; color: #333; }
#djinfo ul#style_tags li a { font-size: 11px; padding: 2px 3px; }
#djinfo ul#style_tags li a:hover { color: #fff; background: #333; }
#djinfo p { margin: 0 0 20px 0; color: #333; font-size: 12px; line-height: 18px; }
#djinfo p.location { margin: 0 0 20px 0; padding: 0 0 5px 0; color: #666; font-size: 11px; font-style: italic; line-height: 14px; border-bottom: 2px solid #333; }

#djsocial { float: right; margin: 0 0 20px 0; width: 380px; }
#djsocial h1 { margin: 0 0 20px 0; padding: 0 0 20px 0; color: #37AEF7; border-bottom: 2px solid #333; }
#djsocial h2 { margin: 0 0 5px 0; padding: 0; color: #333; }
#djsocial h3 { padding: 20px 0 0 2px; margin: 0; color: #666; }
#djsocial ul { overflow: hidden; margin:0; padding: 0; width: 380px; background: #333; }
#djsocial ul li { float: left; margin:0; padding: 10px; width: 170px; }
#djsocial ul li.location, #djsocial ul li.website { float: left; margin:0; padding: 10px; width: 360px; }
#djsocial ul li.facebook a { display: block; margin:0; padding: 3px 0 0 35px; width: 170px; height: 25px; background: url(../img/facebook_icon.png) no-repeat; }
#djsocial ul li.myspace a { display: block; margin:0; padding: 3px 0 0 35px; width: 170px; height: 25px; background: url(../img/myspace_icon.png) no-repeat; }
#djsocial ul li.twitter a { display: block; margin:0; padding: 3px 0 0 35px; width: 170px; height: 25px; background: url(../img/twitter_icon.png) no-repeat; }
#djsocial ul li.youtube a { display: block; margin:0; padding: 3px 0 0 35px; width: 170px; height: 25px; background: url(../img/youtube_icon.png) no-repeat; }

#djsocial span { display: block; width: 380px; height: 20px; background: url(/img/social_links_bubble.png) no-repeat; }

#fav_djs { float: right; margin: 0; width: 385px; }
#fav_djs h2 { padding: 0 10px 10px 10px; color: #333; }
#fav_djs ul { overflow: hidden; margin: 0; padding: 0; }
#fav_djs ul li { overflow: hidden; float: left; display: block; margin: 0 0 10px 10px; padding: 5px; width: 75px; height: 90px; background: #333; }
#fav_djs ul li:hover { background: #37AEF7; color: #fff; }
#fav_djs ul li a { display: block; font-size: 10px; color: #37AEF7; }
#fav_djs ul li a:hover { display: block; color: #fff; }
#fav_djs ul li a img { margin-bottom: 4px; width: 75px; height: 75px; }

#fav_channels { overflow: hidden; float: right; margin: 0; width: 385px; }
#fav_channels h2 { padding: 20px 10px; color: #333; }
#fav_channels ul { overflow: hidden; margin: 0; padding: 0; }
#fav_channels ul li a h3 { padding: 0 5px 10px 5px; color: #37AEF7; }
#fav_channels ul li:hover a h3 { color: #333; }
#fav_channels ul li a h4 { padding: 10px 5px 0 5px; font-size: 11px; color: #fff;  }
#fav_channels ul li { float: left; display: block; margin: 0 0 10px 10px; padding: 4px; width: 174px; background: #333; }
#fav_channels ul li:hover { background: #37AEF7; color: #fff; }
#fav_channels ul li span { display: none; position: relative; }
#fav_channels ul li:hover span { display: block; position: relative; }
#fav_channels ul li span a { position: absolute; top:0px; left: 185px; padding: 2px 4px; background: #333; color: red; font-size: 14px; font-weight: bold; }
#fav_channels ul li span a:hover { background: red; color: #fff; font-size: 14px; font-weight: bold; }
#fav_channels ul li a.tunein { float: left; display: block; width: 25px; height: 25px; margin: 11px 5px 10px 5px; padding: 0; background: url('../img/tunein.png') 0 0 no-repeat; }
#fav_channels ul li:hover a.tunein { background: url('../img/tunein.png') 0 -25px no-repeat; }
#fav_channels ul li a.channel { float: left; }

/* Login */
#login #leftcol { margin: 0; padding: 0; width: 450px; }
#login #rightcol { margin: 0; padding: 0; width: 450px; }

#leftcol span.error { display: block; margin: 0 20px 20px 20px; padding: 0; font-size: 12px; background: red; }
#leftcol span.error h3 { margin: 0; padding: 5px; font-size: 14px; font-weight: bold; color: #fff; }
#leftcol span.error ul { margin: 0 0 20px 20px; padding: 0 0 5px 0; }
#leftcol span.error ul li { list-style-type: square; }

#rightcol span.error { display: block; margin: 0 20px 20px 20px; padding: 0; font-size: 12px; background: red; }
#rightcol span.error h3 { margin: 0; padding: 5px; font-size: 14px; font-weight: bold; color: #fff; }
#rightcol span.error ul { margin: 0 0 20px 20px; padding: 0 0 5px 0; }
#rightcol span.error ul li { list-style-type: square; }

#login #leftcol { float: left; margin: 40px 0 40px 20px; width: 420px; }
#login #leftcol #login { margin: 20px; }
#login #leftcol #login h1 { margin:0; padding: 0 0 5px 0; color: #37AEF7;; }
#login #leftcol #login ul { margin: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#login #leftcol #login ul li { float: left; margin: 20px 0px; width: 180px; }
#login #leftcol #login ul li input { margin: 0; padding: 5px; width: 170px; border: 0; }
#login #leftcol #login label { display: block; margin: 0; padding: 0; font-weight: bold; color: #fff; }
#login #leftcol #login ul li.username { margin: 20px 20px 0 0; }
#login #leftcol #login ul li.username input { margin: 10px 0 0 0; }
#login #leftcol #login ul li.password { margin: 20px 0 20px 0; }
#login #leftcol #login ul li.password input { margin: 10px 0 0 0; }
#login #leftcol #login ul li.remember { margin: 0 0 0 0; }
#login #leftcol #login ul li.remember span { display: block; margin: 0 10px 0 0; padding: 0; height: 26px; font-size: 12px; color: #37AEF7; }
#login #leftcol #login ul li.remember input { margin: 7px 10px 0 5px; padding: 5px 0 0 0; width: 20px; }
#login #leftcol #login ul li.submit { margin: 0 0 20px 100px; width : 100px; }
#login #leftcol #login ul li.submit input { margin: 0 ; width : 100px; text-align: center; }
#login #leftcol #login a.forgot { float: right; color: #fff; }

/* Register */
#register #leftcol { float: left; margin: 0 0 40px 20px; width: 420px; }
#register #rightcol { float: left; margin: 0 0 40px 20px; width: 420px; }
#register #rightcol #register #rightcol #register { float: right; margin: 20px 0 40px 20px; width: 440px; }
#register #rightcol #register h1 { color: #37AEF7; text-align: right; }
#register #rightcol #register ul { margin: 0 0 0 20px; }
#register #rightcol #register ul li { margin: 0 0 10px 0px; }
#register #rightcol #register ul li .error-message { float: right; margin: 0 40px 0 100px; width: 200px; height: 20px; font-size: 12px; color: red; }
#register #rightcol #register ul li p { margin: 0px; padding: 0 5px; font-size: 11px; }
#register #rightcol #register ul li label { display: inline-block; margin-right: 20px; width: 140px; font-size: 12px; text-align: right; }
#register #rightcol #register ul li input { margin: 0; padding: 5px; width: 220px; border: 0; }
#register #rightcol #register ul li.zipcode input { width: 104px; }
#register #rightcol #register ul li.dj { height: 30px; }
#register #rightcol #register ul li.dj span { display: inline-block; margin: 0 0 0 -4px; padding: 6px 10px 7px 5px; font-size: 12px; color: #333; font-weight: bold; background: #fff; }
#register #rightcol #register ul li.dj span:hover { background: #37AEF7; color: #fff; }
#register #rightcol #register ul li.dj input { position: relative; top: 2px; margin: 0 5px 0 0; padding: 5px 0 0 0; width: 20px; }
#register #rightcol #register ul li.disclaimer { margin: 0 0 10px 160px; width: 220px; }
#register #rightcol #register ul li.submit input { margin-left: 160px; width: 113px; text-align: center; }

/* Search */
#search_nav { overflow: hidden; float: left; margin: 20px 0 0 0; }
#search_nav h3 { margin: 7px 0 20px 15px; padding: 0; color: #333; }
#search_nav ul { margin: 0; padding: 0; width: 130px; background: #E6E6E6; }
#search_nav ul li { width: 165px; color: #333; }
#search_nav ul li a { display: block; margin: 0; padding: 5px 10px; color: #333; font-size: 11px; border-left: 5px solid #333; }
#search_nav ul li a:hover { color: #37AEF7; }
#search_nav ul li a:hover,  #user.myprofile #leftcol ul li.myprofile a, #user.mixupload #leftcol ul li.mixupload a, #user.profile #leftcol ul li.profile a, #user.mixes #leftcol ul li.mixes a, #user.account #leftcol ul li.account a { border-left: 5px solid #37AEF7; color: #37AEF7; }


#search_results { float: right; }
#search_results #user_results { overflow: hidden; display: block; margin-left: 20px; width: 750px; }
#search_results #user_results h1 { margin: 20px; padding:0; color: #37AEF7; }
#search_results #user_results #member { overflow: hidden; float: left; margin: 0 0 20px 20px; padding: 5px; width: 95px; height: 115px; background: #333; }
#search_results #user_results #member:hover { background: #37AEF7;}
#search_results #user_results #member span { font-size: 11px;}

#search_results #channel_results { overflow: hidden; display: block; margin-left: 20px; width: 750px; }
#search_results #channel_results h1 { margin: 20px; padding:0; color: #37AEF7; }
#search_results #channel_results #channel { overflow: hidden; float: left; margin: 0 0 20px 20px; padding: 0; width: 220px; height: 120px; background: #333; }
#search_results #channel_results #channel:hover { background: #37AEF7; }
#search_results #channel_results #channel a { display: block; color: #fff; }
#search_results #channel_results #channel a h2 { padding: 10px; color: #37AEF7; }
#search_results #channel_results #channel:hover a h2 { color: #fff; }
#search_results #channel_results #channel a p { padding: 0 10px 10px 10px; font-size: 11px; }

/* User Profile -- Backend */
#user #content { overflow: hidden; margin-left: 10px; padding: 0; width: 940px; }
#title_bar { }
#title_bar h1 { padding: 0 20px 20px 0; margin: 0; color: #37AEF7; }
#title_bar h1 span { position: relative; margin-left: 20px; top: -5px; font-size: 10px; }
#title_bar h1 span a { padding: 2px 3px; }
#title_bar h1 span a:hover { background: #333; color: #fff; }
#title_bar h3 { padding: 20px 20px 0 0; margin: 0; color: #333;}

#leftcol { float: left; margin: 0 10px 40px 20px; padding: 0; width: 170px; }

#leftcol #profile_link { margin: 0; padding: 0px 20px 20px 15px; }
#leftcol #profile_link a.public_profile_link { display: block; font-size: 11px; color: #666; }
#leftcol #profile_link a.public_profile_link:hover { color: #37AEF7;}

#manage_photos { margin: 20px 0 20px 0; padding: 0; width: 170px; height: 170px; background: #E6E6E6; }
#manage_photos a { display: block; position: relative; margin: 0; padding: 0; width: 170px; height: 170px; background: #333; }
#manage_photos a:hover img { background: #37AEF7; }
#manage_photos a span { display: block; position: absolute; padding: 5px; width: 160px; top: 130px; background: url('/img/80pc_background.png') repeat; font-size: 12px; }
#manage_photos a:hover span { background: #333; }

#leftcol #profile_nav ul { margin: 0; padding: 0; width: 170px; background: #E6E6E6; }
#leftcol #profile_nav ul li { width: 165px; color: #333; }
#leftcol #profile_nav ul li a { display: block; margin: 0; padding: 5px 10px; color: #333; font-size: 11px; border-left: 5px solid #333; }
#leftcol #profile_nav ul li a:hover { color: #37AEF7; }
#leftcol #profile_nav ul li a:hover,  #user.myprofile #leftcol ul li.myprofile a, #user.mixupload #leftcol ul li.mixupload a, #user.profile #leftcol ul li.profile a, #user.mixes #leftcol ul li.mixes a, #user.account #leftcol ul li.account a { border-left: 5px solid #37AEF7; color: #37AEF7; }

#rightcol { float: right; margin: 0 20px 40px 10px; padding: 0; width: 710px; }

#favorite_djs { margin: 0 0 20px 0; padding: 0; width: 710px; background: #E6E6E6; }
#favorite_djs h2 { padding: 20px; color: #333; }
#favorite_djs ul { overflow: hidden; margin: 0; padding: 0; }
#favorite_djs ul li { overflow: hidden; float: left; display: block; margin: 0 0 20px 20px; padding: 4px; width: 110px; height: 130px; background: #333; }
#favorite_djs ul li:hover { background: #37AEF7; color: #fff; }
#favorite_djs ul li span { display: none; position: relative; }
#favorite_djs ul li:hover span { display: block; position: relative; }
#favorite_djs ul li span a { position: absolute; top:0px; left: 94px; padding: 2px 4px; background: #333; color: red; font-size: 14px; font-weight: bold; }
#favorite_djs ul li span a:hover { background: red; color: #fff; font-size: 14px; font-weight: bold; }
#favorite_djs ul li a { display: block; font-size: 12px; color: #fff; }
#favorite_djs ul li a:hover { display: block; color: #fff; }
#favorite_djs ul li a img { margin-bottom: 4px; }

#my_favorite_channels { overflow: hidden; margin: 0 0 20px 0; padding: 0; width: 710px; background: #E6E6E6; }
#my_favorite_channels h2 { padding: 20px; color: #333; }
#my_favorite_channels ul { overflow: hidden; margin: 0; padding: 0; }
#my_favorite_channels ul li a h3 { padding: 0 5px 10px 5px; color: #37AEF7; }
#my_favorite_channels ul li:hover a h3 { color: #333; }
#my_favorite_channels ul li a h4 { padding: 10px 5px 0 5px; font-size: 11px; color: #fff;  }
#my_favorite_channels ul li { float: left; display: block; margin: 0 0 20px 20px; padding: 4px; width: 202px; background: #333; }
#my_favorite_channels ul li:hover { background: #37AEF7; color: #fff; }
#my_favorite_channels ul li span { display: none; position: relative; }
#my_favorite_channels ul li:hover span { display: block; position: relative; }
#my_favorite_channels ul li span a { position: absolute; top:0px; left: 185px; padding: 2px 4px; background: #333; color: red; font-size: 14px; font-weight: bold; }
#my_favorite_channels ul li span a:hover { background: red; color: #fff; font-size: 14px; font-weight: bold; }
#my_favorite_channels ul li a.tunein { float: left; display: block; width: 25px; height: 25px; margin: 11px 5px 10px 5px; padding: 0; background: url('/img/tunein.png') 0 0 no-repeat; }
#my_favorite_channels ul li:hover a.tunein { background: url('/img/tunein.png') 0 -25px no-repeat; }
#my_favorite_channels ul li a.channel { float: left; }

/* Profile Image */
#profile_image_upload { float: left; margin: 0; padding: 0; width: 490px; background: #E6E6E6; }
#profile_image_upload h2 { padding: 20px; color: #333; }
#profile_image_upload p { margin: 0 20px 20px 20px; font-size: 12px; line-height: 18px; color: #333; }
#profile_image_upload ul { overflow: hidden; margin: 0 0 20px 0; padding: 0; }
#profile_image_upload ul li { margin: 0 0 0 20px; padding:0; width: 220px; }
#profile_image_upload ul li label { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
#profile_image_upload ul li input { margin: 10px 20px 20px 0; padding: 5px; width: 440px; border: 0; }
#profile_image_upload ul li.browse input { margin: 10px 0 20px 0; padding: 5px; width: 220px; background: #fff; text-align: center; border: 0; }
#profile_image_upload ul li.browse input:hover, #profile_edit input#submit:focus { background: #37AEF7; color: #fff; }
#profile_image_upload ul li.submit input { float: right; margin: 0 0 20px 0; padding: 5px; width: 60px; background: #fff; text-align: center; border: 0; }
#profile_image_upload ul li.submit input:hover, #profile_edit input#submit:focus { background: #37AEF7; color: #fff; }

/* Mixes */
#user #mix_listing { width: 710px; background: #E6E6E6; }
#user #mix_listing h2 { padding: 20px; color: #333; }
#user #mix_listing h2 a { float: right; display: block; padding: 5px; background:#333; font-size: 14px; }

#user #mix_listing table { margin: 0 20px 20px 20px; width: 670px; text-align: left; }
#user #mix_listing table tr { height: 20px; background: #fff; color: #333; }
#user #mix_listing table tr th { padding: 5px; }
#user #mix_listing table tr.row1 { height: 20px; background: none; }
#user #mix_listing table tr.row1_hover, #user #mix_listing table tr.row2_hover { color: #fff; background: #333; }
#user #mix_listing table tr td { padding: 5px; }
#user #mix_listing table tr td.column-1 { width: 600px; }

#user #mix_upload { display: block; overflow: hidden; margin: 0; padding: 0; width: 710px; background: #E6E6E6; color: #333; }
#user #mix_upload h2 { padding: 20px; color: #333; }
#user #mix_upload h2 a { float: right; display: block; padding: 5px; background:#333; font-size: 14px; }
#user #mix_upload ul { margin: 0 20px; font-size: 12px; }
#user #mix_upload ul li { margin: 5px 0; }
#user #mix_upload ul li.notice { margin: 10px 0 0 0; text-decoration: underline; }
#user #mix_upload span.legend { display: block; margin: 20px; font-weight: bold; }

#profile_edit { float: left; margin: 0; padding: 0; width: 490px; background: #E6E6E6; }
#profile_edit h2 { padding: 20px; color: #333; }
#profile_edit label { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
#profile_edit span.error { display: block; margin: 0 20px 20px 20px; padding: 0; font-size: 12px; background: red; }
#profile_edit span.error h3 { margin: 0; padding: 5px; font-size: 14px; font-weight: bold; color: #fff; }
#profile_edit span.error ul { margin: 0 0 20px 5px; padding: 0 0 5px 0; }
#profile_edit span.error ul li { list-style-type: square; }
#profile_edit input { margin: 10px 20px 20px 20px; padding: 5px; width: 440px; border: 0; }
#profile_edit textarea { margin: 10px 20px 20px 20px; padding: 5px; width: 440px; border: 0; }
#profile_edit select { margin: 10px 20px 20px 20px; padding: 5px; width: 160px; font-size: 11px; border: 0; }
#profile_edit ul { overflow: hidden; margin: 0 0 20px 0; padding: 0; }
#profile_edit ul li { float: left; margin: 0 0 0 20px; padding:0; width: 215px; }
#profile_edit ul li label { margin: 0; padding: 0; }
#profile_edit ul li input { margin: 10px 0 0 0; padding: 5px; width: 205px; border: 0; }
#profile_edit input#submit { float:right; margin: 0 20px 20px 0; padding: 5px; width: 60px; background: #fff; text-align: center; border: 0; }
#profile_edit input#submit:hover, #profile_edit input#submit:focus { background: #37AEF7; color: #fff; }

#profile_edit ul li.status { margin: 0 0 0 20px; width: 120px; }
#profile_edit ul li.status select { margin: 10px 0 20px 0; width: 120px; }
#profile_edit ul li.status select option { margin: 5px; padding: 0; font-size: 12px; border: 0; }
#profile_edit ul li.status_location { margin: 0 0 0 20px; width: 300px; }
#profile_edit ul li.status_location input { margin: 10px 0 20px 0; width: 300px; }
#profile_edit ul li.bio { margin: 0 0 20px 20px; width: 460px; }
#profile_edit ul li.bio textarea { margin: 10px 0 0 0; width: 440px; }
#profile_edit ul li.inspiration { margin: 0 0 0 20px; width: 460px; }
#profile_edit ul li.inspiration textarea { margin: 10px 0 0 0; width: 440px; }

#profile_edit ul li.firstname, #profile_edit ul li.lastname { margin-bottom: 20px; padding: 0;  }
#profile_edit ul li.email, #profile_edit ul li.website { margin: 0 0 20px 20px; }
#profile_edit ul li.email input { }
#profile_edit ul li.gender { margin: 0 0 20px 20px; width: 130px; }
#profile_edit ul li.gender select { margin: 10px 0 0 0; padding: 5px; width: 100px; }
#profile_edit ul li.age { margin: 0 0 0 20px; width: 310px; }
#profile_edit ul li.age select#birth_month { margin: 10px 5px 20px 0; width: 120px; }
#profile_edit ul li.age select#birth_day { margin: 10px 5px 20px 0; width: 80px; }
#profile_edit ul li.age select#birth_year { margin: 10px 0px 20px 0; width: 80px; }

#profile_edit ul li.tagline, #profile_edit ul li.location, #profile_edit ul li.country { width: 440px; }
#profile_edit ul li.tagline input, #profile_edit ul li.location input { margin: 5px 20px 20px 0; width: 440px; }
#profile_edit ul li.country { width: 280px; }
#profile_edit ul li.country select { margin: 10px 20px 0 0; width: 280px; }
#profile_edit ul li.zip { width: 140px; }
#profile_edit ul li.zip input { width: 140px; }
#profile_edit ul li.hometown { margin: 0 0 20px 20px; padding: 0; width: 440px; }
#profile_edit ul li.hometown input { margin: 10px 0px 0 0; width: 440px; }
#profile_edit ul li.am_dj { margin: 20px 0 0 20px; padding: 2px 10px 2px 0; width: 85px; background: #fff; }
#profile_edit ul li.am_dj:hover { background: #37AEF7; }
#profile_edit ul li.am_dj:hover span { color: #fff; }
#profile_edit ul li.am_dj input { display: block; margin: 5px 15px 5px 12px; width: 10px; }
#profile_edit ul li.am_dj input#UserDj_ { display: none; }
#profile_edit ul li.am_dj span { display: block; float: right; margin: -18px 0 0 0; color: #000; font-size: 12px; font-weight: bold; }
#profile_edit ul li.submit { margin: 20px 0 0 158px; padding: 0; }
#profile_edit ul li.submit input { margin: 10px 0px 0 0; }

#profile_edit.password { margin-top: 20px; }
#profile_edit.password ul li.pass { margin: 0 0 0 20px; padding:0; width: 135px; }
#profile_edit.password ul li.pass input { margin: 10px 0 0 0; width: 130px; }

#profile_options { float: right; margin: 0 0 20px 0; padding: 0; width: 200px; background: #37AEF7; }
#profile_options h2 { padding: 20px; color: #333; }

#profile_options input#dj { margin: 20px 10px 20px 20px; padding: 0; }
#profile_options label { margin: 0; padding: 0 20px; font-weight: bold; color: #333; }
#profile_options select { margin: 5px 20px 20px 20px; padding: 5px; width: 160px; font-size: 11px; border: 0; }
#profile_options select option { margin: 5px; padding: 1px; font-size: 12px; border: 0; }
#profile_options select:hover, #profile_options select:focus, #profile_options input:hover, #profile_options input:focus, #profile_options textarea:hover, #profile_options textarea:focus, #profile_options input#submit:hover, #profile_options input#submit:focus { background: #333; color: #fff; }
#profile_options option { margin: 0; padding: 0; border: 0; }
#profile_options textarea { margin: 5px 20px 20px 20px; padding: 5px; width:150px; border: 0; }
#profile_options input#style { margin: 5px 20px 20px 20px; padding: 5px; width:150px; border: 0; }
#profile_options input#submit { float:right; margin: 0 20px 20px 0; padding: 5px; width: 60px; background: #fff; text-align: center; border: 0; }

/* About Us */
#aboutus { }
#aboutus h1 { padding: 20px 0; color: #37AEF7; }
#aboutus p { margin: 20px; font-size: 12px; line-height: 18px; }

/* Contact */
#contact_text { float: left; width: 300px; }
#contact_text h1 { color: #333; }
#contact_text p { padding: 0 20px 20px 20px; font-size: 12px; line-height: 18px; color: #333; }

#contact_form { float: right; width: 580px; background: #E6E6E6; }
#contact_form ul { margin: 20px; padding: 0; width: 520px; }
#contact_form ul li { float: left; margin: 20px 20px 0 20px; padding:0; width: 220px; }
#contact_form ul li label { margin: 0; padding: 0; font-weight: bold; color: #333; }
#contact_form ul li input { margin: 10px 0 0 0; padding: 5px; width: 230px; border: 0; }
#contact_form ul li textarea { margin: 10px 0 0 0; padding: 5px; width:490px; border: 0; }
#contact_form ul li.comments { clear: both; width: 510px; }
#contact_form ul li.submit { float: right; margin: 20px 0; padding:0; width: 80px; }
#contact_form ul li.submit input { width: 80px; background: #fff; }
#contact_form input, #contact_form textarea { background: #fff; color: #333; }
#contact_form input:hover, #contact_form input:focus, #contact_form textarea:hover, #contact_form textarea:focus { background: #37AEF7; color: #fff; }

/* Privacy */
#privacy_policy_ref { }
#privacy_policy_ref ul li { margin: 10px 0; font-size: 11px; }

#privacy_policy { width: 660px; }
#privacy_policy h1 { margin: 0 0 20px 0; padding: 0; font-size: 24px; color: #37AEF7; }
#privacy_policy h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; color: #333; }
#privacy_policy h3 { margin: 0 0 5px 0; padding: 0; font-size: 16px; color: #333; }
#privacy_policy p { margin: 0 0 20px 0; padding: 0; font-size: 12px; line-height: 18px; color: #333; }
#privacy_policy ul { margin: 0 0 20px 0; }
#privacy_policy ul li { margin: 5px 0; font-size: 11px; color: #333; }

/* Terms */
#terms_use h1 { margin: 0 0 20px 0; padding: 0; font-size: 24px; color: #37AEF7; }
#terms_use h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; color: #333; }
#terms_use p { margin: 0 0 20px 0; padding: 0; font-size: 12px; line-height: 18px; color: #333; }

/* Mobile */
#mobile_info { margin: 20px 0 0 20px; width: 600px; }
#mobile_info h1 { margin: 0 0 20px 0; padding: 0; font-size: 24px; color: #37AEF7; }
#mobile_info p { margin: 0 0 20px 0; font-size: 12px; line-height: 18px; color: #333; }
#mobile_info ul { overflow: hidden; margin: 0 0 20px 0; padding: 0; }
#mobile_info ul li { margin: 0 0 5px 20px; padding: 5px; width: 220px; font-size: 12px; color: #333; list-style: disc; }
#mobile_info p a:hover { color: #37AEF7; text-decoration: underline; }

#mobile_info_image { width: 236px; margin-left: 0; }
#mobile_info_image h1 { margin: 20px 0 0 40px; padding: 0; font-size: 24px; color: #37AEF7; }

/* Events */
#event { margin: 20px 0 0 0; width: 900px; }
#event h1 { font-size: 36px; color: #37AEF7; }
#event_info ul { margin: 0 20px; }
#event_info ul li { margin: 5px 0; }

/* Admin */
#admin h1 { margin: 20px 0 0 0; padding: 0; font-size: 24px; color: #37AEF7; }

#admin ul li { margin-bottom: 5px; }

#admin table, #admin table tbody { display: block; margin-bottom: 20px; width: 900px; }
#admin table tbody th { text-align: left; }
#admin table tbody tr { height: 20px; }
#admin table tbody tr.row1 { background: #ccc; }
#admin table tbody tr.row2 { background: #666; }
#admin table tbody tr td { padding: 3px; width: 180px; }

#admin .input { width: 600px; height: 25px; margin-bottom: 5px; }
#admin .textarea { height: 140px; }
#admin .submit { margin-bottom: 40px; }
#admin .input input, #admin .input select, #admin .input textarea { margin-left: 20px; }