* {
	margin:0;
	padding:0;
}


html, body {
	height:100%;
}

body {
	background-color:#000000;
	font:100% Arial;
	color:black;
}

#distance {
	width:1px;
	height:50%;
	background-colour:blue;
	margin-bottom:-13.75em;
	float:left;
}

#content {
		margin:0 auto;
		position:relative;
		text-align:centre;
		height:20em;
		width:45em;
		clear:left;
		background-color:white;
		border:1px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		background-image: url(http://www.thatspunk.net/background.jpg);
}

#content h1 {
text-align:left;
}

#content p {
text-align: right;
}

.p2 {
text-align: left;
}

A:link {
color: black;
}

A:visited {
color: black;
}

A:active {
color: black;
}

A:hover {
background: black;
color: white;
}

#footer {
		margin:0 auto;
		position:relative;
		text-align:centre;
		height:5em;
		width:45em;
		clear:left;
		background-color:black;
		color:white;
}

#footer h1 {
text-align:left;
}

#footer p {
text-align: right;
}

#footer A:link {
color: white;
}

#footer A:visited {
color: white;
}

#footer A:active {
color: white;
}

#footer A:hover {
background: white;
color: black;
}