div.hangman{
width:300px;
height:300px;
border:1px solid #000;
padding:5px;
position:relative;
}
div.hangman div.name{
position:absolute;
bottom:1px;
left:5px;
font:0.7em/0.7em Arial, Helvetica, sans-serif;
}
div.hangman div.lines{
position:absolute;
bottom:50px;
left:10px;
width:280px;
text-align:center;
font:1.4em Arial, Helvetica, sans-serif;
}
div.hangman div.guessedBox{
position:absolute;
width:60px;
right:65px;
top:20px;
font:1.4em Arial, Helvetica, sans-serif;
}
div.hangman input.guessBox{
position:absolute;
top:170px;
left:60px;
border:none;
border-bottom:1px solid #999;
}
div.hangman div.picture{
width:124px;
height:138px;
position:absolute;
top:30px;
left:60px;
background:url(hangman/0.png);
}
div.hangman div.picture.status6{
background:url(hangman/0.png);
}
div.hangman div.picture.status5{
background:url(hangman/1.png);
}
div.hangman div.picture.status4{
background:url(hangman/2.png);
}
div.hangman div.picture.status3{
background:url(hangman/3.png);
}
div.hangman div.picture.status2{
background:url(hangman/4.png);
}
div.hangman div.picture.status1{
background:url(hangman/5.png);
}
div.hangman div.picture.status0{
background:url(hangman/6.png);
}
div.hangman div.winnerLogo{
background:#fff;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
div.hangman div.winnerLogo h1{
font:bold 2em Georgia, "Times New Roman", Times, serif;
text-align:center;
margin-top:100px;
color:#ff3300;
}
div.hangman div.winnerLogo p{
font:0.8em Arial, Helvetica, sans-serif;
color:#999;
position:absolute;
bottom:1px;
right:3px;
padding:0;
margin:0;
}