html { font-family: "lucida grande", verdana, sans-serif;}
h1 { font-size: 1em;}

#album-art {
	 height: 205px;
	 width: 186px;
	 border: 1px solid black;
	 border-right: 0;
	 padding:;
	 float: left;
}

#album-art p {
	 background-color: #D2D2D2;
	 text-shadow: 0px 1px 2px white;
	 font-size: 8pt;
	 font-weight: bold;
	 text-align: center;
	 margin:0;
	 padding: 3px 0;
}

#playlist { border: 1px solid #666666;}

#playlist tr td, #playlist tr th {
    font-size: 8pt;
	padding: 3px 8px;
    border-left: 1px solid #D9D9D9;

}

#playlist tr th { 
    text-align: left;
    border-left: 1px solid #A9A9A9;
    border-bottom: 1px solid #666666;
    text-shadow: 0px 1px 2px white;
}

#playlist tr:first-of-type { background: rgb(187,187,187) url("gradient.svg"); }

#playlist tr th:first-child, #playlist tr td:first-child {
   border-left: 0px;
   
}

#playlist tr th:first-child {
	content: '';
	width: 4px;
}
#playlist tr *:nth-child(6) {
display: none;
margin: 0px;
padding: 0px;
}

#playlist tr:nth-of-type(odd) td {
   background-color: #edf3fe; 
}

#playlist tr:nth-child(5) td {
   background-color: #3d80df;
   color: white;
   border-left: 1px solid #346DBE;
   border-bottom: 1px solid #7DAAEA;

}

#playlist tr:nth-child(8) td:first-child {
  background-image: url(playing0.png);
  background-repeat: no-repeat;
  background-position: center; 
  padding: 3px;

}


#playlist tr:nth-child(8) td:nth-child(6) {
  display: inline;
  float: right;
  position: absolute; top: 55px; right: 797px;
}