html { margin: 0 } 

body    { font-size: 88%; font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; margin: 5px; position: relative; }

table { font-size: 88% }

.title { font-weight: bold; text-align: center; }

.newentry  { color: green; font-weight: bold; background: white }
.removedentry { font-weight: bold; color: red; background: white }

table.cdsamples { margin-left: 1em; margin-right: 1em }
table.cdsamples td.cdcover { vertical-align: top; padding-bottom: 2em; padding-right: 1em }
table.cdsamples td.tracklisting { font-weight: bold; font-size: 120%; text-align: left; padding-bottom: 2em; vertical-align: top }
table.cdsamples li { font-size: 100%; font-weight: normal; }

table.movie { margin-left: 50px; margin-right: 50px }
table.movie td.review, td.newreview { text-align: left; padding-bottom: 25px; padding-right: 25px }
table.movie td.newreview a  { color: green; background: white }
table.movie td.rating    { font-size: 120%; font-weight: bold; line-height: 120%; text-align: center; padding-bottom: 25px; vertical-align: middle }

form#formComment p  { margin: 0 }
form#formComment p input { font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 100% }
form#formComment p textarea { font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 100% }

form#formComment p.comment { margin: 2em 2em 0 0; font-size: 100%; color: Black; background: White }
form#formComment p.commentinfo { margin: 0 2em 0 2em; font-style: italic; font-size: 88%; color: gray; background: White }
form#formComment p.reply { margin: 1em 2em 0 2em; font-size: 100%; color: #666699; background: white  }
form#formComment p.replyinfo { margin: 0 2em 0 2em; font-style: italic; font-size: 88%; color: gray; background: White }

#labelInto { margin: 0 }
#buttonSubmit { margin: 0 0 2em 0 }
#editName { width: 20em }
#editLocation { width: 20em }
#editEmail { width: 20em }
#editComment { width: 95%; height: 6em }

ul	{ list-style: none; font-size: 88% }
dl	{ font-size: 88% }

div#header  { color: white; font-size: 150%; font-variant: small-caps; font-weight: bold; line-height: 80px; background: #fff url("http://jhat.com/images/masthead07.jpg") no-repeat; text-indent: 20px; margin-bottom: 5px; width: 100%; height: 80px }
div#header a { color: white; background: transparent; text-decoration: none; }

/*
div#navbar ul { list-style: none; padding: 0; margin: 0; line-height: 2em; vertical-align: center; }
div#navbar li { display: inline; }
*/

div#navbar ul { margin: 0; padding: 0; line-height: 2em; }
div#navbar li  { text-align: center; margin: 0; padding-right: 0; padding-left: 0; width: 12%; float: left }
div#navbar li.first { text-align: left; margin: 0; padding-right: 0; padding-left: 0; width: 12%; float: left }
div#navbar li.last { text-align: right; margin: 0; padding-right: 0; padding-left: 0; width: 12%; float: left }

div#pageinfo { clear: both; border-top: 1px solid black }
div#pageinfo p.name  { margin: 0.25em 0 0 0; color: #666699; font-size: 120%; background: white }
div#pageinfo p.date  { margin: 0 0 0.25em 0; color: gray; font-size: 88%; background: white }

div#content { clear: both; margin-left: 20px; margin-bottom: 20px; }
div#content h1 { border-top: 1px solid black; margin-top: 1em; margin-bottom: 1em; color: #666699; background: white; font-size: 100%; clear:both }
div#content h2 { margin-top: 2em; margin-bottom: 1em; color: #666699; background: white; font-size: 100% }
div#content h3 { margin-top: 2em; margin-bottom: 1em; color: #666699; background: white; font-size: 88% }
div#content dt { margin-bottom: 1em; margin-top: 0; color: black; background: white; font-weight: bold; clear: left; float: left }
div#content dd { margin-bottom: 1em; margin-top: 0; margin-left: 8em; }
div#content dd p { margin-bottom: 1em; margin-top: 0; margin-left: 0; color: #666699; background: white; }

dl.toc { margin-left: 2em }
dl.toc dt { width: 8em; margin-bottom: 1em; margin-top: 0; color: black; background: white; font-size: 120%; font-weight: bold; clear: left; float: left }
dl.toc dd { margin-bottom: 1em; margin-top: 0; margin-left: 8em; font-size: 100% }
dl.toc dd p { margin-bottom: 1em; margin-top: 0; margin-left: 0; color: #666699; background: white; font-size: 100%}

div#content p.entryphoto  { text-align: center; margin: 0; }
div#content p.entryphoto img { border: solid 1px black }
div#content p.entryphotocaption  { margin-top: 5px; font-size: 88%; text-align: center }

div#footer  { width: 100%; border-top: 1px solid black; padding-top: 5px; clear: both }
div#footer p#copyright  { font-size: 88%; float: left }
div#footer p#rights  { font-size: 88%; float: right }
div#footer a { text-decoration: none }

div#chronology { clear: both; margin-left: 20px }
div#chronology h1 { color: #666699; background: white; font-size: 88% }

div#poem  { color: #666699; background: white }
div#poem h1  { font-size: 100% }
div#poem h2  { font-size: 88% }
div#poem p { color: black; background: white; margin-left: 25px }

a:link, a:hover { color: #666699; background: white; font-weight: bold }
a:visited { color: gray; background: white; font-weight: bold }

ul.gallery ul { margin-left: 25px; margin-right: 25px }
ul.gallery li  { font-size: 88%; text-align: center; margin: 5px; float: left }

div#content dl.survey dt { margin-left: 1em; padding-right: 1em; margin-bottom: 0em; margin-top: 0; color: black; background: white; font-weight: bold; clear: left; float: left }
div#content dl.survey dd { margin-bottom: 0em; margin-top: 0; margin-left: 1em; }