* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14pt;
	font-family: "Segoe UI", "Lucida Grande", "Helvetica" , sans-serif;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}

#content {
	margin: 30px auto 0 auto;
	padding: 40px;
	width: 900px;
	background-color: #fff;
}

h1 {
	margin: 10px auto;
	font-size: 32pt;
	text-align: center;
}

#control {
	text-align: center;
}

#control img {
	padding-left: 5px;
}

input[type="text"] {
	border-top: 3px solid #999;
	padding: 0.1em;
	font-size: 32pt;
	font-weight: bold;
	font-family: "Consolas", "Lucida Console", "Courier New", monospace;
	background-color: #ffffb3;
}

button {
	font-size: 14pt;
	font-family: "Consolas", "Lucida Console", "Courier New", monospace;
	padding: 0.1em 0.8em;
	margin-top: 20px;
}


#listarea {
	width: 550px;
	margin: 50px auto 30px auto;
}

ol li {
	border-top: 1px solid #ccc;
	height: 50px;
	line-height: 50px;
	list-style-position: inside;
	padding-left: 20px;
}

ol li.odd {
	background-color: #fafafa;
}

ol li.even {
	background-color: #fff;
}

ol li.odd:hover, ol li.even:hover {
	background-color: #ffffb3;
	cursor: move;
}

ol li img {
	margin-left: 12px;
}

#w3c {
	text-align: center;
	width: 200px;
	margin: 30px auto 50px auto;
}

#w3c img {
	border: none;
}