body {
	background-color: transparent;
	background: url(kuvat/tiili.jpg);
	background-repeat: repeat;
	padding: 25px 5px;
	margin: 0;
}

@media (min-width: 900px) {
	body {
        background-attachment: fixed;
    }
}

#pohja {
	border: 1px solid silver;
	margin: auto;
	padding: 0px;
	width: 800px;
/*	background-color: slategray;*/
}

#valikko {
	list-style: none;
	background-color: black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: auto;
/*	padding: 0px 0px 5px 0px;*/
	padding: 0px;
	font-size: xx-small;
	font-weight: 100;
	text-align: center;
}

#valikko li {
	display: inline;
	font-family: Verdana;
	color: white;
	padding: 0px 3px 0px 3px;
	margin: 0;
	text-align: left;
}

#valikko li a {
	font-family: Verdana;
	color: white;
	text-decoration: none;
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#valikko li img{
	background-color: black;
	border-color: black;
	border: 1px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0px;
}

#valikko li a img{
	background-color: black;
	border-color: black;
	border: 1px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0px;
}
#valikko li a img:hover {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#linkit {
	display: inline;
	list-style: none;
	background-color: #464b4e; /* #464b4e */
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#sisalto {
	border-color: slategray;
	background-color: rgba(40, 40, 40, 0.7);
	background-image: url(kuvat/taustaliuku.png);
	background-repeat: no-repeat;
	font-family: Verdana;
	color: white;
	font-size: small;
	text-align: left;
	padding: 20px 20px 4px 20px;
	margin: 0px 0px 0px 0px;
}

#ylapalkki {
	clear: both;
	background-color: black;
	background-image: url(kuvat/logo.jpg);
	border-bottom: none;
	height: 320px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	
	display: block;
}

#seuraava {
	border-color: slategray;
	background-color: transparent;
	font-family: Verdana;
	color: white;
	font-size: normal;
	text-align: left;
	padding: 50px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	
	display: block;
}

#seuraavakeikka {
	background-color: transparent;
	color: white;
	text-align:left;
	text-transform: uppercase;
	vertical-align:top;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#seuraavakeikka th{
	text-align:left;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

#seuraavakeikka td{
	text-align:left;
	text-transform: uppercase;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
}

#alapalkki {
	clear: both;
	background-color: rgba(40, 40, 40, 0.7);
	background-image: url(kuvat/taustaliuku2.png);
	background-repeat: no-repeat;
	text-align: center;
	padding: 3px 0px 3px 0px;
	width: 800px;
	height: 30px;
	margin: auto;
}

#alapalkki p {
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: white;
	padding: 10px;
	margin: 0;
}

#lyriikka_sisalto {
	background-color: transparent;
	width: 100%;
	padding: 0;
	margin: 0;
}

#lyriikka_teksti:after { 
	clear: both; 
	content: ''; 
	height: 0;
	display: block; 
} 

#lyriikka_valikko {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;	
} 

#lyriikka_valikko li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#lyriikka_teksti {
	margin-left: 34%;
	background-image: url(kuvat/ruutupaperi.jpg);
	background-color: white;
	font-family: cursive;
	font-style: normal;
	font-size: 16px;
	color: mediumblue;
	font-weight: 600;
	padding: 20px 20px 20px 20px;
	border: 1px solid black;
}

#lyriikka_teksti h3 {
	background-color: transparent;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0px;
}

#uutiset {
	background-color: transparent;
	width: 760px;
	padding:0px 0px 0px 0px; 
}

#uutiset th {
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	width: 10px;
	padding:0px 20px 0px 0px;
}

#uutiset td {
	text-align:left;
	vertical-align:top;
	width: auto;
}

#uutiset h2 {
	font-weight:bold;
	font-size: 14px;
/*	margin: 0px 0px 14px 0px;*/
	margin: 0px 0px 0px 0px;
}

#uutiset p {
	margin: 14px 0px 0px 0px;
}

p {
	margin: 0px 0px 14px 0px;
}

h1 {
	font-size: 18px;
	margin: 0px 0px 20px 0px;
}

#yhteystiedot td {
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0;
}

#katkoviiva {
	border-width: 0;
	border-top: 1px dashed white;
	margin: 14px 0px 14px 0px;

}

a {
    color: orange;
	font-style: italic;
	border: 0;
}

a img{
	background-color: black;
	border-color: orange;
	border: 2px solid orange;
}

.discografia {
	text-align: left;
	width: 100%;
	border-collapse: collapse;  /* siisti taulukon sisäiset raot */
}

.discografia th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width: 100%;
	padding:0px 20px 0px 0px;
}

.discografia td {
	vertical-align:top;
	width: 50%;
}

.discografia h1 {
	font-weight:bold;
	font-size: 14px;
	margin: 0px 0px 14px 0px;
}

.discografia p {
	margin: 0px 0px 14px 0px;
}

.player-wrapper {
  max-width: 300px;
  min-width: 300px;
  margin: 200px 0 0 20px;
  font-family: system-ui, sans-serif;
  border: 1px solid white;
  padding: 0 0 0.2rem 0;

  display: block;
  margin-top: 8px;  /* pieni väli ikonien alle */
  clear: both;      /* jos vanha CSS floattaa jotain */
}

#audio-player {
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}

#now-playing {
  margin: 0  0.5rem 0 0.5rem;
  font-size: 0.9rem;
  font-style: italic;
  color: white;
}

.playlist {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.playlist li {
  padding: 0.4rem 0.6rem;
  cursor: pointer;
  border-bottom: 1px solid #ddd;

  display: flex;
  justify-content: space-between; /* nimi vasemmalle, kesto oikealle */
  align-items: baseline;          /* tekstit samalle vaakalinjalle */
}

.playlist li:hover {
  background: #f3f3f3;
	color: rgb(0, 0, 0);
}

.playlist li.active {
  background: #e0e0e0;
  font-weight: bold;
  color: rgb(0, 0, 0);
}

.track-title {
  text-align: left;
}

.track-duration {
  margin-left: 1rem;   /* pieni väli nimen ja keston väliin */
  font-style: italic;  /* varmistetaan kursiivi, vaikka se on <em> */
}

#sisalto ul.keikkalista {
  list-style: none;
  padding-left: 0;
  margin-left: 20px;
}