/* this style is to test non fullscreen canvas */
/*#renderArea{
	position: absolute;
	width: 90%;
	height: 80%;
	top: 100px;
	left: 100px;
	right: 100px;
	bottom: 100px;
}*/

#renderArea{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.info{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .875em;
	color:		white;
	font-weight: bold;
	text-shadow:  1px  1px 1px black,
				  1px -1px 1px black,
				 -1px  1px 1px black,
				 -1px -1px 1px black;
}
.myStone{
	font-family: LatoRegular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:      white;
}
.stone{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:      white;
    /*text-shadow: 1px  1px 1px black,
				 1px -1px 1px black,
				-1px  1px 1px black,
				-1px -1px 1px black;*/
}

a:hover, a:visited, a:link, a:active{
	color: #ccccff;
	text-decoration: none;
}

t {
    font-size:1.2em;
}

canvas { 
	width: 100%; 
	height: 100% 
}

body{ 
	margin: 0; 
	padding: 0
}