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 35px 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;}