/* this first block simply makes the stuff centered and fixed width */
body { text-align: center; }

#mainblock { width: 750px; 
             text-align: left; 
             margin: auto; }

/* the centering stuff ends here */

#mainnav li { display: inline; margin-right: 40px;}
#mainnav a { text-decoration: none; }

#header { border-bottom: 1px solid black; margin-bottom: 1em;}
h1 {font-size: 200%; font-weight: bold;}
h2 {font-size: 200%; margin-bottom: 0.5em;}
h3 { font-size: 140%; font-weight: bold; margin-bottom: 0.5em;}

h1 a {text-decoration: none;
      color: black;}

h2 a {color: black; text-decoration: none; }
h2 a:hover {text-decoration: underline; }

.entry-data { margin-top:0.5em; text-align: right;}

p {padding-bottom: 2em; }


#post { border-bottom: 1px solid black; padding-bottom: 1em; }

.post { padding-bottom: 2em; }

#comments { margin-top: 2em;}

dt {font-weight: bold;}
dd {margin-left: 1em; margin-bottom: 1em;}

#comment-form { margin-top: 2em; }

.honeypot { display: none; }

form label { float: left; width: 25%;}
form input[type="text"] { float: right; width: 70%;}
form textarea { float: right; height: 200px; width: 70%;}
form { overflow: hidden; width: 70%;}
form p {padding-top: 1em; padding-bottom: 0em; clear: both;}

form .submit { text-align: right;}
form .errorlist { color: red; text-align: right; clear: both;}

.auth-only-warning { color: black; background-color: red; }