/* Google Fonts */
@import url('http://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('http://fonts.googleapis.com/css?family=Oswald');
/* Global */
html, body { height:100%; }
body { background-color:#000;font-family:'Droid Sans', tahoma;font-size:16px; }
a { color:white; }
a.addnew { float:right;padding:7px 6px 0 0;color:#DE5062;font-size:15px; }
a.addnew:hover { color:#FFF; }
a.addnewb { float:right;padding:0px 10px 0 0;color:#DE5062;font-size:15px; }
a.addnewb:hover { color:#FFF; }
.clear {clear:both;}

/* Header */
.headerholder { color:white;padding:0px;margin:0;background:transparent url('../imgs/main/top1.png');border:0;position:fixed;top:0;border-top:0px; }
.logotext { text-align:left;font-weight:bold;font-size:40px;color: #ffffff;font-family: Impact, Oswald;text-transform:uppercase;text-shadow: 3px 5px 4px rgba(0,0,0,0.4); }
.logotext a { color:white; }
.logotext a:hover { text-decoration:none; }
.onair { text-align:right;font-size:25px;font-family: Impact, Oswald;margin-top:10px; }
.onair a { color:white; }
.onair a:hover { color:white;text-decoration:none; }
.headericons { text-align:center;font-size:25px;font-family: Oswald;margin-top:10px; }
.headericons span { margin:0 8px; }
.headericons a { color:#fff; }
.headericons a:hover { color:#DE5062;text-decoration:none;}
.aboutheader { text-align:center;font-size:25px;font-family: Impact, Oswald; }
.broughtby { text-align:center;font-size:16px;font-family: Oswald;margin-top:8px; }
#donateticker ul { margin:0;padding:0;width:100%; }
#donateticker ul li { list-style: none;text-align:center;color:#DE5062;font-size:17;padding: 0 0; }
#belowheader {
margin-top:5px;
background:transparent url('../imgs/main/redopacity.png');
padding:10px 40px;
font-size:18px;
}
/* Pages */
#overpageholderbox { z-index:999999;position:fixed;left:0;bottom:0;top:0;right:0;overflow:auto;overflow-x:hidden;max-height:100%;z-index:20;background-color:rgba(5,5,5,.9);color:white;margin: 0px;border:1px solid #CCC; }
.overpageclose { width: 50px;height: 50px;border-radius: 50px;background-color: black;text-align: center;display: table-cell;overflow: hidden;vertical-align:middle;border:2px solid #ccc;text-shadow: 1px 1px 1px rgba(0,0,0,0.9);position:fixed;font-weight:bold;font-size:30px;color:red;z-index:9999999;top:10px;right:0;margin: 0px 25px 0px 0px; }
a.overpageclose:hover { color:red; }
#overpageholder { padding:40px; }
#npage { font-size:16px; }
#npage h1 { font-family:Oswald;font-size:30px;padding:0;color:white;margin:0 0 20px 0; }
#npage h2 { font-family:Oswald;font-size:20px;padding:0;color:white;margin:0 0 10px 0; }
#overpageholderboxb { z-index:999999;position:fixed;left:0;bottom:0;top:0;right:0;overflow:hidden;overflow-x:hidden;max-height:100%;z-index:20;background-color:rgba(5,5,5,.9);color:white;margin: 0px;border:1px solid #CCC; }
.overpagecloseb { width: 50px;height: 50px;border-radius: 50px;background-color: black;text-align: center;display: table-cell;overflow: hidden;vertical-align:middle;border:2px solid #ccc;text-shadow: 1px 1px 1px rgba(0,0,0,0.9);position:fixed;font-weight:bold;font-size:30px;color:red;z-index:9999999;top:10px;right:0;margin: 0px 25px 0px 0px; }
a.overpagecloseb:hover { color:red; }
#overpageholderb { padding:40px; }
/* Seperator */
.sectiondivider { background-color:black;color: #ffffff;}
.sectiondividerb { background-color:#2C2C33;color:white;min-height:200px;height:auto !important;height:100%;padding-top:100px;}

/* Sections */
section { color: #ffffff;}
section h2 { padding:10px 0 10px 0;background-color:rgba(5,5,5,.8);color:white;font-weight:bold;color:#fff;font-family: Oswald;font-size:25px;  }
.bg-1 {	background: url('../imgs/main/bg1.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bg-2 {	background: url('../imgs/main/bg2.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bg-3 {	background: black url('../imgs/main/djbg.jpg');}

.sdivider {background: url('../imgs/main/bg_container.png') repeat-x;height:15px;}

/* Latest Event */
.scrollera { background:transparent url('../imgs/main/top1.png');padding:5px;font-size:15px;color:white; text-decoration: none; position: absolute; bottom: 10px; z-index: 10;left:10px;right:10px;}
.latestevent { text-align:center;padding:0px 0; }
.latestnews { font-size:20px;font-family: Oswald; }
.latestnews span { color:#DE5062;font-size:22px; }
.latestnews a { color:white; }
.latestnews a:hover { color:#DE5062; }
#showdedications { text-align:center;font-size:15px; }
#showdedications ul { margin:0;padding:0;width:100%; }
#showdedications ul li { list-style: none;text-align:center;color:#DE5062;font-size:17;padding: 0 0; }

/* Player */
.whatsplayingframeb {opacity:0.5;text-align:left;font-size:15px;color:white; text-decoration: none; position: absolute; bottom: 50px; z-index: 10;right:11px;}
.whatsplayingframec {width:470px;background:#eee;opacity:0.5;text-align:left;font-size:15px;color:white; text-decoration: none; position: absolute; bottom: 50px; z-index: 10;right:11px;}
.audioplayer {position: absolute; bottom: 55px; z-index: 11;right:80px;opacity:0.8;}
.audioplayerb {position: absolute; bottom: 49px; z-index: 11;right:15px;opacity:0.5; }
.listennowimg {position: absolute; bottom: 90px; z-index: 10;right:20px; }
/* Background Links */
.blocktext { margin:50px 0;color:white;font-weight:bold;font-size:35px;padding:10px 5px;text-align:center;font-family: Oswald;text-transform:uppercase;text-shadow: 3px 5px 4px rgba(0,0,0,0.4); }
.blocktext a { color:white;display:block;background-color:rgba(5,5,5,.8); }
.blocktext a:hover { background-color:rgba(136,2,12,.8); }
.wlineupholder { margin:0 5px;padding:10px; }
.wlineupday { display:block;background-color:rgba(5,5,5,.5);font-weight:bold;color:#fff;font-family: Oswald;font-size:18px;margin-bottom:8px;text-align:center;padding:2px 0; }
.wlineupname { text-align:left;color:#DE5062;font-weight:bold;font-size:17px; }
.wlineupdesc { text-align:left;color:#CCC;font-size:14px; }
.wlineupdesc a { color:#DE5062; }
.wlineupdesc a:hover { }
/* Meet Djs */
.djholder { margin:0 10px;padding:10px;  }
.djmeet { opacity:0.8; }
.djmeet img { border:2px solid #fff;height:80px;width:80px;margin:0 auto; }
.djmeet:hover { opacity:1; }
.djmeet div { color:white;font-weight:bold;margin:5px 0;text-align:center; }

/* DJ Profile */
.djprofileheader { background-color:#AD080F;padding:3px 5px; }
.djprofileheadername { font-family:Oswald;font-size:30px;color:white;font-weight:bold; }
.djprofileheader a { float:right;font-size:30px;padding:0 5px; }
.djprofileheader a:hover { color:#FDFEDA; }
.profilepics { float:left;margin-right:20px;margin-bottom:5px;width:150px; }
.profiletext { font-size:14px;line-height:25px; }
.djvoiceclip { display:inline-block;margin-left:10px;position:relative;top:-3px; }
/* Google Ad */
.responsive-test-unit { width:100%; max-height: 90px;margin:1px auto 5px auto; }

/* Requests */
#requestspageholder { z-index:999999;position:fixed;left:0;bottom:0;top:0;right:0;overflow:auto;overflow-x:hidden;max-height:100%;z-index:20;background-color:rgba(5,5,5,.9);color:white;margin: 0px;padding:20px 20px 40px 20px;border:1px solid #CCC;}
#requestspage { }
a.requestsclose { text-shadow: 3px 5px 4px rgba(0,0,0,0.4);position:fixed;right:30px;display:none;font-weight:bold;font-size:30px;color:red;z-index:999999; }
.requestsdj { font-size:25px;font-weight:bold;font-family: Oswald;color:white; }
.requestsdj .fa { font-size:30px;color:#DE5062 !important; }
.searchbyletter { }
.searchbyletter h1 { font-size:19px;font-weight:bold;color:white;margin-bottom:0px; }
.searchbyletter a { color:#DE5062;padding:0 2px; }
.searchbyletter a:hover { color:white; }
.requestsplaylist { font-size:14px; }
.requestsplaylist .btn { font-weight:bold;margin:0;padding:0 5px; }
.requestsplaylist h1 { font-size:19px;font-weight:bold;color:white;margin-bottom:0px; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {border: none;}
.requeststablebtnwidth { width:80px; }
.songblock:hover { background-color:#DE5062; }
.djname { font-size:20px; }


/* Footer Scroller */
.footerscroller { width:100%;font-size:13px;font-family:verdana;max-height:380px;overflow:hidden; }
.footerscroller ul { list-style-type:none;padding:0 10px; margin:0; }
.footerscroller ul li { padding:5px 0 0 0; }
.footerscroller ul li a { font-weight:bold;color:#DE5062; }
.footerscroller ul li a:hover { color:white; }
.testimonial_orange { color:#DE5062; }
#footerd { position:fixed;z-index:999999999999;top:100px;left:50%;margin-left:-228px;display:none;background-color:transparent;background-repeat:no-repeat;height:480px;width:456px; }

/* DJ Testimonial Scroller */
#djtestimonialsscroller { width:100%;font-size:13px;font-family:verdana;max-height:380px;overflow:hidden; }
#djtestimonialsscroller ul { list-style-type:none;padding:0 10px; margin:0; }
#djtestimonialsscroller ul li { padding:10px 0; }
#djtestimonialsscroller ul li a { font-weight:bold;color:#DE5062; }
#djtestimonialsscroller ul li a:hover { color:white; }

/* Footer */
.flinks { }
.flinks ul { list-style-type:none;padding:0 10px; margin:0;font-size:15px; }
.flinks ul li { padding:5px 0 0px 5px; }
.flinks ul li a { color:#FFF; }
.flinks ul li a:hover { color:#DE5062; }
footer { color:white;min-height: 300px;height: auto !important;height: 100%;padding-top:10px;}
footer h1 { display:block;background-color:rgba(5,5,5,.5);padding:5px 5px 5px 10px;margin:0 0 10px 0;color:white;font-weight:bold;font-family:Oswald;font-size:20px;text-shadow: 3px 5px 4px rgba(0,0,0,0.4); }
a.fadelink { opacity:0.5;margin-left:5px;margin-right:5px; }
a.fadelink:hover { opacity:1; }

/* Modal */
.modalholder { padding:10px 20px 0px 20px; }
.modaltext { margin:5px 0;color:#ccc;font-size:14px; }
.modalholder h1 { font-size:25px;font-weight:bold;color:white;font-family:Oswald;margin:0 0 5px 0; }
.modalholder h2 { font-size:18px;font-weight:bold;color:white;font-family:Oswald;margin:0 0 5px 0; }
/* scroll fixes */
.modal-open .modal {

}
/* DJ Profile Page */
.djmiscbox {  }

.viewalllist { width:100%;font-size:14px;font-family:verdana;max-height:380px;overflow-x:hidden;overflow-y:auto; }
.viewalllist ul { list-style-type:none;padding:0 10px; margin:0; }
.viewalllist ul li { padding:5px 0 0 0; }
.viewalllist ul li a { font-weight:bold;color:#DE5062; }
.viewalllist ul li a:hover { color:white; }

/* Events */
.events1{background-color:rgba(5,5,5,.8);padding:20px 20px 10px 20px;margin-bottom:20px;border:1px solid #222;height:100%;}
.events1 img{border:1px solid #000; float: left; margin-right: 15px;}

/* Media Edits */
@media(max-width:767px){ 
	.logotext { text-align:center; } 
	.headericons { font-size:16px;margin:right:0 !important;text-align:center;margin-top:0px !important;margin-bottom:4px !important; }
	.onair { margin-right:0 !important;text-align:center;margin-top:0px !important;font-size:16px; }
	.blocktext { margin:10px 0 !important; font-size:30px !important; }
	.headerholder { padding:0 5px 2px 5px !important; }
	.whatsplayingframe { width:250px !important; }
	.aplayer { width:250px !important; }
	#requestspageholder { margin-bottom:5px !important;margin-left:5px !important;margin-right:5px; }
	.audioplayer { right:0px;width:220px; }
	.popupbox { width:100%; }
	#overpageholder { padding:0 !important; }
	.profilepics { float:none;text-align:center;margin:0 auto 10px auto; }
	.djprofileheader a { float:none;font-size:30px;padding:0 5px; }
	.djvoiceclip { display:block;margin-left:0;position:inherit;top:0px; }
}
@media(min-width:768px){
	.headericons { font-size:16px; }
	.onair { font-size:16px !important; }
	.broughtby { font-size:12px; }
	#overpageholder { padding:0 !important; }
	.logotext { font-size:30px !important; } 

}
@media(min-width:992px){
	.headericons { font-size:18px; }
	.onair { font-size:18px !important; }
	.broughtby { font-size:12px; }
	.logotext { font-size:30px !important; } 
	
}
@media(min-width:1200px){
.headericons { font-size:25px; }
	.onair { font-size:25px !important; }
	.broughtby { font-size:16px; }
	.logotext { font-size:40px !important; } 
	
}
@media(min-width: 300px) { #belowheader { max-height:80px;overflow-y:scroll; } .responsive-test-unit { width: 250px; height: 60px;margin:0 auto;overflow:hidden;margin:1px auto 5px auto; } }
@media(min-width: 500px) { .responsive-test-unit { width: 468px; height: 60px;margin:0 auto;overflow:hidden;margin:1px auto 5px auto; } }
@media(min-width: 800px) { .responsive-test-unit { width: 728px; height: 90px;margin:0 auto;overflow:hidden;margin:1px auto 5px auto; } }