html { background: #000; color: #fff; font: 16px serif; }
header {
	background: rgba(255,0,0,.3);
	border: 1px solid #a33;
	border-radius: .5em;
	box-shadow: 0 0 .5em #a33;
	margin: .5em;
	padding: .5em;
	h1 {
		background-image: url("./logo.png");
		color: rgba(255,255,255,0);
		height: 74px;
		margin: 0;
		padding: 0;
		width: 200px;
		}
	nav {
		border: 1px solid #a33;
		margin-top: .25em;
		ul, li {
			background: #633;
			font-size: 0;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		ul#internal-nav {
			border-bottom: 1px solid #a33;
			}
		ul#external-nav {
			border-top: 1px solid #a33;
			margin-top: 4px;
			}
		li {
			border-right: 1px solid #a33;
			display: inline-block;
			a {
				background: rgba(0,0,0,.2);
				display: inline-block;
				font-size: 16px;
				padding: .25em;
				text-decoration: none;
				}
			a:link, a:visited { color: #a33; }
			a:hover, a:active { background: rgba(255,200,200,.1); color: #D33; }
			a.current { background: rgba(0,0,0,.5); }
			}
		}
	}
main {
	background: rgba(255,255,255,.2);
	border: 1px solid #a33;
	border-radius: .5em;
	box-shadow: 0 0 .5em #a33;
	margin: .5em;
	padding: .5em;
	}