* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
	color: #ffffff;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 100%;
}

.hidden {
	display: none;
}

.clear {
	clear: left;
}

.all {
	width: 26em;
	min-width: 300px;
	margin: 2em auto;
	text-align: center;
	font-size: 80%;
}

/*h1:before {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	content: "Alternate stylesheet available";
	color: #222222;
	cursor: help;
}

h1:before:hover {
	color: #ffffff;
}*/

h1 {
	width: 300px;
	height: 20px;
	margin: 0 auto 2em auto;
	background: url(../img/header.png) no-repeat center center #000000;
	color: #ffffff;
	font-size: 100%;
}

h1 span {
	display: none;
}

.config {
	margin: 0.5em 0 2em 0;
}

.config > br {
	clear: left;
}

.title {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

.title h2 {
	width: 114px;
	height: 14px;
	margin: 0.125em 0 0 0;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #000000;
	color: #ffffff;
}

.title h2 span {
	display: none;
}

.title .date {
	font-size: 80%;
	color: #444444;
}

.desc {
	float: left;
	padding: 0.125em 0 0.125em 1em;
	border-left: 1px solid #dddddd;
	text-align: left;
	font-size: 85%;
}

.config:hover .desc {
	border-color: #ffffff;
}

.desc a.img {
	display: block;
	margin: 0 0 0.125em 0;
	border: 1px solid #444444;
	line-height: 0;
}

.desc a.img:hover,
.desc a.img:focus {
	border-color: #888888;
}

.desc a.img:active {
	border-color: #ff0000;
}

.desc a img {
	width: 160px;
	height: 120px;
	border: none;
}

.desc p {
	color: #888888;
}

.desc ul {
	float: right;
	list-style-type: none;
}

.desc ul li {
	float: left;
}

.desc ul a {
	display: block;
	padding: 0 0.25em;
}

.desc ul a span {
	display: none;
}

.desc > a {
	clear: right;
}

.desc a {
	background-color: #000000;
	color: #bbbbbb;
	text-decoration: none;
}

.desc a:hover,
.desc a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.desc a:active {
	color: #ff0000;
}