body{font:62.5%/1.3em Helvetica, sans-serif; width:90.3%; margin:10px auto}
.crosswordbody table.crosswordpuzzle{border-collapse:collapse; border-spacing:0; max-width:100%}
table.crosswordpuzzle tr{width:100%}
table.crosswordpuzzle td{width:5em; height:5em; border:1px solid #cdcdcd; padding:0; margin:0; background-color:#333; position:relative}

table.crosswordpuzzle td input{width:100%; height:100%; padding:0em; border:none; text-align:center; font-size:3em; color:#666; background-color:#f4f4f4}
table.crosswordpuzzle td input:focus{background-color:#fff}
table.crosswordpuzzle td span{color:#444; font-size:0.8em; position:absolute; top:-1px; left:1px}

table.crosswordpuzzle input.done{font-weight:bold;color:green}
table.crosswordpuzzle .active,table.crosswordpuzzle .clues-active{background-color:#ddd}
table.crosswordpuzzle .clue-done{color:#999; text-decoration:line-through}

#puzzle-wrapper,.puzzlebox{float:left; width:54%; margin-right:3%}
#puzzle-clues{float:left; width:40%}
#puzzle-clues li{font-size:1.2em; margin:.3em; line-height:1.6em}