#logo {
	padding: 10px;
	margin-bottom: 10px;
}
a {
	color: #6CA42D;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

h2, h3 {
	color: #6CA42D;
}

/* This is a hack, but until I modify tpl files, it works. */
.stream-speaker-icon, .listen_live_classical, .greenplayer br {
	display: none !important;
}
.greenplayer a {
	display: block;
}
.greenplayer .show_name {
	padding-bottom: 10px;
}
.other_streams {
	display: none;
}

/* Playlist */
.selection {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
}
#now-playing-text-classical-mpr br {
	display: block !important; /* Bah, this is what I get for using !important a few lines up... */
}
#now-playing-text-classical-mpr ul {
	padding-left: 20px;
}
#now-playing-text-classical-mpr ul li {
	list-style-type: none;
}


.streams > .classical > a {
	font-weight: bold;
	/* SVG CSS4 attribute to disable click on non-IE browsers. */
	pointer-events: none;
	cursor: default;
	color: #727272;
}

.streams > .classical > a:hover {
	text-decoration: none;
}