body {
  background-color: #369; 
  color: #003;
  font-family: "Vera Bitstream Mono Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
  font-size: .9em;
  line-height: 1.5em;
}

a {
  font-weight: bold;
  text-decoration: none;
}

div.main {
  margin-left: 2em;
  margin-right: 15em;
  min-height: 30em;
  padding: 0.5em 0;
/*
  border: 3px;
  left:0;
  padding:15px;
  position:absolute;
  top:0;
  width: 630px; */
}

div.etc {
  position: absolute;
  top: 89px;
  right: 2em;
  z-index: 100;
  width: 16em; 
  font-size:.8em;
  line-height: 1.2;
  padding: 0.5em 0 0;
  margin: 0em 0 0;
/*
  border:1px solid;
  margin-left:0;
  margin-right:10px;
  margin-top:70px;
  margin-bottom: 20px;
  padding:15px;
  position:absolute;
  right:0;
  top:0px;
  width:175px;
*/
}

div.etc img {
  align: center;
}

div.page_title {
  font-size: 26px;
  text-align: center;
}

div.post_date {
  color: #FFC;
  font-size: 18px;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 8px;
}

a.story_head {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

a.story_head:hover {
  text-decoration: none;
}

div.month {
  border: 5px;
  font-size: 10px;
  line-height: 1.2em;
}

div.month,
div.side_box,
div.story { 
  background: #FFC;
}

div.story { 
  border:1px solid;
  margin:10px 0 0 0;
  padding:25px;
  text-align:justify;
}

div.side_head {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

div.side_box {
  border: 7px;
  font-size: 13px;
  margin-bottom: 4px;
  margin-top: 1px;
  padding: 3px;
}

div.side_box a {
  font-weight: normal;
}

caption.month-calendar-head
{
  text-align: center, justify;
}

/*
div.month {
  margin: 9px;
  padding: 9px;
}
*/

/*
html>body #main { 
  width: 600px;
}

div.etc h3 { 
  margin: 0px;
  padding: 10px;
  letter-spacing:.2em; 
}

html>body #etc { 
  width:200px;
}

#recommended  {
  text-align: center;
}

#recommended  h3 {
  text-align: left;
}

#recommended img {
  padding: 10px;
  border: 0px;
}

h1  { 
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 2em;
}

h1 a:link, h1 a:visited {
  text-decoration: none;
}

h1 a:hover { 
  text-decoration: underline;
}

h2 {
  clear: none;
  font-size: 1.2em;
  text-align: right;
  margin: .4em 0;
  padding: 0;
}

h3 { 
  font-size: 1.2em;
}

h4 {
  margin: 0; 
  font-size: 1.2em;
}

blockquote, pre { 
  line-height: 1.2em;
}

a:link, a:visited { 
  text-decoration: none;
  font-weight:bold;
}

a:hover { 
  text-decoration: none;
  font-weight:bold;
  text-decoration: underline;
}

a:active { 
  text-decoration: none;
  color: blue;
}

div.comment,
div.input,
div.story { 
  border:1px solid;
  padding:25px;
  margin:10px 0 0 0;
  font-family: Georgia, "New Century Schoolbook", Times, serif;
  text-align:justify;
}

.text { 
  width: 400px;
  position: absolute;
  left: 180px;
}

.input textarea { 
  width: 537px;
}

.hint {
  font-size: 80%;
  position: relative;
  left: 140px;
  line-height: 80%;
}

#main div h3,
#main div h4 { 
  font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}

.comment h4 { 
  font-size: 1.1em;
}

#response { 
  color: #900;
}

div.storytail {
  font-size:.8em;
  font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}

.timestamp { 
  font-style: italic;
}

div.nextprev {
  padding: 15px 0;
}

.nextprev span {
  text-align: center;
  display:block;
  width:250px;
}

span.next {
  float:right;
}
span.prev {
  float:left;
}
  
#calendar table {
  width: 180px;
  padding:0;
  margin:9px;
  margin-top:0; 
  font-size:.9em;
  text-align: center;
}

#calendar td { 
  width: 25px;
  padding:0;
  margin:0;
}

ul.categories { 
  padding: 1em;
  font-size: .9em;
}

.categories ul {
  list-style-type: none;
  padding-left: 1.6em;
  margin:0;
}

.categories li { 
  list-style-type:none;
  padding-left: 0;
}

#style ul { 
  font-size: .9em;
  list-style-type: none;
  text-align: center;
  padding:0px;
  margin: 0px;
}

#style li { 
  margin: 8px 18px;
}

#about p, #copyright p, #also p { 
  font-size: .9em;
  text-align:center;
}

#madprops ul, #indexes ul, #feeds ul { 
  font-size: .9em;
  list-style-type: none;
  text-align: center;
  margin: 10px 0 10px 0;
  padding:0;
}

#madprops li, #indexes li, #feeds li { 
  margin:0;
  padding:0;
}

#madprops a, #feeds a, #copyright a, #indexes a, #feeds a { 
  border:0px;
  margin:0;
  padding:0;

}

#madprops img, #feeds img, #copyright img, #indexes img, #feeds img { 
  border:0;
  margin:0;
  padding:0;
  display:inline;
}

h1 a:hover { 
  color: #FFC;
}

h1 a:link, h1 a:visited, h1 a:hover { 
  color: #003;
}

a:link, a:visited, a:hover { 
  color: #600;
}

a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:hover { 
  color:#036;
}

div.input,
div.comment,
div.story {
  color:#000;
}

div.story { 
  background: #FFC;
}

div.comment { 
  background: #FC9;
}

div.input { 
  background: #FFC;
}

#etc div { 
  background: #69C;
}

#etc div h3 { 
  background: #036;
  color: #FFC;
}

#trueblue { 
  border-width: 0 3px;
  border-style: solid;
  border-color: #036;
}
*/