* { margin: 0; padding: 0 }

body { font-family: Verdana, sans-serif; font-size: 12px; color: #111; text-align: center; background: url('./bg.gif') #fff; }

#wrap { width: 60%; margin: 40px auto; border: 1px solid #aaa; background-color: #fff; }

#left { float: left; width: 30%; text-align: left; margin-bottom: 30px; }
#left h1 { font-size: 12px; margin: 15px 0 0 8px; }
#left #nav { list-style-type: none; margin: 15px 0 15px 10px; }
#left #nav li { margin: 6px; }
#left #nav li a, a { text-decoration: none; color: #930; }
#left #nav li a:hover, #left #nav li .active { border-left: 4px solid #aaa; color: #111; padding-left: 4px; }

a { text-decoration: none; color: #930; }
a:hover { text-decoration: underline; }
a img { border: none; vertical-align: -20%; }

#right { float: right; width: 68%; text-align: justify; margin-bottom: 30px; }
#right p, #foot p { margin: 8px; line-height: 150%;}
#right h2 { text-align: right; font-size: 12px; margin: 15px 8px 0 0; }
#right textarea { width: 95%; font-size: 11px; }
.entry { background-color: #fcfcfc;  border: 1px solid #eee; margin: 5px; }
.entry:hover { background: #fff; border: 1px solid #ddd; }

#foot { clear: both; font-size: 11px; border-top: 1px solid #eee; background: #fcfcfc; }