* {padding: 0; margin: 0}
body {text-align: center; font: small/1.6em Helvetica, Arial; color: #888; background: #eee}
#nav {font-size: 70%; text-transform: uppercase; color: #888}
#nav a {text-decoration: none; color: #888}
#nav a:hover {color: #fff}

table {margin: 20px auto 20px}
table td {padding:0}
#frontpagelink {background: url(../images/photoblog_logo_eee.gif) no-repeat left top; height: 21px; width: 300px; float: left}
#homelink {background: url(../images/photoblog_logo2_eee.gif) no-repeat right bottom; height: 20px}
#homelink a {height: 20px; width: 135px}
#navigation {text-align: right; position: relative; top: 9px}
#navigation a {color: #fff; text-decoration: none; line-height: 1em;}
table a span {display: none}
#photo img {display: block; padding: 2px; background: #fff}
a img {border: none}

#comment-wrapper {width: 325px; margin: 15px auto; padding: 8px; text-align: left; border: 1px solid #111; background: #ddd; font-size: 85%; color: #444}
#comment-wrapper ul {margin-top: .5em; list-style-type: none; border-bottom: 1px solid #888}
#comment-wrapper li {border-top: 1px solid #888; padding: 5px; background: #aaa; color: #222}
input, textarea {margin-bottom: 10px}
#comment-wrapper h2 {padding-top: 1em; padding-bottom: .5em; font-size: 100%}
#comment-wrapper a {color: #c60}
#comment-wrapper a:hover {color: #fff}
#comment-wrapper img {padding: 3px; background: #fff; border: 1px solid #b9b9b9}
.image-info {margin-bottom: .7em}
#comment-wrapper h1 {text-transform: uppercase; font-size: 105%}