dark hogwarts

<style>
table {
	background: none;
}
table a img, .sf {
	display: none;
}
body {
	background: #505051 url("http://image.ibb.co/i2OHDe/darkhogwarts.png") top center no-repeat;
	overflow: auto;
	color: #ffffff;
}
a {
	text-decoration: none;
	font: 6.5pt arial;
	color: #d8d8d8;
	font-weight: bold;
	text-transform: uppercase;
}
a:hover {
	color: #b9b9b9;
}
b {
	color: #e5e5e5;
}
i {
	color: #bebebe;
	font-family: georgia;
}
td, th, body {
	font: 8pt arial;
	vertical-align: top;
}
th {
	text-align: justify;
}
.spacer {
	top: 2716px;
	left: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.clicky {
	width: 300px;
	height: 200px;
	overflow: hidden;
}
.lynx {
	width: 52px;
	height: 43px;
	display: block;
}
a.nav {
	display: block;
	width: 190px;
	font: 7pt arial;
	font-weight: bold;
	color: #000000;
	letter-spacing: 2px;
}
a.nav2 {
	display: block;
	font: 7pt arial;
	font-weight: bold;
	color: #000000;
	letter-spacing: 2px;
}
a.nav:hover, a.nav2:hover {
	color: #000000;
}
.top {
	top: 5px;
	left: 5px;
	width: 150px;
	height: 200px;
	background: url("http://i.imgur.com/yJjg1co.png") no-repeat top left;
	overflow: hidden;
	z-index: 100;
}
.castle {
	height: 521px;
	overflow: hidden;
	top: 692px;
	left: 0px;
	width: 100%;
}
.grounds {
	height: 521px;
	overflow: hidden;
	top: 1782px;
	left: 0px;
	width: 100%;
}
.part {
	width: 978px;
	height: 501px;
	overflow: auto;
	text-align: justify;
	padding: 10px;
}
blockquote {
	margin: 20px;
	text-align: justify;
}
a.castle, a.castleac {
	background: #424242;
	color: #ffffff;
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
}
a.castle:hover, a.castleac:hover {
	color: #b5b5b5;
}
a.grounds {
	background: #424242;
	color: #ffffff;
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
}
a.class {
	background: #424242;
	color: #ffffff;
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
}
a.class:hover, a.grounds:hover {
	color: #b6b6b6;
}
.castle td, .grounds td {
	background: #cacaca;
	color: #000000;
	width: 150px;
	height: 123px;
	text-align: justify;
	padding: 0px;
}
.years td {
	background: #cacaca;
	color: #000000;
	width: 120px;
	text-align: justify;
	height: 120px;
	padding: 0px;
}
.years blockquote {
	text-align: center;
}
.castleac td {
	background: #cacaca;
	color: #000000;
	width: 150px;
	height: 10px;
	text-align: justify;
	padding: 0px;
}
.clde {
	height: 75px;
	overflow: auto;
	text-align: center;
	padding: 15px 10px 15px 10px;
	display: block;
}
a.direct {
	display: inline-block;
	width: 80px;
	padding: 0px 20px 0px 20px;
	height: 100px;
	line-height: 100px;
	color: #ffffff;
	background: #9b9b9b;
}
a.direct:hover {
	background: #494949;
}
a.owl {
	display: inline-block;
	width: 100px;
	padding: 0px 20px 0px 20px;
	height: 100px;
	line-height: 100px;
	color: #ffffff;
	background: #9b9b9b;
	text-align: center;
}
a.owl:hover {
	background: #409195;
}
h1 {
	text-align: center;
	font: 15pt arial;
	font-weight: bold;
	color: #bababa;
	letter-spacing: 2px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
h2 {
	font: 9pt arial;
	font-weight: bold;
	color: #bababa;
	letter-spacing: 2px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
h3 {
	text-align: center;
	font: 15pt arial;
	font-weight: bold;
	color: #bababa;
	letter-spacing: 2px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
h4 {
	font: 7pt arial;
	font-weight: bold;
	color: #bababa;
	text-transform: uppercase;
	margin: 7px 0px 7px 0px;
}
textarea {
	color: #836a55;
	height: 60px;
	background: #e5e5e5;
	border: 1px solid -blocked-;
	font: 7pt arial;
	text-transform: lowercase;
}
</style>