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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body{
	color:#fff;
	background:#000 url('../img/wn_bg.jpg') no-repeat top center;
	font-family: 'Rokkitt', serif;
}

a{
	color:#fdb827;
	text-decoration:none;
}
a:hover{
color:#ffcc00;
}
#wrapper{
	width: 1000px;
	margin: 0 auto;
	
}
.rotator_negative{
	margin-top: -470px !important;
}
#header{
	position:relative;
	height:130px;
	z-index: 10;
}

.close-button {
	position: absolute;
	right: 5px;
	top: 5px;
}

.logo{
	position:absolute;
	left:0px;
	top:0px;
	z-index: 10;
}
h3{
	font-size:24px;
}
.ad-footer {
	width: 728px;
	margin: 0 auto;
	margin-top: 20px;
}
.share-header {
	float: right;
	margin-top: 11px;
}
.share-header .twitter-share-button {
	margin-top: 0;
}
.share-artist {
	position: absolute;
	bottom: 10px;
	right: 20px;
}
.share-artist .twitter-share-button {
	margin-top: 0;
}
.search_item {
	margin-bottom: 14px;
}
.view-battle-profile {
	position: absolute;
	top: 190px;
	left: 0;
	z-index: 20;
	background: url('../img-battle/viewbattle.png') no-repeat top center;
	height: 30px;
	width: 220px;
}

/* VOTING */
.vote-button-artistpage {
	float: left;
	width: 220px;
	margin-top: 0;
	margin-bottom: 20px;
}
.vote-button-artistpage .vote-button-inline {
	margin: 0;
	padding: 0;
	padding-top: 14px;
	padding-bottom: 14px;
	width: 220px;
	display: block;
	position: relative;
	font-size: 24pt;
	text-align: center;
}
.vote-button-inline .small {
	font-size: 18pt;
	clear: both;
	display: block;
}
.vote-button-container {
	position: absolute;
	bottom: 0;
	right: 0;
}
.vote-button-inline {
	background-color: #fdb827;
	color: black !important;
	padding: 6px;
	display:block;
}

/*###############*/
/*#### FORMS ####*/
/*###############*/
.content_box fieldset{ margin-top:20px; border:none;background:#ddd;padding:20px;}
.form-field{margin-top: 12px; font-size:14px;display:block; }
.form-field span.error {
	display: block;
	color: red;
	padding-left: 150px;
}
#register_form{padding:20px;}
label.myLabel{float:left; text-align:right;margin-right:10px;width:130px;padding-top:8px;}
.form-field input, .form-field input.file{padding:8px; border:1px #8b8b8b solid;width:263px;color:#000;}
.form-field  em{font-style:normal;margin-top:10px;float:right;margin-right:30px;width:300px;}
.form-field select{padding:5px;}
.mySubmit{display:block;margin-left:140px;margin-top:20px;background:#888; padding:5px 8px 5px 8px; color:#ffffff;font-weight:bold;cursor:pointer;border:none;}
.mySubmit:hover{background:#666;}
#cipha_dropdowns{float:right;width:400px;margin-top: -35px;}
.form-field textarea{
width:280px;	
}

.form-field input.myCheck{
		width:20px;
		margin-top:5px;
}

.terms_label{
 clear: both;
    display: block;
    font-size: 14px;
    margin-left: 140px;
}

.mySearch{background:#000; padding:3px 8px 3px 8px; color:#ffffff;font-weight:bold;cursor:pointer;border:none;}
.mySearch:hover{background:#666;}

/*-----------------------------
  NAV  
 -----------------------------*/
ul.nav{
	position:absolute;
	top:50px;
	right:0px;
}
ul.nav li{
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	float:left;
	display:block;
	margin-left:20px;
}
ul.nav li a{
	color:#fff;
}

ul.nav li:last-child a{
	color:#fdb827;
}




#content_left{
	width:660px;
	float:left;
	z-index: 10;
}
#content_right{
	width:320px;
	float:right;
	z-index: 10;
}
.content_block{
	background:#000;
	margin-bottom:30px;
	position:relative;
}
.content_block > h2, .content_block h4{
	height:40px;
	font-family: 'Rokkitt', serif;
	text-transform:uppercase;
	position: relative;
	line-height:40px;
	padding-left:10px;
	font-size:23px;
	 
	
}

.content_block h4{
	
	font-family: 'Rokkitt', serif;
	text-align:center;
	color:#595959;
	font-size:18px;
}
.ad{
	text-align:center;
	padding-bottom:10px;
}
.ad h4{
	font-size:12px;
	line-height:25px;
	height:25px;
}
.content_block h2 a{
	font-family: 'Rokkitt', serif;
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 14px;
	background: url(../img/linkarrow_gold.png) no-repeat right 13px;
	padding-right: 20px;
}

#content_right .content_block{
	clear:both;
}
.s_col_2{
	width:320px;
	float:left;
	margin-right:20px;
	min-height: 310px;
}
.last{
	margin-right:0px;
}
.s_col_1{
	width:100%;
	overflow:hidden;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
#login_search{
	width: 450px;
	position: absolute;
	right: 0px;
	top: 85px;
}
#login_search #search{
	float:right;
}
#login{
	float:right;
	padding-top: 10px;
}
#login a{
	display:block;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:#fdb827 1px solid;
	font-size:14px;
}

