html, body { height:100%; }
body {
	background-image:url(../img/background.jpg);
	background-color:#000000;
	background-repeat:repeat-x;
	width:100%;
}
body.playerOnly {
	margin:0;
	padding:0;
	height:100%;
}
div.content {
	width:95%;
	margin: 0 auto;
}
body.playerOnly div.content {
	width:100%;
	height:100%;
}
body.playerOnly div.content > div { height:100%; }
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
}
img {
	float:left;
	padding: 10px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
a {
	color:#FFFFFF;
}
div.clear {
	clear:both;
}

/* Responsive Styles */
/* Portrait tablets, portrait phablets, and mobile devices */
@media only screen and (max-width: 480px), only screen and (max-height: 480px) and (orientation:landscape),
	only screen and (min-width: 481px) and (max-width: 719px) and (orientation: portrait),
	only screen and (max-width: 980px) and (min-width: 720px) and (orientation: portrait) { 
		.audiojs {
			max-width:100%;
		}
		.audiojs .play-pause { max-width:15%; }
		.audiojs .scrubber { max-width:50%; }
		.audiojs .time { max-width:15%; }
	    .playerOnly object {
	        display:block;
	        margin: 0 auto;
	    }
}