body
{
  padding: 0px;
  margin: 2px;
  font-family: Helvetica, Arial, sans-serif;
  background-color: #263144;
  color: #EEE;
  text-decoration-skip-ink: none;
}
.load.button {
	padding-left: 15px;
	padding-right: 15px;
}

.clickable {
	border: 2px transparent;
	border-radius: 3px;
	margin: 2px;
	cursor: pointer;
}
.clickable:hover {
	border: 2px solid black;
	margin: 0px;
}
.click_wrap {
	height: 29px;
	text-align: center;
}
.click_wrap.audhide {
	opacity: 0.25;
}
#saving {
	padding-top: 8px;
	color: #555;
	text-align: center;
}
#main {
	padding-left: 20px;
	padding-top: 20px;
	display: inline-block;
	text-align: center;
}
.genre {
	padding: 2px;
}

.rating0 {
	background-color: #ff00ff;
}
.rating1 {
	background-color: #802007;
}
.rating2 {
	background-color: #a73b1d;
}
.rating3 {
	background-color: #e3b537;
}
.rating4 {
	background-color: #5f9db5;
}
.rating5 {
	background-color: #48b500;
}

.genre {
	float: right;
}

.genre.rank0 {
	background-color: #0F0;
	color: #000;
	border-radius: 3px;
}
.genre.rank1 {
	background-color: #DF0;
	color: #000;
	border-radius: 3px;
}
.genre.rank2 {
	background-color: #F80;
	color: #000;
	border-radius: 3px;
}

#promote {
	padding-top: 100px;
}
a {
	color: #DDF;
}