.deletesong {
	float: right;
	margin-top: 15px;
}

/*#login a:first-child + a{
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}*/

form#search {
	position: relative;
	width:180px;
	float:right;
}
form#search input{
	background:#3e392f;
	border:none;
	padding:5px;
	height:20px;
	color:#8b8b8b;
	width: 130px;
}

form#search a#submit_search{
	background: #FDB827;
	height: 23px;
	width: 33px;
	display: block;
	padding-top: 7px;
	padding-left: 7px;
	position: absolute;
	right: 0px;
	top: 0px;
}

form#search a#submit_search:hover{
	background-color:#ffcc00;
}

/*-----------------------------
  ARTIST TEASE 
 -----------------------------*/
.artist_tease{
	position:relative;
	float:left;
	width:220px;
	height:220px;
}
.artist_tease img{
	position:absolute;
	top:0px;
	left:0px;
}
.artist_tease .info_overlay{
	position:absolute;
	background:url(../img/black-75.png);
	z-index:10;
	bottom:0px;
	width:200px;
	padding:10px;
}
.artist_tease .info_overlay h3{
	font-size:18px;
	font-family: 'Rokkitt', sans;
	 color:#fff;
	 text-transform:uppercase;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:5px;
}
.artist_tease .info_overlay p{
	text-transform:uppercase;
	color:#FDB827;
	font-size:14px;
}

/*-----------------------------
  MIX TEASE 
 -----------------------------*/
.mix_tease{
	position:relative;
	float:left;
	width:160px;
	height:130px;
}
.mix_tease > img{
	position:absolute;
	top:0px;
	left:0px;
}
.mix_tease .info_overlay{
	position:absolute;
	
	background:url(../img/black-75.png);
	z-index:10;
	bottom:0px;
	width:150px;
	padding:5px;
}
.mix_tease .info_overlay h3{
	font-size:14px;
	font-family: 'Rokkitt', sans;
	 color:#fff;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:2px;
}
.mix_tease .info_overlay p{
	text-transform:uppercase;
	color:#FDB827;
	font-size:12px;
}
.mix_tease .info_overlay a.mixtape-download{
	float:right;
	margin-right: 5px;
	margin-top: 5px;
}

/*-----------------------------
  SNAPSHOT  
 -----------------------------*/

.snapshot {
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	 
	text-transform:uppercase;
	margin-bottom:30px;
	position: relative;
	z-index: 10000;
}

