#main {
	position: relative;
	width: 600px; height: 750px;
	margin: 0 auto;
	top:30px;
}
#pixels {
	position: absolute;
	text-align: center;
	width: 500px; height: 500px;
	left: 50px; top: 100px;
	font-size: 0; line-height: 0;
}
#waitlayer {
	position:absolute;
	display:none;
	background-color: #ffffff;
	opacity: 0.4;
	width: 500px; height:550px;
	left: 50px; top: 0px;
	text-align: center;
	font-size:20px;
	/*left:0px;top:0px;
	right:0px;bottom:0px;*/
}
.pixel {
	display: inline-block;
	width: 60px; height: 60px;
	background: #bbb;
	margin: 0 1px 1px 0;
	border-radius: 100px;
}
#colors {
	position: absolute;
	text-align: center;
	width: 500px; height: 120px;
	left: 50px; bottom: 50px;
	font-size: 0; line-height: 0;
}
.color {
	position: relative;
	display: inline-block;
	width: 60px; height: 60px;
	background: #bbb;
	margin: 0 1px 1px 0;
	border-radius: 10px;
	-webkit-transition: all .3s ease-out;
}
.color.selected:after {
	display: block; content: ' '; position: absolute;
	left: 50%; top: 50%;
	width: 30px; height: 30px;
	background: #fff;
	margin: -15px 0 0 -15px;
	border-radius: 3px;
	opacity: .8;
}
#color-1.selected:after { background: #000;}

#done { display: inline-block; left: 90px; right: auto; width: auto;}
#clear { display: inline-block; right: 90px; width: auto;}
#flash { display: inline-block; left: 50%; width: 100px; margin-left:-50px;}