body {background-color: #ffffff; 
	font-family: 'Ibarra Real Nova';
    font-size: 3.3rem;
    line-height: 3.6rem;
    margin: 0;
    padding: 0;
  }


#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,  {
	text-align: center; 
}
#artist {
	font-weight: bold;
	padding: .9rem 0;
}

#title {
	padding-top: 1rem;
	font-style: italic;
}
#notes {
	color: #666; padding-top: 2.5rem; padding-bottom: 4.5rem; font-size: 2.6rem;
}
#year {
	font-size: 2.9rem;
}
#on_air {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#666;font-size:1.2rem; 
}
#logo {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#000;font-size:8rem; text-align: center; padding-top: 4rem;
}
#logo a, #logo a:visited{
	color:#000;
}
#logo_sub {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#666;font-size:1.7rem;;line-height:3rem; text-align: center;position: relative;top: -7rem; left: -.7rem;
}
#logo_sub_beatles {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#000;font-size:1.3rem;;line-height:2rem; text-align: center;position: relative;top: -3.6rem;background-color:rgba(255,255,255,.8);
}
#playlist_title, .playlist_title {
	padding:0;margin:0;font-family: 'Vast Shadow';color:#000;font-size:1.8rem;line-height: 2.2rem;text-align: center;
}

#player {
visibility:hidden;
}
h1 .asterisk {
	font-family: 'Vast Shadow';
	padding-bottom: .6rem;
	margin-bottom: 0;
	font-size: 2.4rem;
}
#playlist_desc, .playlist_desc {
	color: #000;
	font-size: 1.6rem;
	line-height: 2.2rem;
	padding:0;margin:0;text-align: center;padding-bottom: 7.5rem;
}

#playButton {
	/*background-color: green;
	padding: 1rem;
	font-size: 2.5rem;
	color: #ccc;
	border-radius: .5rem;
	font-family: 'Vast Shadow';*/
	text-align: center;
	vertical-align: middle;
	margin: .3rem auto;
	padding: 1.5rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	border: 1px solid #666;
	
	border-radius: 50%;
	width: 5.5rem;
	height: 5.5rem;
	line-height: 6rem;
}
.blackButton, .bg_Interview, .bg_Live {
	background-color: #333;
}
#listen, #playButton a {
	color: #fff;
	font-family: 'Vast Shadow';
	font-size: 1.1rem;

}
#listen {
	position: relative;
	top: -1rem;

}
.playButton:hover {
	background-color: green;
	border: 1px solid #ccc;
	font-weight: bold;
	border-radius: 50%;

}

a, a:visited {
	text-decoration: none;
	color:  black;
}
a:hover {
	color:  red;
}

#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 {
	display: inline-block;
	margin: auto;
	padding:  0;
	width: 50%;

}


.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;
}

#unloader {
	font-size: 2rem;
	text-align: center;
}

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


}
#info {
	position: relative;
	bottom: 5%;
	left: 0;
	padding-top: 2.3em;
	font-size: .5em;
	color: #666;
	text-align: center;
	margin: auto;
}

#currency {
	display:none;
}
#sched {
}
.sched_item {
	display:  block;
	padding: 1em;
	margin: 0;
	color: #666;
}
.currently {
	color:  gold;
}
.Ska {
	color:  #EA4335;
}
.Reggae {
	color:  green;
}
.Roots {
	color:  #d96459;
}
.Deejay, .Dub {
	color: #588c7e;
}
.Rocksteady {
	color: #ffcc5c;
}

.Shuffle {
	color: #c83349;
	
}
.Ballads {
	color:  pink;
}
.Mento {
	color: blue;
}
.Rub {
	color:  #0c8bc2;
}
.Blues, .Jazz {
	color: lightsteelblue;
}
.Soul {
	color: #b0aac0;
}


.bg_caribbean {
	background-color:  royalblue;
}


.bg_Ska {
	background-color:  #EA4335;
}
.bg_Reggae {
	background-color:  green;
}
.bg_Roots {
	background-color:  #d96459;
}
.bg_Deejay, .bg_Dub {
	background-color: #588c7e;
}
.bg_Rocksteady {
	background-color: #ffcc5c;
}

.bg_Jamaican {
	background-color: #c83349;
	
}
.bg_Ballads {
	background-color:  pink;
}
.bg_Mento, .Calypso, .Latin, .Calypso {
	background-color: blue;
}
.bg_Rub {
	color:  #0c8bc2;
}
.bg_Blues, .bg_Jazz {
	background-color: lightsteelblue;
}
.bg_Soul {
	background-color: #b0aac0;
}
.bg_Funk, .bg_Dancehall, .bg_Nyabinghi_Drumming, .bg_Doowop{
	background-color:  silver;
}