.snapshot h2{
	font-size:17px;
	background:url(../img/snapshot_camera.png) no-repeat top left;
	padding-left:50px;
	
	padding-top:6px;
	margin-bottom:17px;
}

.snapshot .stat{
	font-size: 36px;
	margin-bottom: 5px;
	display: block;
}

.snapshot  p{
	color:#fdb827;
	margin-top:30px;
	margin-bottom:10px;
	font-size:18px;
}
.snapshot a{
	display:block;
	font-size:30px;
	background:url(../img/snapshot_arrow.png) no-repeat top left;
	padding-left: 40px;
}

.snapshot a:hover{
	color:#ffcc00;
}


/*-----------------------------
  EVENT TEASE
 -----------------------------*/

.event_tease{
	font-size:13px;
	clear:both;
	text-transform:uppercase;
	padding-left:10px;
	overflow: auto;
	padding-bottom:10px;
}

.event_tease h2{
	font-size:13px;
	line-height:13px;
	color:#fdb827;
	font-family: 'Rokkitt', serif;
}

.event_tease img{
	float:left;
	margin-right:10px;
}
.event_tease p{
	float:left;
	width:185px;
}

.event_tease p a{
	display:block;
}

/*-----------------------------
  ARTIST TRENDING 
 -----------------------------*/
.artist_trending{
	float:left;
	text-transform:uppercase;
	overflow: hidden;
	width: 160px;
}

.artist_trending h3{
	font-family: 'Rokkitt', serif;
	font-size:16px;
	 color:#fff;
	white-space:nowrap;
}
.artist_trending .trending_info{
	padding:10px;
}
.artist_trending p{
	color:#fdb827;
	font-size:12px;
}
.rating_num{
	font-size:14px;
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	 
	padding-top: 3px;
	display: block;
}
ul.rating li{
	width:17px;
	height:17px;
	float:left;
	margin-right:5px;
}
.star_filled{
	background:url(../img/star_gold.png) no-repeat;
	
}

.star_empty{
	background:url(../img/star_gray.png) no-repeat;
}

/*-----------------------------
  ROTATOR
 -----------------------------*/

#rotator{
	position: relative;
	margin: 70px auto 0;
	width: 100%;
	z-index:0;
	height:400px;
	text-transform:uppercase;
}

.r_item{
	height:400px;
	overflow:auto;
}

.r_content{
	width:1000px;
	margin:0 auto;
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	 
}

.rotator_space{
	margin-top:260px;
}
.r_content{
	margin-top:100px;
}
.r_content h2{
	background: url(../img/rotator_arrow.png) no-repeat;
	display: block;
	
	padding-top: 25px;
	margin-left: -300px;
	padding-left: 300px;
	height: 65px;
	color:#fdb827;
	font-size:18px;
}
.r_content h2 span{
	display:block;
	color:#fff;
	font-size:14px;
}

.r_content p{
	font-size: 16px;
	margin-top: -20px;
	width: 300px;
font-family: 'Rokkitt', sans;
}



/*-----------------------------
  ARTIST PAGE
 -----------------------------*/

