body {
  background:white;
  margin:0; padding:0;
  font:normal 20px/22px Helvetica, Arial, Tahoma, sans-serif;
}
#wrapper {
  width:auto;
}
h1.puzTitle {
  font-size:100%;
  color:black;
  margin:0;
  padding:0;
  clear:both;
  text-align:right;
}
h4 {
  margin:0; padding:0;
}
#puzzleBox {
  float:right;
  font-size:.8em;
  margin:0 0 1em 1em;
  width:22.5em;
  height:22.5em;
  background:#fff;
  border:.1em solid #6a6a6a;
  border-width:0 0 .1em .1em;
}
ul.boxes {
  margin:0; padding:0;
  list-style:none;
}
ul.boxes li {
  display:block; float:left;
  width:.9em; height:.9em;
  border:.1em solid #6a6a6a;
  border-width:.1em .1em 0 0;
  padding:.25em;
  text-align:center;
  text-transform:lowercase;
}
li.null {
  background:#6a6a6a;
}
#clueBox {
  float:left;
  background:#fff;
  padding:0em;
  color:#000;
}
.clues {
  width:auto;
  list-style:none;
  margin:0; padding:0;
  margin-top:-1em;
}
.clues ol {
  list-style:none;
  margin:0; padding:0;
  font-weight:normal;
}
span.direction {
  font-size:11pt;
  font-weight:bold;
  margin:1em 0 0 0;
  display:block;
}
.clues li ol li {
  font-size:8pt;
  line-height:120%;
  margin:.2em 0;
}
li.num {
  position:relative;
}
.num em {
  font-size:8px;
  position:absolute;
  top:-4px; left:1px;
  font-style:normal;
  font-weight:bold;
}
#showClues {
  display:none;
}
#letters {
  display:none;
}
