body { 
  color: #f8f8f8/*#343*/; 

  font: 1em/150% Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  /*font-family: "Lucida Bright", Lucidabright, Georgia,
    "Bitstream Vera Serif", serif; /* http://clagnut.com/blog/266/ */
}
h1 {
  font-size: 24px;
    
}
@media screen and (max-width: 480px) {
	h1 {
  		font: 16px;
    }
}
a, a:visited { color: #f8f8f8; }
#posts dt { 
	clear: left; 
	

}
#posts dt p { margin: 0; font-size: 10px; display: inline; color: #adadad
}
#posts dt p a { color: #adadad/*#66c*/;}
#posts dd { 
	padding: 16px 10px 0px 43px;	
	float: left; 
	margin: 0; 
	background-color: #22287d; 
	min-height: 30px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}
#posts dd p { margin-top: 0; }
p.gravatar img { position: relative; top: 32px;  }
#nav { clear: left; padding-top: 1em; text-align: center; }
#nav p { display: inline; border: 1px solid #0000a0; border-width: 0 1px; 
padding: 0 5px; }

#threads, #threads li {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
}
#threads li a {
  	
  padding: 0.25em 0.5em;
  background-color: #323cb6/*#bdb*/;
  text-decoration: none;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
#threads li a:visited {
  background-color: #131748/*#cec*/;
  text-decoration: none;
  font-size: 50%;
  
}

label { 
  float: left;
  clear: left;
  width: 10em; 
}
input, textarea {
  border: 2px solid #22287d;
  padding: 0.5em;
  width: 25em;
}
.postform p.submit { margin-left: 10em; }
p.submit input { 
  width: auto; 
  border-style: outset;
}

.postform p { margin: 1em 0 0 0; }

.postform p.note {
  margin-left: 14.28em; /* 10em / 0.7em */ 
  margin-top: 0;
  font-size: 0.7em;
}
p.note, p.note a {
  color: #adadad;
}

.byname, .attime { font-size: 11px; color: #adadad; }