body {
	margin: 0;
	padding: 0;
}

#left {
	float: left;
	margin: 0 auto;
	width: 80%
}

#right {
	float:right;
	width: 20%;
	background:#cc9
}

ul.screenshots {
	list-style-type: none;
	text-align: center;
}
	
.complete .notes {
	color: #CCC;
	font-size: small;
	margin-left: 50px;
	margin-right: 50px;
}

.inprogress .notes {
	color: #666;
	font-size: small;
	margin-left: 50px;
	margin-right: 50px;
}

.incomplete .notes {
	color: #FFF;
	font-size: small;
	margin-left: 50px;
	margin-right: 50px;
}

.blocks {
	font-family: monospace;
	background: #FFF;
	color: #000;
	border: 1px solid black;
}

.complete {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-image: url(true.gif);
	background-color: #33AA33;
}

.incomplete {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-image: url(false.gif);
	background-color: #AAAAAA;
}

.inprogress {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-image: url(false.gif);
	background-color: yellow;
}

.complete img.todo {
	width: 21px;
	height: 17px;
	background-image: url(true.gif);
}

.incomplete img.todo, .inprogress img.todo {
	width: 21px;
	height: 17px;
	background-image: url(false.gif);
}