/*CSS reset*/
* {
	margin:0;
	padding: 0;
}

/*Karl benjamin CANVAS*/
main#canvas {
	width:800px;
	height:600px;
}

/*Semantic Tags*/
section {
	width: 53px;
	height: 600px;
	float: left;
}

article {
	width: 53px;
	height: 41px;
	float: left;
}

figure {
	width: 53px;
	height: 11px;
	float: left;
}

/*colour classes*/

.darkorangered {
	background-color: #ce2029;
}

.lightorangered {
	background-color: #f25d3f;
}

.darkorangebrown {
	background-color: #b25f29;
}

.lightorangebrown {
	background-color: #e58c26;
}

.darkblue {
	background-color: #0c4c8a;
}

.lightblue {
	background-color: #4781c1;
}

.darkmagenta {
	background-color: #a61d2e;
}

.lightmagenta {
	background-color: #eb7071;
}

.darkbrown {
	background-color: #48220f;
}

.lightbrown {
	background-color: #ad7248;
}

.darkyellow {
	background-color: #ffd202;
}

.lightyellow {
	background-color: #f8e49f;
}

.darkmahogany {
	background-color: #5e1b0b;
}

.lightmahogany {
	background-color: #b45134;
}

.black {
	background-color: #1c180e;
}

.gray {
	background-color: #86817d;
}

.darkorange {
	background-color: #f14b22;
}

.lightorange {
	background-color: #f8953a;
}

.darkorangeyellow {
	background-color: #fba01c;
}

.lightorangeyellow {
	background-color: #fdcf26;
}

.darkpurple {
	background-color: #2c2767;
}

.lightpurple {
	background-color: #6c51a2;
}

.darkorangepink {
	background-color: #2c2767;
}

.lightorangepink {
	background-color: #f25437;
}