body {
    font: 1.0em serif;
    color: #000000;
    background-color: #ffffff;
}

h1 {
    font: bold 0.9em sans-serif ;
    margin-top: 0em;
}
h1 a:link   { text-decoration: none; color: black; background-color: white; }
h1 a:visited{ text-decoration: none; color: black; background-color: white; }
h1 a:active { text-decoration: none; color: black; background-color: white; }
h1 a:hover  { text-decoration: none; color: black; background-color: white; }

h2 {
    font: normal 0.9em sans-serif ;
    margin-top: 0em;
}

pre { font-size: 0.85em; }

a:link    {text-decoration: underline; color: black; }
a:visited {text-decoration: underline; color: black; }
a:active  {text-decoration: underline; color: black; }
a:hover   {text-decoration: underline; color: #888888;}

input,textarea {
    font: 1.0em monospace;
    color: #000000;
    background: #ffffff;
    border: 1px solid black;
}
input[type=button],
input[type=reset],
input[type=submit] { font: 0.8em sans-serif; }
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { color: #000000; background: #dddddd; }

table.display {
    border: 1px solid black;
    font: 0.8em sans-serif;
    text-align: left;
    border-collapse: collapse;
}
/* th.nowrap,td.nowrap { */
table.display th {
    border: 1px solid black;
    white-space: nowrap;
    overflow: hidden;
}
table.display td {
    border: 1px solid black;
}

td {
	vertical-align: top;
}

td.menu {
    width: 7.5em;
    font: 0.9em sans-serif;
}
td.menu a:link    { text-decoration: none; color: black; background-color: white; }
td.menu a:visited { text-decoration: none; color: black; background-color: white; }
td.menu a:active  { text-decoration: underline; color: black; background-color: white; }
td.menu a:hover   { text-decoration: underline; color: black; background-color: white; }

.sig {
    font: 0.8em sans-serif;
    text-align: right;
    font-style: italic;
}
.copyright {
    font: 0.8em sans-serif;
    text-align: center;
}
.contents {
    font: 0.7em sans-serif;
    text-align: center;
}

.archive-top {
    font: 0.7em sans-serif; 
    float: right;
}
.archive-month {
    font: bold 0.8em sans-serif;
}

.archive-date {
    font: 0.9em monospace;
}
.archive-title {
    font: 0.8em sans-serif;
}

.matches {
    font: 0.7em sans-serif;
}
.snippet {
    font: 0.9em serif;
}
.url {
    font: 0.9em monospace;
}
.keyword {
    font: 0.9em serif;
    font-style: italic;
}

ul {
    margin: 0em 1em; 
	padding: 0em;
}

.shadow { 
    position:relative; 
    display:block;
    font: bold 48px "Arial Black",sans-serif;
    /* text-shadow: 2px 2px gray; // if only it were supported by firefox */
}
.shadow span { 
    position:absolute; 
    display:block; 
    top:0px;
    width: 100%;
    text-align: center;
}
.shadow:before { 
    display:block; 
    padding-top:3px;
    padding-left:3px; 
    content: attr(title); color:#a0a0a0;
    text-align: center;
} 

.big-title-shadow {
   position: relative;
   width: 100%;
   text-align: center;
   font: bold 48px "Arial Black",sans-serif;
   padding-top:3px;
   padding-left:3px;
   color: #a0a0a0;
}
.big-title-shadow span {
   position: absolute;
   text-align: center;
   width: 100%;
   top:0px;
   left:0px;
   z-index: 1;
   color: black;
}


.small-title {
    font: bold 16px "Arial Black",sans-serif;
    font-style: italic;
    text-align: center;
}

.poem {
    font-style: italic;
    text-align: center;
}