body {background-color: black; 
	font-family: 'Amatic SC';
    font-size: 3.3rem;
    line-height: 3.6rem;
    color: #fff;
    margin: 0;
    padding: 0;
    /*overflow-x: hidden; */
  }


#now_playing {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#666;font-size:2rem; padding-bottom: .5rem;
}
.produced_by {
	padding:0;margin:0;font-family: 'Vast Shadow';font-size:1.5rem; 
}
#producer {
	padding-top: .5rem;
}
#now_playing, #title, #artist, #year, #producer, #on_air, #notes {
	text-align: center; 
}
#notes {
	color: #666; padding-top: 1.3rem; padding-bottom: .5rem;
}
#on_air {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#666;font-size:1.5rem; 
}
#logo {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#666;font-size:8rem; text-align: center; padding-top: 4rem;
}
#logo a, #logo a:visited{
	color:#666;
}
#logo_sub {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#ccc;font-size:1.6rem;;line-height:3rem; text-align: center;position: relative;top: -3.6rem;
}

#playlist_title, .playlist_title {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#dedede;font-size:1.8rem;line-height: 2.2rem;text-align: center;
}

#player {

}
#playlist_desc, .playlist_desc {
	color: #ccc;
	font-size: 2rem;
	line-height: 2.2rem;
	padding:0;margin:0;text-align: center;padding-bottom: .5rem;
}

#playButton {
	/*background-color: green;
	padding: 1rem;
	font-size: 2.5rem;
	color: #ccc;
	border-radius: .5rem;
	font-family: 'Vast Shadow';*/
	text-align: center;
	margin: .3rem auto;
	padding: 1.5rem;
	text-decoration: none;
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	border: 1px solid #666;
	background-color: #333;
	border-radius: 50%;
	width: 5.5rem;
	height: 5.5rem;
}
.playButton:hover {
	background-color: #666;
	border: 1px solid #ccc;
	font-weight: bold;
	border-radius: 50%;
}

a, a:visited {
	text-decoration: none;
	color:  gold;
}
a:hover {
	color:  red;
}
.time_caption {
	/*margin: auto; position: relative;left: 0; bottom: 15px; right: 0;color: #ddd; */
}
#record {
	width: 100%;
	height: auto;
	position: relative;
	top: 1em;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.liner-notes {
	font-size: 2rem;
	line-height:  2rem;
}
#playlist_img {
	position: absolute;
	bottom: 0;
	left: 0;

}
#playlist_img img {
	width: 100%;
}

#spinning {
	width: 75%;
	margin: auto;
	display: block;
    animation: rotation 11s infinite linear;
    
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
#live_anim {
	width: 2.5rem;
	display: block;
	margin: auto;
}
#listen {

}


.ital {
	font-style: italic;
	font-size: .6em;
	color: #666;
	text-align: center;
	margin: auto;
	position: absolute;
	bottom:  0;
	left: 0;

}

.loader {
  margin: 3% auto;
  border: 1px solid #666666;
  border-radius: 50%;
  border-top: 1px solid orange;
  width: 4.5em;
  height: 4.5em;
  animation: spinner 4s linear infinite;
}


@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }


}
#info {
	padding-top: 1.3em;
	font-size: .5em;
	line-height:1.1em;
	color: #ccc;
	text-align: center;
	margin: auto;
}
#info a {
	color: #fff;
	text-decoration: underline;
}
#sched {
}
.sched_item {
	display:  block;
	padding: 1em;
	margin: 0;
	color: #666;
}
.currently {
	color:  gold;
}
.Ska {
	color:  red;
}
.Reggae {
	color:  green;
}
.Roots {
	color:  #5d820c;
}
.Deejay {
	color: sienna;
}
.Rocksteady {
	color: gold;
}
.Shuffle {
	color: orange;
}
.Ballads {
	color:  pink;
}
.Mento {
	color: 
}
.Rub {
	color:  #0c8bc2;
}
.Blues, .Jazz {
	color: lightsteelblue;
}
.Soul {
	color: blueviolet;
}