body {background: #f0f0e0; margin: 10px;}
p,h1,h2,td,body,input {font-family: verdana, times, serif; font-size: 8pt;}
a {text-decoration: none; color: #a0a090; font-weight: bold;}
img.stars{height:10px; background-image:url('/images/goldstars.gif');}         
span.stars{font-weight:normal; background-image:url('/images/emptystars.gif');}
td {vertical-align: top; border: 0px;}
#page {width: 80%;
  max-width: 600px;
  margin-top: -1px; 
  margin-left: 0px; 
  margin-right: auto; 
  margin-bottom: -10px;
  background: #ffffef;
  border: none; padding: 10px;
  text-align: left;
}
ul {
  margin-left: 0;
  padding-left: 2em;
  text-indent: 0em;
}

p.formerror { color: red; font-weight: bold; }
hr {border: none; border-top: solid #ccc 1px; height: 1px;}
h1, h2 {font-size: 12pt; color: #000; text-align: left;}
h1 { margin-top: 20px; text-align: right;}
div.comment { margin: 0px; padding: 0px; padding-left: 10px; border: 0px solid #ccc;}
div.comment h2 { font-size: 10pt; font-weight: normal; border: 1px #a0a080 dotted;
  background: #f0f0e0;}
div.story p {font-size: 12pt;}
div.story p:first-letter { font-size: 14pt;}
#footnote { clear: both; text-align: center;}
#footnote p {font-size: 6pt; }
#spacer { min-height: 600px; }
#main {float: left; margin: 0px; padding: 0px; }
#header {background: #a0a090; margin: -10px; padding: 10px; padding-top: 10px; padding-bottom: 0px; margin-bottom: 20px;}
#header p { color: white; font-weight: bold; }
#header a { color: white; font-weight: bold; }
#logo { clear:both; color: white; text-align: right; height: 80px; font-size: 24pt; font-weight: bold; cursor: pointer;}
#header #logo:before{ 
  content:"constrained.org"
}
input, textarea{border: 1px #a0a070 solid;
  background-color: white;}