html, body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: lightyellow;
	color: brown;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "main" "footer";
	grid-template-rows: 1fr 10px;
	height: 100%;
}

main {
	grid-area: main;
	padding: 0.3em;
}

footer {
	grid-area: footer;
	background: black;
	color: white;
	text-align: center;
	font-size: 33%;
}

a {
	color: slategray;
	text-decoration: underline dotted;
}

a:link {
	color: green;
	text-decoration: underline;
}

a:visited {
	color: darkgreen;
}

a:hover {
	color: greenyellow;
	text-decoration: none;
}

h1 {
	font-weight: bold;
	font-size: 2.2em;
}

h2 {
	font-weight: bold;
	font-size: 1.8em;
}

div.radio {
	background: silver;
	color: darkgreen;
	border: 4px outset burlywood;
	border-radius: 30px;
	margin-right: auto;
	max-width: 1024px;
	margin-bottom: 2em;
}

div.radio table {
	table-layout: fixed;
}

div.radio table td {
	vertical-align: top;
}

div.radio table td:nth-child(1), div.radio table td:nth-child(3) {
	width: 65px;
}

div.radio table td:nth-child(2) {
	width: 100%;
}

audio {
	width: 100%;
	height: 60px;
}

table.upcoming {
	border: 4px outset burlywood;
	background: yellow;
	margin-right: auto;
	max-width: 1024px;
}

table.upcoming th {
	font-weight: bold;
	text-align: left;
}

table.upcoming tr td:nth-child(1) {
	text-align: center;
}

table.upcoming h3 {
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

table.upcoming div.date {
	display: flex;
	font-weight: bold;
	font-size: 1.3em;
	background: url("/i/calendar.svg");
	background-repeat: no-repeat;
	background-size: 48px 48px;
	color: black;
	text-align: center;
	vertical-align: bottom;
	width: 48px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}

table.upcoming div.date span {
	width: 100%;
	align-self: flex-end;
}

table.upcoming span.time {
	display: block;
	font-family: "Lucida Console", Monaco, monospace;
	background: lightyellow;
	color: red;
	margin-left: auto;
	margin-right: auto;
}

div.copyright {
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	text-align: center;
 	font-size: 33%;
 }

 img.fileicon {
	 max-height: 1em;
	 display: inline;
 }