* {
  -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
/* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-tap-highlight-color: rgba(0,0,0,1.0); 
  -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}
 
html, body {
  margin: 0;
  width: 1024px;
  height: 748px;
  overflow: hidden;
  color: #fff;
  font-family: 'comic sans ms', 'Marker Felt', 'helvetica neue', arial;
}

#splash {
	position: absolute;
	width: 1024px;
	height: 748px;
	margin: 0 auto;
	background: url("wordburt.jpg");
	z-index: 1000;
	top: 0px;
}

#game {
	position: absolute;
	width: 1024px;
	height: 748px;
	margin: 0 auto;
	background: url("grass.jpg");
	top: 1024px;
}

#board {
  position: relative;
  margin: 0 auto;
  top: 90px;
  left: 425px;
}

#board div {
	width: 96px;
	height: 96px;
	outline: 9px solid #1D0902;
	font-weight: bold;
	font-size: 64px;
	float: left;
	display: block;
	text-align: center;
	background: url("dirt.jpg");
	color: #eeeddd;
	cursor: pointer;
}

#board div.selected {
	color: #F0F000;
}

#board div:nth-child(6n+1) {
	clear: left;
}
 
#board div:after {
	content: '.';
	visibility: hidden;
	display: block;
	height: 1%;
	clear: left;
}

#statusBar {
	position: absolute;
	width: 100%;
	font-size: 48px;
	background: rgba(0, 0, 0, 0.4);
}

#bottomBar {
	clear: left;
	position: absolute;
	width: 100%;
	top: 683px;
	font-size: 48px;
	background: rgba(0, 0, 0, 0.4);
}

#levelLabel
{
	float: left;
	padding-left: 10px;
}

#scoreLabel
{
	margin-left: 100px;
	float: left;
}

#trophyLabel
{
	float: right;
	padding-right: 10px;
}

#timeLeft
{
	float: left;
	margin-left: 20px;
}

#currentWord
{
	float: left;
	color: #f0d000;
	margin-left: 150px;
}

#submitWord
{
	float: right;
	border: 2px solid #fff;
	border-radius: 6px;
	margin: 6px;
	padding: 10px 20px 10px 20px;
	font-size: 0.5em;
	background: #0f5f02;
}

.scorePopup
{
	position: absolute;
	z-index: 99;
	background: rgba(0,0,0, 0.75);
	font-size: 48px;
	border-radius: 15px;
	padding: 10px;
	color: #f0d000;
	top: 600px;
	left: 70px;
}

.bigPopup
{
	position: absolute;
	z-index: 99;
	background: rgba(0,0,0, 0.75);
	font-size: 48px;
	border-radius: 35px;
	padding: 10px;
	color: #f0d000;
	top: 200px;
	left: 200px;
	width: 624px;
	height: 450px;
	text-align: center;
	padding: 40px;
	opacity: 0.0;
}

#burtFace
{
	position: absolute;
	z-index: 50;
	top: 200px;
	left: -20px;
	width: 100px;
	height: 347px;
	background: rgb(100,100,0);
	text-align: center;
	background: url("face.png");
}

#scoreMeter
{
	position: absolute;
	z-index: 50;
	top: 150px;
	left: 200px;
	width: 40px;
	height: 450px;
	background: rgb(100,0,0);
	opacity: 0.75;
	text-align: center;
}

#base
{
	position: absolute; 
	bottom: 0;
	width: 100%;
	background: #000;
}

#target
{
	background: #000;
}

#meter
{
	height: 400px;
	background: #000;
}