* {
	box-sizing: border-box;
}
html {
	font-size: 100%;
	/* maintain font size after orientation change */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: sans-serif;
}
body {
	font: 12px/22px Helvetica Neue, Helvetica, Arial; /* txt/line */
	padding: 1em;
	background-color: black;
	background-image: url('../images/tv_static_3.gif');
	color: whitesmoke;
}
a {
	text-decoration: none;
	color: #6db0ff; /* TVArk #4e7eb7, lighter */
}
h1 {
	padding: .5em 0 .5em 3.5em;
	background-image: url('../images/logo_carousel.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	line-height: 1.5em;
	font-size: 1.2em;
}
h1 span.detail {
	padding-left: 1em;
	font-size: .75em;
	font-weight: normal;
}
h1 a, h1 a:link, h1 a:hover, h1 a:visited, h1 a:active {
	text-decoration: none;
	color: #335378; /* TVArk #4e7eb7, darker */
	
}

h1 a.lit, h1 a.lit:link, h1 a.lit:hover, h1 a.lit:visited, h1 a.lit:active {
	color: #4e7eb7; /* TVARK blue */
}
h2 {
	margin-top: 1.5em;
	font-size: 1.2em;
}
ul {
	list-style-type: none;
	text-indent: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}
li {
	padding: .05em 0;
}
li label {
	display: inline-block;
	width: 45%;
} 
li a {
	font-family: monospace;
}
.break 		{ padding-top: 1em; }
.sans  		{ font-family: sans-serif; }
.semantic	{ display: none; } /* hide extras that keep the page senantic */
.note		{ color: #999; }

/* Media Queries ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media	screen and (max-resolution: 1x),
		screen and (-webkit-max-device-pixel-ratio: 1) {

	body { font: 14px/24px Helvetica Neue, Helvetica, Arial; }
	h1 span.detail { padding-left: 5em; }
	li label { width: 20%; }

}