* {
	/* questo CSS3 per modificare l'interpretazione della width */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: rgb(0, 0, 0);
    margin: 0;
    padding: 0;
    border: 0;
    font-family: pixel;
    font-size: 24px;  
}

#game-container {
	/*border: 1px solid rgb(0, 255, 0);*/
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}

canvas {
    /*border: 1px solid rgb(0, 0, 255);*/
    /*margin: auto;*/
    margin: 0px;
}

.palette {
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(200, 200, 200);
	margin: 2px;
	
	font-size: .4em;
	/*font-family: "Courier", sans-serif;*/
	padding: 2px;
	float: left;
	width: 16em;
}

.entry {
	/*border: 1px solid rgb(120, 120, 120);*/
	width : 1.2em;
	height: 1.2em;
	margin: 1px;
	float: left;
	/*box-shadow: -1px -1px 1px 1px rgb(120, 120, 120) inset;*/
}

.clear {
	border: none;
	clear: both;
}

#framecounter {
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(200, 200, 200);
	border: none;
	position: fixed;
    z-index: 9999;
    left: 1em;
    top: 1em;
    width: 8em;
    
	padding: 2px;
	font-family: "Courier", sans-serif;
	font-size: .7em;
	
	box-shadow: .1em .1em 1em .3em rgb(0, 0, 0);
	/*box-shadow: -1px -1px 1px 1px rgb(100, 100, 100) inset;*/
}

.progress {
	border: 1px solid rgb(200, 200, 100);
	display: block;
	margin: 0 auto;
	width: 10em;
	height: 1em;
	border-radius: 2em;
	overflow: hidden;		
}

.progress .indicator {
	background-color: rgb(200, 200, 100);
	height: 100%;
	width: 0%;
}

.credits {
	color: rgb(100, 100, 100);
	/*font-family: "Courier", sans-serif;*/
	font-size: 0.7em;
	padding: 1em;
}

a {
	text-decoration: none;
}