body 	{ background: #070707; 
	font-family: Georgia, Arial, Helvetica, helv, sans-serif;
	color: white }

P 	{ color: white;	
	margin-top: 0.2cm;
	margin-bottom: 0.5cm;
	margin-left: 15%;
	margin-right: 15%;
	text-indent: 0pt;
	}

p#songTitle {
    width: fit-content;
    margin-left: 42px;
    padding: 8pt;
    padding-left: 16pt;
    padding-right: 16pt;
    background:  #333333;
}

div#playerDiv {
    min-width: 67%;
}

h1 {
	font-family: Georgia, Arial, Helvetica, helv, sans-serif;
	color: white;
	font-weight: bold;
}

h2 {
    color: white;	
	margin-top: 0.3cm;
	margin-bottom: 0.3cm;
	margin-left: 15%;
	text-indent: 0pt;
}

h2.princeton {
    margin: 24pt;
    text-align: center;
    display: inline-block;
}

h3 { color: white;	
	margin-top: 0.5cm;
	margin-bottom: 0.2cm;
	margin-left: 15%;
	margin-right: 15%;
	text-indent: 0pt;
   }


		    
h3.princeton 	{
    color: white;	
    margin-top: 42pt;
    margin-bottom: 0.5cm;
    margin-left: 15%;
    margin-right: 15%;
    text-indent: 0pt;
}

audio {
    padding: 12pt;
}
		    
ol#playlist {
    margin-left: 20%;
    padding: 12pt;
}

li {
    width: fit-content;
    min-width: 50%;
    color:#aaddee;
    text-decoration: none;
    padding: 4pt;
    margin: 4pt;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: clip;

}

a.audio:link {
 color:#aaddee;
    text-decoration: none;
    margin-right: 15%;
    font-weight: normal;
    background: #070707; 
}


A.audio:hover  { color: white; 
	font-weight: normal;
	background: #333333;
	text-decoration: none; }

li.active {
    color: white; 
    font-weight: normal;
    background: #333333;
}

a.audio.active:link {
    color: white; 
    font-weight: bold;
    background: #333333;
}

div.poem {
    text-align: left;
    margin-left: 20%;
    padding-top: 12pt;
}

div.moral {
    max-width: 800px;
    text-align: left;
    margin-left: 0pt;
    padding-top: 42pt;
    font-weight: bold;
    font-size: 16pt;
     display: block;
}

div.highlight {
    max-width: 800px;
    text-align: left;
    padding-top: 42pt;
    font-weight: bold;
    font-size: 16pt;
     display: block;
}

div.blurb {
    width: 75%;
    max-width: 800px;
    min-width: 2.5in;
    margin-top: 20pt;
    margin-bottom: 0pt;
    margin-left: 12pt;
    display: inline-block;
    text-align: left;
}

div.smallnote {
    text-align: center;
    max-width: 600px;
    font-size: 10pt;
}

div.motivate {
    text-size: 12pt;
    display: block;
    max-width: 1008px;
}

div.container {
    display: inline-block;
}

div.player {
    display: inline-block;
    margin-left: 20%;
    margin-right: 15%;
    padding: 42pt;
}

div:vs {
    margin-top: 88pt;
}

div:vsp {
    display: block;
    margin-left:0pt;
    margin-top: 42pt;
    margin-bottom: 42pt;
}



ul {
    margin-left: 20%;
}

A:link  { color:#aaddee;
	font-weight: bold;
	text-decoration: none; }


A:visited  { color: #ccbbaa; 
	font-weight: bold;
	text-decoration: none; }

A.audio:visited  {
    color:#aaddee;
    font-weight: normal;
    text-decoration: none;
}

A.audio.active:visited  {
    color: white;
}


A:hover  { color: white; 
	font-weight: bold;
	background: #333333;
	box-sizing: border-box;
	margin: 0pt;
	padding: 0pt;
	text-decoration: underline; }

A.audio:hover  { color: white;
	background: #333333;
	box-sizing: border-box;
	text-decoration: none; }

A.chosen:link {
        color: white; 
	font-weight: bold;
	font-size: -1;
	text-decoration: none;
}
.topline {color: silver; 
	text-indent: 0;
	margin-left: 10%; 
	margin-right: 10%; 
	font-size: 80%;  
}

button {
    width: 32px;
    height: 25px;
    background: transparent;
    border: none;
    background-image: url("om_white_32x25.png");
    background-repeat:no-repeat;
}