html, body { background-color: #000; font: 12px verdana,arial,sans-serif; color: #dfdfdf; overflow: hidden; text-align: center; }
h1 { font-size: 25px; margin: 0 0 75px 0; }
img { border: 1px solid #9b9b9b; margin: 5px; }
a, a:active { color: #dfdfdf }
#content { margin-top: 50px; }
.bold { font-weight: bold; }
#f11-box {
	margin: 100px auto;
	padding: 15px;
	font-size: 20px;
	font-weight: bold;
	width: 150px;
	color: #9b9b9b;
	border: 1px solid #895e5e;
	background-color: #732727;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default;
}
#note {
	margin-top: 30px;
	font-style: italic;
	font-size: 10px;
}
ul { list-style-type: disc; margin: 0 auto; width: 550px; }
li { padding: 5px; text-align: left; }
#color-change { margin: 30px auto 5px auto; width: 400px; }
#color-black, #color-white, #color-red, #color-green, #color-blue {
	width: 60px;
	height: 20px;
	margin: 10px 0 0 15px;
	float: left;
	cursor: pointer;
}
#color-black {
	background-color: #000000;
	border: 1px solid #fff;
}
#color-white {
	background-color: #ffffff;
	border: 1px solid #000;
}
#color-red {
	background-color: #ff0000;
	border: 1px solid #000;
}
#color-green {
	background-color: #00ff00;
	border: 1px solid #000;
}
#color-blue {
	background-color: #0000ff;
	border: 1px solid #000;
}