.artist_info h1{
	font-size:44px;
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	margin-top:15px;
	margin-bottom: 10px;
}
.artist_info span.sub_name{
	display:block;
	color:#fdb827;
	font-size:23px;
	text-transform:uppercase;
}
.artist_info span + span{
	margin-bottom:15px;
}
.artist_info .artist_left_col{
	float:left;
	margin-right:20px;
	width:220px;
	overflow:hidden;
	position: relative;
}
.artist_info p{
	float:left;
	width:380px;
	line-height:18px;
}
a.back_btn{
	display:block;
	background:#fdb827;
	position:absolute;
	top:0px;
	right:0px;
	color:#000;
	padding:7px 30px 5px 10px;
	text-transform:uppercase;
	font-size:16px;
	
}
a.back_btn img{
	position: absolute;
	right: 8px;
	top: 5px;
}
a.back_btn:hover{
	background:#ffcc00;
}
.pad{
	padding:20px;
}
.pad h2{
	padding-left:0px;
}
.border_divide{
	margin-top:-30px;
	border-top:4px #fdb827 solid;
}
.border_divide h2{
	font-size:30px;
}
.artist_links{
	margin-top:20px;
	
}
.artist_links a{
	display:block;
	font-size:18px;
	
	padding-left:35px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space:nowrap;	
}
.artist_links a:hover{
color:#ffcc00;
}
.artist_links a.a_facebook{
	background:url(../img/share_fb.png) 0px 5px no-repeat ;
	width: 20px;
	height: 20px;
	clear: none;
	float: left;
}
.artist_links a.a_twitter{
	background:url(../img/share_twitter.png) 0px 5px no-repeat ;
	width: 20px;
	height: 20px;
	clear: none;
	float: left;
}
.artist_links a.a_mail{
	background:url(../img/share_email.png) 0px 5px no-repeat ;
	width: 20px;
	height: 20px;
	clear: none;
	float: left;
}
.artist_links a.a_bitly{
	background:#23221e url(../img/share_link.png) 0px 5px no-repeat ;
	width: 20px;
	height: 20px;
	clear: none;
	float: left;
}
.artist_links a.a_youtube{
	background:url(../img/share_youtube.png) 0px 5px no-repeat ;
	width: 20px;
	height: 20px;
	clear: none;
	float: left;
}

.artist_links a.a_flag{
	background:url(../img/share_flag.png) 5px 0px no-repeat ;
	clear: both;
	float: left;
	font-size:13px;
}

.fb-share-button{
	margin-top:50px;
	margin-left:auto;
}
.twitter-share-button{
	margin-top:50px;
	margin-left:auto;
}
.videos iframe{
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.flag{
	font-size:13px;
	margin-top:15px;
	color: #fdb827;
}

.flag-reasons {
	display: none;
	position: static;
	padding: 5px;
	width: 200px;
	z-index: 100;
	background: black;
}
.flag-reasons a {
	width: 150px;
	display: block;
	clear: both;
}

.song_choice{
	position:relative;
	margin-bottom: 40px;
}
.rate_widget{
	float:right;
}
.song_choice .mix{
	position: absolute;
	left: 70px;
	top: 75px;
	padding-right:25px;
}
.song_choice .mix a{
	font-size:18px;
	color:#fff;
}
.song_choice .mix a img{
	position:absolute;
	right:0px;
	top:0px;
}
.song_choice h3{
	font-size: 24px;
	text-transform: uppercase;
	color: #FDB827;
	width: 500px;
}

.total_votes{
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	font-size:30px;
	text-align:center;
}

.no_votes{
	
	font-size: 10px;
	padding: 10px 0px;
	font-family: arial;
}
.rate_widget h4{
	
	margin: 0px;
	padding: 0px;
	line-height: 22px;
	font-size: 24px;
	height: 20px;
	color:#FDB827;
}
.voteWait{
	position: absolute;
	padding-top: 20px;
	background-color: #FDB827 !important;
	color:#000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 12px;
	display: none;
}
/*#################*/
/*#### SONG RATING ####*/
/*#################*/

  .rate_widget {
			   overflow: visible;
				position: absolute;
				right: 0;
				top:0;
				text-align: center;
				width: 100px;
           
           
        }
		
		.rate_widget h4{ margin:0;padding:0;}
        .ratings_stars {
            background:#666;
            float:      left;
            height:     10px;
           margin-top:5px;
            width:      15px;
			border-left:1px #000 solid;
        }
        .ratings_vote {
            background:#FDB827;
        }
        .ratings_over {
            background:#F00;
        }
        .stars{
  margin: 0px auto;
width: 80px;
        }

/*#################*/
/*#### IMAGE UPLOADER ####*/
/*#################*/  
  .qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#333; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#555; cursor:pointer;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#979797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#717171;}

.qq-upload-list {margin:15px 0 20px 150px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
#band_image_preview{margin-left:150px;}

/*-----------------------------
  FOOTER
 -----------------------------*/
#footer{
	background:#000;
	overflow:auto;
}
#footer_inner img{
	float:left;
}
#footer_inner{
	width:1000px;
	margin:20px auto;
	height:150px;
}
#footer_inner ul{
	margin-top:35px;
	float:left;
}
#footer_inner ul li{
	display:block;
	float:left;
	margin-left:20px;
	text-transform:uppercase;
	color:#8c8c8c;
	font-size:14px;
}

