body
{
 font-size: 100%;
 background-color: #eef;
 color: #003;
 padding: 0;
 margin: 0 auto 3em;
}

div.puzzle
{
 max-width: 77em;
 margin: 1em auto;
}

.grid
{
 margin-bottom: 1em;
}

h1
{
 text-align: center;

 padding: 0;
}

h2
{
 font-size: 1.125em;
}

.grid img
{
 padding: 2px;
 border: 2px solid black;
 display: block;
 margin: 0 auto;
 background-color: white;
}

.clues
{
 max-width: 50em;
 margin: 0 auto;
}

.aclues
{
 width: 48%;
 float: left;
}

.dclues
{
 width: 48%;
 float: right;
}

table
{
 margin-bottom: 3em;
}

tr
{
 vertical-align: top;
}

th
{
 text-align: right;
 padding-right: .5em;
}

#footer
{
 position: fixed;
 bottom: 0;
 background-color: black;
 color: white;
 width: 100%;
 height: 2em;
 text-align: center;
 margin-top: 3em;
 clear: both;
}

#footer a
{
 color: #ffc;
}

#footer a:hover
{
 color: #ff0;
}

@media print #footer { display: none; }