/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 26, 2013 */
	body{
		background: #ABD9ED;
	}
	*{
		margin: 0px;
		padding: 0px;
		font-family: "Sintony", "Arial", "Helvetica", "sans-serif";
	}
	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
	    *zoom: 1;
	}

	canvas{

	}
	#container{
		width: 600px;
		margin: 10px auto;
		position: relative;
		border: 1px #000 solid;
		background: #FFF;
		position: relative;
	}
	footer{
		width: 600px;
		margin: 10px auto;
		font-size: 12px;
	}
	footer a{
		color: #000;
	}
	footer a:hover{
		color: #333;
	}
	.screen{
		display: none;
		z-index: 5;
		background: #FFF;
		position: relative;
	}
	#screen-gameplay{
		position: relative;
		overflow: hidden;
	}
	.no-highlight{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}


	#screen-loading{
		background: #000;

	}
	#screen-loading h2{
		font-size: 48px;
		color: #FFF;
		padding: 100px 200px 550px 200px;
	}

	#hud{
		background: #04007D;
		padding: 5px 0px;
	}
	#hud p{
		color: #FFF;
		width: 30%;
		float: left;
		font-size: 11pt;
		text-align: center;
	}

	#screen-win{
		padding: 20px;
		height: 580px;
	}
	#screen-win b{
		width: 120px;
		display: inline-block;
	}
	#screen-menu{
		height: 600px;
		background: url("images/cover.png");
	}
	#screen-menu h1{
		font-size: 96px;
		padding-left: 10px;
	}
	#screen-menu ul{
		list-style-type: none;
		position: absolute;
		bottom: 100px;
		left: 20px;
	}
	#screen-menu li{
		cursor: pointer;
		font-size: 24px;
	}
	#screen-menu li:hover{
		color: #0008FF;
	}
	#container #instructions #show_hide{
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		text-align: center;
		left: -21px;
		top: 10px;
		color: #000;
		background: #DFD;
		border-top: 1px black solid;
		border-bottom: 1px black solid;
		border-left: 1px black solid;
		text-decoration: none;
	}
	#container #instructions #show_hide:hover{
		background: #AFA;
	}
	#container #instructions p{
		font-size: 9pt;
		margin-bottom: 20px;
	}
	#container #instructions{
		z-index: 1;
		position: absolute;
		left: -91px;
		width: 70px;
		top: -1px;
		padding: 10px;
		background: #EEE;
		border-top: 1px black solid;
		border-bottom: 1px black solid;
		border-left: 1px black solid;
	}
	#hud span{
		background: #00FF1E;
		color: #000;
		font-weight: bold;
		display: inline-block;
		width: 30px;
		height: 25px;
		padding-top: 5px;
		position: relative;
		top: -0px;
		text-align: center;
		border-radius: 15px;
	}
	#hud #death_count{
		background-color: #ED3939;
	}
	#hud #stage{
		background-color: #FFEE00;
	}
	#hud #status{
		width: 100%;
		padding: 5px 0;
		color: #FFEE00;
	}