#footer_inner ul li span{
	font-size:12px;
}

/*-----------------------------
  EVENT LISTING
 -----------------------------*/
.single_event
{
    font-size: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 10px;
}
.single_event h3{
font-size:14px;
margin:0px;	
}
.single_event .location{
	color:#666;
	display:block;
}
.single_event img
{
	width: 82px;
	float:left;
	margin-right:10px;
}

.event_entry img{
float:left;
padding-right:20px;	
}

.event_entry .location{
display:block;	
}
.event_entry .date{
display:block;
font-style:italic;	
}

.event_entry em{
font-size:11px;	

}

.event_entry p{
margin-top:15px;	
}

/* front page login links */
a.login_provider {
   width: 100px; 
   height: 60px;
   border: 1px solid #DDD;
   margin: 3px;
   float: left;
}

a.login_provider:hover {
   border: 1px solid black;
}

/* profile page: associated accounts */

a.associated_account {
   width: 32px; height: 32px; margin: 3px; float: left;
}

a.facebook {
   background: #FFF url(/img/small/facebook_gray.png) no-repeat center center;
}

a.facebook:hover {
   background: #FFF url(/img/small/facebook.png) no-repeat center center;
}

a.twitter {
   background: #FFF url(/img/small/twitter_gray.png) no-repeat center center;   
}
a.twitter:hover {
   background: #FFF url(/img/small/twitter.png) no-repeat center center;
}
a.google {
background: #FFF url(/img/small/google_gray.png) no-repeat center center
}
a.google:hover {
background: #FFF url(/img/small/google.png) no-repeat center center
}
a.yahoo {
background: #FFF url(/img/small/yahoo_gray.png) no-repeat center center;
}
a.yahoo:hover {
background: #FFF url(/img/small/yahoo.png) no-repeat center center;
}
#countdown {
	overflow:hidden;
	width:290px;
	margin:0 auto ;
	padding-bottom:30px;
}
#countdown span.cnum{
	font-size:44px;
	font-family: 'Alfa Slab One', "Arial Black", "Arial";
	display:block;
	float:left;
	text-align:center;
	width:70px;
	color:#FDB827;
	
}
#countdown span.cnum em{
	font-size:12px;
	display:block;
	text-transform:uppercase;
	font-family: 'Rokkitt', sans;
	color:#fff;
}
#countdown h2{
	text-align:center;
}

.expand{
	position:absolute;
	top:20px;
	right:20px;
	z-index: 1000;
}

	#feedback { font-size: 1.4em; }
	#selectable .ui-selecting { background: #FECA40; }
	#selectable .ui-selected { background: #FDB827; color: black; font-weight: bold; }
	#selectable { background-color: black; list-style-type: none; margin: 0; padding: 0; width: 100%; margin-top:20px;}
	#selectable li { background: #333; color: #aaa; border: 0; margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; cursor: pointer; }

a.artist_dj{
	display:block;
	color:#000;
	background:#FDB827;
	padding:8px;
	width:150px;
	font-size:24px;
	text-align:center;
	margin:8px auto;
}

a.artist_dj:hover{
	background:#FFCC00;
}

#mp3-progress, #mp3-result{
	margin-left: 140px;
width: 283px;
}