/**
 * Hangman
 *
 * @package Games
 */

.game-hangman {
	height: 320px;
	background: #fff;
	color: #000;
}
#board{
	padding:40px;
}
#hang{
	position:relative;
	width:100px;
	float:left;
	height:140px;
}
.hang{
	position:absolute;
}
#hidden{
	text-align:center;
	font-size:24px;
	letter-spacing:5px;
}
#keyboard{
	margin-top:20px;
	position:relative;
}
#letters {
	border: 1px solid #C3C3C3;
	text-align: center;
	padding: 4px;
	width: 320px;
}
#letters .key {
	font-size: 15px;
	font-weight: bolder;
	width:32px;
	height:32px;
	float:left;
	background-image: url('/img/hangman/key.gif');
}
#letters .off{
	color:#000000;
	cursor:pointer;
}
#letters .no{
	color:#ff0000;
	cursor:default;
}
#letters .yes{
	color:#0000ff;
	cursor:default;
}

.kbd {
	background-image:url('/img/hangman/bg-back.gif');
	width:32px;
	height:20px;
	line-height:20px;
	margin-left:8px;
	text-align:center;
	cursor:pointer;
	font-weight:bolder;
	border:1px solid #ddd;
	color:#000;
	display:none;
	padding:2px;
}
#misspeled{
	position:absolute;
	top:100px;
	left:0px;
	width:100px;
	text-align:center;
	color:#ee5555;
	font-weight:bolder;
	padding:5px;
	letter-spacing:2px;
}

#dict{
	float:left;
	margin-left:60px;
}
#dict a{
	margin-left:10px;
}
.gameOver{
	position:absolute;
	top:0px;
	left:120px;
	display:none;
}