* {
	margin: 0;
	border: none;
}

body {
	padding: 24px;
	background-color: white;
	font-family: "Garamond", sans-serif;
	line-height: 1.5em;
}

nav img {
	vertical-align: middle;
	margin: 0 16px 16px 0;
}

h1, h2 {
	font-weight: inherit;
}
hr {
	background-color: gray;
	margin-bottom: 2em;
}

.center {
	text-align: center;
}
.center * {
	margin-left: auto;
	margin-right: auto;
}

.video > video {
	width: 444px;
	height: 360px;
}

.still, .video, .audio {
	max-width: 1600px;
	margin-bottom: 24px;
}
.still > div, .audio > div, .video > div {
	color: lightgray;
	font-size: small;
}
.still > a > img {
	margin: 2px;
	max-width: 80px;
	max-height: 80px;
}
.text {
	float: left;
	width: 800px;
	margin: 0 2em 2em 0;
}
.card {
	width: 800px;
}

.fable, .transcript {
	margin-bottom: 2em;
}

.fable {
	clear: left;
	font-family: monospace;
	white-space: pre;
}
.fable h1, .transcript h1 {
	font-size: 1.5em;;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
.fable p, .fable h1 {
	margin-bottom: 1em;
}

.transcript {
	text-align: justify;
}