html {
	height: 100%;
	margin: 0;
}

body {
	background-color:	#111;
	color:			inherit;
	
	height: 100%;
	margin: 0;

	background-image: linear-gradient(bottom, rgb(25,25,25) 15%, rgb(5,5,5) 75%);
	background-image: -o-linear-gradient(bottom, rgb(25,25,25) 15%, rgb(5,5,5) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(25,25,25) 15%, rgb(5,5,5) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(25,25,25) 15%, rgb(5,5,5) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(25,25,25) 15%, rgb(5,5,5) 75%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, rgb(25,25,25)),
		color-stop(0.75, rgb(5,5,5))
	);
}

div {
	background-color:	inherit;
	color:			inherit;

	margin:		0px;
	padding:		0px;

	text-align:		center;
}

#topspacing {
	background-color:	inherit;
	color:			inherit;

	margin-top:		15px;
}

span.header {
	background-color:	inherit;
	color:			#ccc;
	
	font-size:		34pt;
	font-weight:		bold;
	font-family:		Segoe UI, Segoe WP, Calibri, sans-serif;
}

span.content {
	background-color:	inherit;
	color:			#666;
	
	font-size:		44pt;
	font-family:		Segoe UI, Segoe WP, Calibri, sans-serif;

	text-align:		center;
}

span.disabled {
	background-color:	inherit;
	color:			#444;
}


a:link,a:visited {
	background-color:	inherit;
	color:			#88a;
}

a:hover,a:active {
	background-color:	inherit;
	color:			#ddf;
}

/* source: http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/
 * Many thanks to Paul OB for this method! */
#vert-hoz {
    background-color:	#222;
	color:			inherit;
    position:			absolute;
    top:			50%;
    left:			50%;
    margin-left:		-320px; /* half elements width*/
    margin-top:		-80px; /* half elements height*/
	padding:		18px 0px 18px 0px;
    width:			640px;
    height:			160px;
    border:			1px solid #444;
    overflow:			auto;/* allow content to scroll inside element */
    text-align:		left;
}

