body {
	background-color: #333;
	color: #f8f8f8;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, Verdana, Sans-serif;
}
#wrapper, #box, #abt {
	height: 416px;
	width: 416px;
	padding: 0;
}
#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -208px;
	margin-top: -208px;
	z-index: 4;
}
#box {
	background-color: #fff;
}
#abt {
	background: transparent url(../images/dark.png) repeat left top;
	z-index: 10;
	position: absolute;
	display: none;
}
#abt #bumper {
	padding: 30px;
}
#abt #shove {
	width: 200px;
	margin: 50px auto;
}
#abt #close {
	position: absolute;
	bottom: 20px;
	left: 30px;
}
h1, h2 {
	padding: 0;
	margin: 0;
}
h2 {
	margin-top: 10px;
	margin-bottom: 24px;
	font-weight: normal;
	color: #585858;
}
#opts a {
	display: block;
	width: 208px;
	height: 208px;
	float: left;
	text-indent: -10000px;
}
#abt a, #abt #close a {
	color: #fff;
}
a#films {
	background: #90c758 url(../images/films.png) no-repeat left top;
}
a#podcast {
	background: #7ac759 url(../images/podcast.png) no-repeat left top;
}
a#about {
	background: #69c659 url(../images/about.png) no-repeat left top;
}
a#gutsack {
	background: #58c659 url(../images/gutsack.png) no-repeat left top;
}
a#email {
	width: auto;
	height: auto;
	padding: 20px;
	text-indent: 0;
	font-size: 24px;
	background-color: #3d3d3d;
	color: #3f3;
	text-decoration: none;
}
#opts a:hover, #opts a:active,
a#films:hover, a#films:active,
a#podcast:hover, a#podcast:active,
a#about:hover, a#about:active,
a#gutsack:hover, a#gutsack:active,
a#email:hover, a#email:active {
	background-color: #000;
	color: #fff;
}