/* activities/Word Sleuth/styles.css */

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

body {background-color:#008; font-family:arial; font-size:24px; color:blue;}
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 */
}
ul {list-style-image:url('star.png'); margin-top:10px;}
li {margin:0 0 10px 0; font-size:18px; color:navy;}

.given {color:orangered; font-family:monospace; font-style:italic; letter-spacing:1px;}

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

#box {width:960px; height:665px; border:1px solid black; margin:auto;
			background-color:ivory; position:relative; margin-top:10px; cursor:default;}

#title {margin-top:30px; margin-bottom:15px;}

#count {position:absolute; top:18px; left:80px; font-style:italic;}
#best {position:absolute; top:18px; right:80px; font-style:italic; color:brown;}
#smiley {position:absolute; top:15px; left:190px; display:none;}

#game {position:absolute; top:80px; left:240px; width:610px; height:400px;}
#word {width:510px; margin:20px 0 10px 0;}
.slot {width:48px; height:48px; display:inline-block; text-align:center;
	padding-bottom:5px; font-size:48px;}
#match {width:510px; height:59px;}
.slot1 {width:48px; height:48px; display:inline-block; text-align:center;
	padding-bottom:5px; font-size:48px; color:orangered;}
#message {width:510px; height:59px; display:none; color:brown;}

#clues {text-align:left;}

#control {margin-top:400px; display:none;}
.butn {display:inline-block; padding:10px 15px; margin:20px 10px;
	border:3px solid brown;
	cursor:pointer; border-radius:10px; background-color:#c7fffe;}
#clear {background-color:palegreen;}
#try {background-color:palegreen;}
#Keyboard {background-color:yellow;}
#info {background-color:palegreen;}
#giveUp {background-color:pink;}

#home {right:10px; top:10px;}
#back {left:10px; top:10px;}

#panel {width:290px; top:132px; right:5px; background-color:rgba(255,235,205,0.9);
	color:black; border:4px solid mediumblue; box-shadow:5px 5px 3px grey;
	font-size:20px; padding:10px 20px; display:none;}