@import url('https://fonts.googleapis.com/css?family=Roboto');
.audioBox {
	padding-top: 30px;
	font-size: 0.8em;
	max-width: 400px;
	padding-bottom: 30px;
	border-bottom: 1px solid #CCC;
	font-family: 'Oswald', sans-serif;
}



.audioBox h2 {
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 8px;
}

.downloadLink {
	padding-top: 10px;
	font-size: 0.8em;
}

.downloadLink a {
	color: #333;
	text-decoration: none;
	padding: 7px;
	padding-left: 12px;
	padding-right: 12px;
	display: inline-block;
	background: #CCC;
	border-radius: 3px;
}

.downloadLink a:hover {
	background: #0573CC;
	color: #FFF;
}

.downloadLink a i {
	padding-right: 5px;
}

.songList {
	line-height: 2;
	font-size: 0.9em;
}

.songList a {
	color: #999;
}

.songList ol {
	list-style: decimal-leading-zero inside;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #999;
	font-weight: 300;
	letter-spacing: 0.05em;
}

.songList i {
	opacity: 0;
	padding-right: 10px;
	padding-left: 10px;
}

.songList .playing i {
	opacity: 1;
}

.songList .playing {
	color: #333;
}

.songList .playing a {
	color: #333;
	font-weight: 700;
}

.audiojs {
	width: 100%;
	display: flex;
}

.audiojs .scrubber {
	width: 61%;
}
