/* activities/Alpha 1/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {background-color:#004; font-family:arial; font-size:24px; color:ivory;}
body { /* prevents text selection */
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.textC {text-align: center;}
.abs {position:absolute;}

#box {width:960px; height:110vh; margin:auto; position:relative; cursor:default;}

#topTile {position:absolute; top:20px; left:460px; width:80px; height:80px;}

#tiles {position:absolute; top:138px; left:294px;}
#frame {display:inline-block; margin-top:-20px; margin-left:-17px;}
.tile {position:absolute; width:80px; height:80px; border:2px solid #ffb;
	background-color:#900; cursor:pointer;}
.letter {margin-top:-78px; color:navy; font-family:serif; font-size:56px;
	font-style:bold; display:inline-block; vertical-align:top;}

#across {position:absolute; width:200px; height:590px; top:40px; left:55px;
	font-size:20px;}
#down {position:absolute; width:200px; height:590px; top:40px; right:55px;
	font-size:20px;}
#progress {position:absolute; width:445px; height:30px; top:50px; left:279px;
	font-style:italic;}
#score {position:absolute; left:20px;}
#best {position:absolute; right:20px;}

#intro {position:absolute; top:0; left:0; display:inline-block;}
#home {left:10px; top:10px;}
#back {left:80px; top:10px;}
#forward {right:10px; top:10px;}
#again {right:10px; top:10px;}