html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-image: url("bg3.jpg");
	background-repeat: repeat; /* Tiles the image */
	background-attachment: scroll; /* Optional: background stays fixed while scrolling */
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}

.content {
	flex: 1 0 auto; /* Take up remaining space */
}

.page {
	display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.fade-bottom {
	width: 100%;
	height: 140px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #16806722 30% , #168067 100%);
	z-index: -10;
}


table, td {
	text-align:left;
	background-color:#D6C2AF;
	font-family:"Tahoma";
	border: 1px solid black;
}

.rating {
	margin:0px;
}

.biography {
	padding-right:1em;
	background-color:#EDD7C2;
	font-family:"Georgia";
	font-size:1.3em;
	border: 1px solid black;
	width:700px;
	text-align:justify;
	padding-left:1em;
	padding-top:0.5em;
	overflow:hidden;
}

p {
	text-indent:25px;
}

th {
	background-color:#903D25;
	color:#C8E6D5;
	text-align:center;
}
th A {
	color:#A2BDAA;
}

table td:first-child {
	 font-size: 12px;
	 font-family:"Tahoma";
	 padding:1em;
}

table td:nth-child(2) {
	 font-size: 16px;
	 text-align:justify;
	 vertical-align:center;
	 font-family:"Arial";
	 padding-left:2rem;
	 padding-right:2rem;
	 padding-top:0px;
	 padding-bottom:30px;
}

h1 {
	margin:20px;
	margin-bottom:0px;
	color:#7ACCA5;
	font-family:"Verdana";
	font-size:2.2em;
	font-style:italic;
}
h1 span {
	padding:2px;
	padding-left:6px;
	padding-right:6px;
}

.artist-icon {
	height:150px;
	width:auto;
	object-fit:contain;
	margin:10px 20px 15px 0px;
	float:left;
}
figure.artist-icon img {
	width:150px
}

.artist-icon-right {
	height:150px;
	width:auto;
	object-fit:contain;
	margin:10px 10px 15px 20px;
	float:right;
}
figure.artist-icon-right img {
	width:150px
}
figcaption {
	font-size:0.8em;
	text-align:center;
	font-family:"Georgia";
}

.solidcolor {
	background-color:#000000;
}

h2 {
	font-family:"Tahoma";
	font-size:1em;
}

sub {
	font-style:italic;
}

.navigation {
	background-color:#D6C2AF;
	padding:5px;
	margin-left:5%;
}
.navigation A {
	color:#185E50;
}

.contact-info {
	padding-top:10px;
	color:#167F67;
}
.contact-info a {
	color:#167F67;
}

.sort-buttons {
	padding-bottom:5px;
	font-family:"Tahoma";
}
.link-like {
  color: #933;
  text-decoration: underline;
  cursor: pointer;
}
.link-like:hover,
.link-like:focus {
  color: #551A8B;            /* typical visited link color */
  text-decoration: underline;
}
.album-goto:hover,
.album-goto:focus {
  color: #551A8B;            /* typical visited link color */
  text-decoration: underline;
}
.album {
	font-weight:bold;
}