/*
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
td {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A00000;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000A0;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #958E73;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&family=Love+Ya+Like+A+Sister&display=swap');

div, span, p,
h1, h2, h3 {
	font-family: Georgia, serif;
	color: #555;
}
a {
	color: #A0A;
	text-decoration: none;
}
a:hover {
	color: #F0F;
}
h1, h2, h3 {
	border-bottom: 1px solid #AAA;
}

body {
	background: #E0E0E0;
}


div.logo {
	width: 200px;
	float: left;
}
div.logo span {
	font-family: 'Love Ya Like A Sister', Georgia, serif;
	font-size: 62px;
}
header#head {
	--border-bottom: 4px solid #555;
}
footer#foot {
	--border-top: 4px solid #555;
	text-align: left;
	font-size: 12px;
	padding: 4px 0;
}
div#main {
	width: 800px;
	margin: 25px auto;
	xpadding: 20px;
	xbackground: #F0F0F0;
	position: relative;
}

div.song {
	clear: both;
	margin: 40px 0 40px;
	width: 800px;
}
div.song div.songinfo {
	background: #f9f9f9;
	box-shadow: 1px 1px 6px #00000030;
	border: 1px solid #00000040;
	padding: 5px 10px 20px;
	position: relative;
}
div.song div.songinfo span {
	font-style: italic;
	color: #888;
}
div.song .time {
	position: absolute;
	top: 8px;
	right: 10px;
}
div.song div h2 {
	font-family: 'Just Another Hand';
	font-size: 32px;
	font-weight: normal;
	color: #F0F;
	border: none;
	margin: 0;
}
div.song div p {
	margin: 0;
}

/*
 * Customization for Essential Audio Player
 */
div.essential_audio {
	clear: both;
}
/* 2. The Player Button – General */
div.essential_audio > div:nth-child(1) div {
	background-color: #ff00ff;
}
/* 2.c) The Player Button – Playing */
div.essential_audio > div:nth-child(1) div.play {
	background-color: #202020!important;
}
/* 3. The Track */
div.essential_audio > div:nth-child(2):after {
	background-color: #606060;
}
/* 4. The Loading Progress Bar */
div.essential_audio > div:nth-child(2) div {
    background-color: #000000;
}