@import url('reset.css');
* {margin:0;padding:0;}
html, body {height: 100%; width: 100%; font-family: 'Droid sans', sans-serif;}
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body {overflow:hidden;  padding:0;margin:0; height:100%;width:100%;}
#bgimg {position:absolute;z-index: -1;}
#realBody{position:absolute;z-index: 5;	overflow:auto;height:100%;width:100%;	background: url('../images/backgrounds/bg-raster.png') repeat-x bottom center; }
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 25px;}
#footer {position: relative;margin-top: -25px;height: 25px;clear:both; background: #fff;}
.footer-content{width: 50%; padding: 0 10px; float: left;}
.footer-content p{font: 20px 'BebasNeueRegular'; line-height: 25px; margin: 0; padding: 0;}
.clear{clear: both;}
a{color:#000;text-decoration:none;}
a:hover{color: #5eaadb;}

#corner{ position: absolute; left: 5px; top: 5px;}

.center{width: 960px; margin: 0 auto; padding: 0;}
#lineup{height: 300px;padding: 0;}
.deejay{width: 280px; height: 300px; padding: 10px;  background: #fff; float:left; margin: 0 10px; }
.deejay h2{font: 25px 'BebasNeueRegular'; color: #000; position: absolute;  background: #fff; padding: 2px 5px; margin: -175px 0 0 0; opacity: 0.7;}
.deejay .fbtitle{font: 25px 'BebasNeueRegular'; color: #000; position: static; margin: 0 0 8px 0;padding: 12px 5px 0 5px;}
.deejay p{padding: 10px 0 0 0; font-size: 11px; line-height: 16px; color: #000;}

.btn{font: 35px 'BebasNeueRegular'; color: #fff; padding: 5px 10px; cursor: pointer; float: left; position: relative;}
#next{float: right;}
a:focus {outline: none;}

#info{background: #fff; padding: 10px; margin: 25px auto; width: 940px;}
.info-item{width: 30%; padding: 0 5% 1% 0; float: left;}
.lastitem{padding-right: 0;}
.float{float: left; width: 45%; margin: 0 5% 0 0; list-style: circle inside;}

p{font-family: 'Droid sans', sans-serif; font-size: 13px; line-height: 20px; color: #000; margin: 0;padding: 0 0 10px 0;}
h1{font: 25px 'BebasNeueRegular'; color: #000; padding: 5px; background: url("../images/line.png") repeat-x scroll left bottom transparent; margin: 0 0 10px 0;}
.info-item a{color: #fff; padding: 2px 5px; background: #000; display: block; margin: 5px 0; text-align: center; font-weight: bold;}
.info-item a:hover{background: #5eaadb;}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {float: right;margin: -55px -55px 0 0; border: none;text-decoration: none;}
.popup_block p {line-height: 18px;font-size: 14px; margin: 0;padding: 0 0 5px 0;}
.popup_block h2 {font-size: 18px;}
a.poplight img{text-decoration: none;border: none;}
/*--Making IE6 Understand Fixed Positioning--*/
*html .popup_block {position: absolute;}