.icon{ margin:0 5px 0 0; display:block; text-indent:-9999px; }

body{ color:#ccc; margin: 0; padding:0; background-color:#696969; font-family:Georgia, "Times New Roman", Times, serif; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

.wrapper{ padding: 20px 0 0 20px; min-height: 340px; }

.content{ margin:10px; width:700px; }
.footer{ bottom: 4px; position:absolute; font-size:9px; }
	.footer a{ color:inherit; }
	.footer a:hover{ color:#cecece; text-decoration:none; }
.requests {
	display:none; z-index: 999; position: absolute; background: #EFEFEF;
	width: 290px; top: 10px; left: 150px; color: #666; padding: 20px 30px;
	border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;
	border-left: 2px solid #333; border-bottom: 2px solid #333; border-right: 2px solid #333;
}
	.requests input.textinput{ width: 200px; height:16px; padding:5px; margin: 5px;color: #666; }
	.requests input.textinput.error{ border-color: #ff0000; }
	.requests .errormessage{ display:none; color: white; font-size: 11px; font-weight: bold; background:#3CF; padding:10px; margin-bottom:10px; }
	.button{ font-size: 14px; background: #09F; border: none; padding: 10px 20px; margin: 5px; color: white; text-transform: uppercase; font-weight: bold; }
	
.left{ float: left; width:310px; height:260px; background: rgba(51, 51, 51, .75) url(../images/logo.png) no-repeat; padding:15px 0; position:relative; border-right:1px solid #454545; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
	.logo{ text-align:center; }
	.dj{ text-align: center; }
	.left .player{ height: 55px; margin:10px 0; background-color:#363636; }
	.nowplaying{ font-size:10px; color:white; margin-top: 145px; padding: 0 8px 8px 8px; }
	.nowplaying table{ width: 100%; }
	.nowplaying table td{ padding: 2px 0; color:#ccc; text-transform:uppercase; }
	.nowplaying table td.label{ width:45px; color:#ececec; font-weight:bold; text-transform:none; text-align:right; padding-right:10px;}
	.controls{ width:294px; height:35px; padding: 8px 8px 0 8px; margin: 0; background-color:#212121; border-top: 1px solid #682E8C; border-bottom: 1px solid #682E8C; position:absolute; bottom:25px; }
		.controls .volumeSlider{ width:110px; float:right; margin: 10px 10px 0 0; }
		.ui-slider-horizontal{ height: .4em; }
		.ui-slider-horizontal .ui-slider-handle{ top: -.1em; margin-left: -.2em; }
		.ui-slider .ui-slider-handle{ width: .4em; height: .4em; background:#00ADD8; border:1px solid #00ADD8; }
		.ui-slider .ui-slider-handle.ui-state-active{ background:#666; border:1px solid #666; }
		.controls .icon.playPauseButton{ padding:0; margin: 4px 0 0 10px; display:block; width: 17px; height:20px; float:left; background:url(../images/button-sprite.png) left top no-repeat; }
			.controls .icon.playPauseButton:hover{ background-position: -17px 0; }
			.controls .icon.playPauseButton.pause{ background-position: 0 -20px; }
				.controls .icon.playPauseButton.pause:hover{ background-position: -17px -20px; }
		.controls .studio{ float: right; }
			.hidestudio{ display:none; text-indent:-9999px; width:36px; height:30px; background: url(../images/studio.png) -36px 0 no-repeat; }
			.showstudio{ text-indent:-9999px; display:block; width:36px; height:30px; background: url(../images/studio.png) no-repeat; }
	.left .footer{ padding: 0 20px; width:274px; height:12px; }
		.left .footer a{ color: #999; }
		.left .footer a:hover{ color: #666; }

.right{ float: left; text-align:center; width:350px; height:260px; background:#ececec url(../images/shadow.png) repeat-y; padding:15px 0; position:relative; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
	.right .player{ width:320px; height: 250px; margin:0 auto; padding:0; background-color: #ECECEC; }
	.right .footer{ width:315px; padding: 0 10px; text-align:right; height:12px; }
		.right .footer a{ color: #333; }
		.right .footer a:hover{ color: #666; }

.hidden{ display:none; }
.showingblock{ display:block; }

#social{ margin: 0 0 0 10px; }
#social .twitter{ float:left; width:24px; height:24px; background: url(../images/social-sprite.png) 0 0 no-repeat; }
	#social .twitter:hover{ background-position:-24px 0; }
#social .facebook{ float:left; width:24px; height:24px; background: url(../images/social-sprite.png) 0 -24px no-repeat; }
	#social .facebook:hover{ background-position:-24px -24px; }

.paddles{ clear:both; }