body {
	background-color: #ffd29c;
	padding: 20px;
	width: 800px;
	margin: auto;
	font: 22px / 1.3 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; 
}

#wrapper {
	float: left;
	width: 640px;
	height: 640px;
	background-image: url(back.png);	
	margin: 0 0 100px 0;
}

#logo {
	display: block;
	width: 615px;
	height: 150px;
	margin: auto;
}

#name {
	display: block;
	clear: both;
	border: 4px solid #000;
	width: 613px;
	color: #CCC;
	height: 64px;
	margin: 20px 0 20px 64px;
	padding: 10px;
	font: 44px / 1.3 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

#canvas {
	height: 560px;
	width: 560px;
	margin:  41px 42px 41px 38px;
	border-left: 1px solid rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.05);
}

#canvas li {
/*	border-right: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2); */
	outline: 1px solid rgba(0,0,0,0.05);
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	cursor: crosshair;
}

#canvas li:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

#canvas li:active {
	cursor: crosshair;
}

#canvas img#msg {
	display: block;
}

#controls {
	float: left;
	width: 64px;
	height: 640px;
}

#controls li {
	background-color: #fff;
	border: 4px solid #000;
	display: block;
	width: 32px;
	height: 32px;
	font-size: 0;
	margin: 0 0 8px 8px;
}

.save {
	background-color: #fff;
	border: 2px solid #000;
	background-image: url(icn_save.png);
	background-position: center center;
}

.reset {
	background-color: #fff;
	border: 2px solid #000;
	background-image: url(icn_reset.png);
	background-position: center center;
}


.empty {
	background-color: transparent !important;
	border: none !important;
	height: 16px !important;
}

.erase {
	background-color: #fff;
	border: 2px solid #000;
	background-image: url(icn_erase.png);
	background-position: center center;
}


#footer {
	clear: both;
	padding: 100px 0 100px 0;
	font-size: 0.6em;
	color: #da8357;
	text-align: center;
}

#footer a {
	color: #da8357;
}