body 
{
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
	background-color:#000000;
	font-size: 22px;
	color: #ffffff;
	
	/* overflow:hidden; */
}

td
{
	font-size: 22px;
}

a 
{
	text-decoration:none;
	color:#FFFFFF;
	font-size: 22px;
}

a:link /* unvisited link */
{
	font-weight:bold;
}    

a:visited /* visited link */
{
	font-weight:bold;
} 

a:hover /* mouse over link */
{
	text-decoration:underline;
	font-weight:bold;
	color: #ccffcc;
}   

a:active /* selected link */
{
	text-decoration:underline;
	font-weight:bold;
	color: #ccffcc;
}  

.audio_name
{
	text-align:center;
	font-size: 22px;
	font-weight: bold;
	color: #ccffcc;
}

.audio_player
{
	text-align:center;
}


.musician_name
{
	font-size: 36px;
	font-weight: bold;
	width: 45%;
	text-align:left;
}

.musician_instruments
{
	font-weight: bold;
	color: #a9c6c6;
	width: 45%;
	text-align:left;
}

.musician_bio
{
	color: #ccffcc;
	width: 45%;
	text-align:left;
}

/* not sure why i needed this -jcc ... i think this hides/disables access to the download option in the audio tag
*/
audio::-webkit-media-controls 
{
    overflow: hidden !important
}
audio::-webkit-media-controls-enclosure 
{
    width: calc(100% + 32px);
    margin-left: auto;
}