body
{
 margin: 0;
 padding: 0;
 background-color: #ffc;
}

#header
{
 background-color: #900;
}

#header a img
{
 border: none;
 display: block;
 margin: 0 auto;
 padding: .5em 0;
}

#header a:hover img,#footer a:hover img
{
 background: black;
}

#header ul
{
 background: black;
 color: white;
 text-align: center;
 margin: 0;
 padding: 0;
}

#header ul li
{
 display: inline;
}

h1
{
 background-color: #900;
 color: #ffd;
 margin: 0;
 text-align: center;
 text-shadow: .06em .06em .2em #000;
}

.widebox
{
 width: 61%;
 margin: 1em 1%;
 float: left;
}

table
{
 border: 1px solid black;
 background-color: #f7f7ff;
}

th
{
 text-align: left;
}

tr.th th
{
 background-color: #eee;
 color: #600;
}

th a
{
 
}

tr
{
 vertical-align: top;
}

td, th
{
 border-bottom: 1px solid black;
 padding: 0 .5em;
}

.box
{
 width: 30%;
 margin: 1em 1%;
 float: left;
}

.box > div
{
 border: 1px solid black;
}

.box div + div
{
 clear: both;
 margin-top: 1em;
}

.box h2,
.box h2 a
{
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
 text-decoration: none;
 text-align: center;
 background-color: black;
 color: white;
}

.box h2:hover,
.box h2 a:hover
{
 color: yellow;
}

.box p
{
 padding: 0 1.5em 1em;
 line-height: 1.45;
 margin: 0;
}

.box img
{
 display: block;
 max-width: 95%;
 margin: 0 auto;
 border: 0;
}

blockquote p
{
 max-width: 37em;
 margin: 0 auto;
 border: 3px solid #ddd;
 background-color: #eed;
 padding: 1em;
}


.gas
{
 float: right;
 margin-right: 1em;
 margin-top: 1em;
}

.author h3
{
 text-align: center;
}

#cadfael
{
 background-color: #aad;
 color: white;
}

caption
{
 font-weight: bold;
 font-size: 1.4em;
 background-color: black;
 color: white;
}

.mybooks
{
 background-color: #eec;
 color: black;
}

.df
{
 background-color: #eef;
 color: black;
}

table#jfr
{
 max-width: 85%;
 margin: 1em auto;
}