/* Martin Pegler Index CSS */

* { margin: 0; padding: 0; }
/* a { font-family: verdana; text-align: center; } */
body { margin: 5px; padding: 0; font-size: 100%; }

.content { margin: 0 auto; width: 800px; height: 720px; }

#header { width: 800px; height: 30px; }
#header .title { text-align: center; font-family: verdana; font-style: italic; font-weight: 400; font-size: 1.1em; color: #444444; background-color: #ffffff; }

#main { width: 790px; margin: 5px 0 0 0; padding: 5px; background-color: #eeeeee; }
#main .center { text-align: center; }
#main p { font-family: comic sans ms; font-size: 0.90em; font-weight: 700; color: #000000; }



#photo_of { float: left; position: relative; left: 0px; top: 10px; width: 395px; margin: 0; padding: 5px 0 1px 0; background-color: #eeeeee; }
#photo_of img { padding: 0 0 0 45px; width: 300px; border: none;}

#nav_of { text-align: center; clear: left; float: left; width: 395px; margin: 13px 0 0 0; padding: 1px 0 1px 0; background-color: #eeeeee; }
#nav_of a { color: #337733; font-family: verdana; }
#nav_of a:hover { color: #ff0000; }



#photo_shc { float: right; position: relative; left: 0px; top: 10px;width: 395px; margin: 0; padding: 5px 0 1px 0; background-color: #eeeeee; }
#photo_shc img { padding: 0 0 0 45px; width: 300px; border: none; }

#nav_shc { text-align: center; float: right; width: 395px; margin: 13px 0 0 0; padding: 1px 0 1px 0; background-color: #eeeeee; }
#nav_shc a { color: #337733; font-family: verdana; }
#nav_shc a:hover { color: #ff0000; }

#contact { float: left; text-align: center; width: 800px; margin: 3px 0 0 0; padding: 1px 0 1px 0; background-color: #eeeeee; }
#contact a { color: #337733; font-family: verdana; }
#contact a:hover { color: #ff0000; }

.poem { float: left; width: 796px; margin: 8px 1px 0 1px; padding: 0 0 0 0; font-style: italic; }
.poem p { width: 796px; text-align: left; font-family: verdana; font-size: 0.7em; }
.prefooter { float: left; width: 796px; margin: 8px 1px 0 1px; padding: 0 0 0 0; }
.prefooter p { width: 796px; text-align: center; font-family: verdana; font-size: 0.8em; }


.comment { width: 796px; float: left; margin: 10px 0; text-align: center; font-family: verdana; font-size: 0.7em; font-style: italic; }

.footer { width: 796px; float: left; text-align: center; font-family: verdana; font-size: 0.8em; }
.footer  a { font-family: verdana; font-size: 0.8em; color: #337733;  }
.footer a:hover { color: #ff0000; }