* {
	margin : 0;
	padding : 0;
}

html, body {
	width : 1024px;
	height : 760px;
	background-color : #101212;
	overflow : hidden;
}

canvas#game {
	position : absolute;
	left : 50%;
	margin-left : -512px;
	top : 50%;
	margin-top : -400px;
}

div#background {
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
}

div#menu {
	position : absolute;
	width : 32px;
	height : 32px;
	top : 154px;
	right : 180px;
	display : none;
}

div#menu:hover {
	cursor : pointer;
}

div#menu.pause {
	background : url('pause.png') no-repeat;
}

div#menu.resume {
	background : url('resume.png') no-repeat;
}

div#music {
	position : absolute;
	width : 32px;
	height : 32px;
	top : 50%;
	margin-top : -390px;
	right : 50%;
	margin-right : -502px;
	z-index : 10;
}

div#music:hover {
	cursor : pointer;
}

div#music.on {
	background : url('musicon.png') no-repeat;
}

div#music.off {
	background : url('musicoff.png') no-repeat;
}

.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.undraggable {
	-moz-user-drag: none;
  -khtml-user-drag: none;
  -webkit-user-drag: none;
  user-drag: none;
}