html {
	background: #000;
	color: #fff;
	padding: 1em;
	margin: 0.5em;
	font-size: 11px;
	border: 0.5em #656dae solid;
	font-family: sans-serif;
}

a img {
	display: block;

}
a#eye, a#villains {
	display: inline;
	height: 170px;
	width: 200px;
	border: 0;
	background: #000;
	margin: 0;
}

a#eye img, a#villains img {
	border: 0;
}

a#eye {
	float: left;
}
a#villains {
	float: left;

}
a#villains img{
	margin: 35px 50px;
}
div#header {
	display: block;
	height: 100%;
	width: 175px;
	float: left;
	margin: 0.25em;

}

div#header ul {
    display: block;
    width: auto;
    padding: 0;
    margin: 2em 0;
    list-style: none;
}

div#header li {
	text-align: center;
    padding: 0.5em 0;
	font-size: 125%;
}

h1 {
	font-size: 300%;
	color: #656dae;
	text-align: center;
}

h2 {
	font-size: 200%;
	color: #656dae;
	text-align: center;
}


div#main {
	margin: 1em 0px 1em 200px;
}
a:link, a:visited {
	color: #656dae;
	text-decoration: none;
}
a:link:hover, a:visited:hover  {
	background: #656dae;
	color: #000;
}
@media print {
  div#header { display: none }
  div#main { margin-left: 0px }
}