body
  {
    font-family:sans-serif;
    margin: 0px;
    background:white;
  }
  
  body A         { color: #00AA66; text-decoration: none; }
  body A:link    { color: #0066AA; text-decoration: none; }
  body A:visited { color: #AA6666; text-decoration: none; }
  body A:active  { color: #0011CC; text-decoration: underline; }
  body A:hover   { color: #0044FF; text-decoration: underline; }

  .banner
  {
    margin-bottom:1ex;
    padding-bottom:0ex;
    text-align:center;
  }

  .banner-image
  {
    float:right;
    border:0px;
    padding-right:4px;
    margin-top:4px;
    margin-bottom:4px;
    vertical-align:top;
  }

  .vertical-synch
  {
    border:0px;
    margin:0px;
    padding:0px;
  }

  /* Need to do formatting of the banner in H1 because tags always take
     precedence over classes. We only use H1 in the banner so it's ok.
     It also avoids polluting the .description formatting.
   */
  h1
  {
    font-size:300%;
    font-weight:normal;
    margin:0px;
    padding:0px;
  }
  
  h1 A
  , h1 A:link
  , h1 A:visited
  , h1 A:active
  , h1 A:hover
  {
	color:white;
	text-decoration:none;
  }

  h2, h3
  {
    margin:0px;
    padding:0px;
  }

  .description
  {
    font-size:100%;
    text-transform:none;	
  }

  .description A
  , .description A:link
  , .description A:visited
  , .description A:active
  , .description A:hover
  {
    color:white;
    text-decoration:none;
  }

  .content
  {
    background:white;
    color:black;
  }

  .timebar
  {
    border:0px;
    float:left;
    background:#CCCCCC;
    width:12em;
    padding-left:0.5em;
    padding-right:0.5em;
  }
div.timebar-content {
  font-size:67%;
  width:100%;
  padding:0px;
  border:0px;
}

  .sidebar
  {
    background:#CCCCCC;
    color:black;
    float:right;
    width:19em;
    font-size:67%;
    padding-left:1ex;
    padding-right:1ex;
  }

.side-unit {
  margin-top:1ex;
  margin-bottom:1ex;
}

  .side-image-box
  {
    text-align:center;
    border:0;
    padding-top:2ex;
    margin:0px;
    padding-bottom:0ex;
  }

  .side-image
  {
    border:0px;
  }

  .side-link-image
  {
    border:1px;
    border-color:black;
    margin-bottom:4px;
  }

.side-ad-link {
  text-align:center;
  font-weight:bold;
  font-size:120%;
}

  .container
  {
    background:#FFF;
  }

  .main-blog
  {
    margin-right:0ex; /* don't need that on main page */
    margin-left:0ex;
    border-style:solid;
    border-color:#CCCCCC;
    border-width:0em;
    border-left-width:13em;
  }

  .blog
  {
    color:black;
    background:white;
    margin-left:0px;
/*    padding-left:1ex; */
    margin-right:1ex;
  }

  .post,div.c-body
  {
    color:#222;
    font-size:80%;
    font-weight:normal;
    line-height:120%;
    margin-bottom:1.5ex;
    padding-bottom:0ex;
    padding-left:1ex;
    margin-top:0ex;
    border-top:1px solid #F44;
  }

  .title
  {
    font-size:120%;
    color:black;
    margin-bottom:1ex;
  }			

  .menu
  {
    margin-bottom:15px;
    background:white;
    text-align:center;
  }		

  .date
  {
    font-size:150%;
    border-top:1px solid #44F;
    margin-bottom:1ex;
    font-weight:bold;
  }			

  .posted
  {
    font-family:sans-serif;
    font-size:75%;
  }

  .calendar-box
  {
    font-size:100%;
    text-align:center;
  }
  
  .calendar-box a
  , .calendar-box a:link
  , .calendar-box a:visited
  , .calendar-box a:active
  , .calendar-box a:hover
  {
    text-decoration:underline;
  }

  .calendar
  {
    font-family:sans-serif;
    font-weight:normal;
    font-size:100%; /* 67% in editor, 100% in blog */
    line-height:140%;
    padding:2px;
    text-align:center;
  }

  .calendarhead
  {
    font-family: sans-serif;
    font-weight:normal;
    font-size:100%;
    padding:2px;
    letter-spacing:0.3em;
    text-transform:uppercase;
    text-align:center;
  }	

  .side
  {
    font-family:sans-serif;
    font-size:100%;
    font-weight:normal;
    line-height:140%;
    padding:2px;
  }	

  .sidetitle
  {
    font-family:sans-serif;
    font-size:100%;
    font-weight:normal;
    padding:3px;
    margin-top:30px;
    border-bottom:2px solid black;
    border-top:2px solid white;
    border-left:1px solid white;
    border-right:1px solid black;
    letter-spacing:0.3em;
    text-transform:uppercase;
  }		

div.syndicate {
  font-family:sans-serif;
  font-size:100%;
  line-height:140%;
  padding:2px;
  margin-top:15px;
  text-align:center;
}	

  .powered
  {
    font-family:sans-serif;
    font-size: 100%;
    line-height:140%;
    text-align:center;
    text-transform:uppercase;
    padding:2px;
    letter-spacing:0.2em;
  }

  .comments-body
  {
    font-family:sans-serif;
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px dotted #999; 					
}		

  .comments-post
  {
    font-size:x-small;
    font-weight:normal;
  }

  .trackback-url
  {
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding:5px;
    border:1px dotted #999;
  }

  .trackback-body
  {
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px dotted #999;
  }		

  .trackback-post
  {
    font-size:x-small;
    font-weight:normal;
  }	

  .blog-comments
  {
    margin-left:1ex;
    margin-right:1ex;
  }
  
  .comments-head
  {
    font-size:small;
    padding-bottom:2px;
    border-bottom:1px solid #999;
    margin-top:20px;
    font-weight:bold;
  }

  .comments-format
  {
    font-weight:normal;
  }

  .banner-commentspop
  {
    color:#FFF;
    font-size:large;
    font-weight:bold;
    text-align:center;
    border-left:1px solid red;
    border-right:1px solid red;
    border-top:1px solid red;
    background:blue;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
  }

div.advert {
    margin-bottom:1ex;
    margin-top:1ex;
    text-align:center;
}

div.side-label {
  border:2px solid #F44;
  padding:0.5ex;
  margin-bottom:1ex;
  background:white;
  color:#44F
  font-weight:bold;
  text-align:center;
}

div.year-archive-title {
  text-align:center;
  font-size:200%;
  background:#EFF;
  padding:2px;
  border:1px solid red;
}

table.year-archive-table {
  text-align:center;
  width:100%;
  font-size:80%;
}

.year-archive-day {
  padding:1px;
  margin:1px;
}

.year-archive-day A { background:#EEE; }
.year-archive-day A:linked { background:#EEE; }
.year-archive-day A:visited { background:#EEE; }
.year-archive-day A:active { background:#EEE; }
.year-archive-day A:hover { border-top:1px solid blue; background:#EEE; }

div.c-listing {
  margin-right:13em;
}

div.c-title {
  background:#EEE;
  font-size:120%;
}

div.c-block {
  border:1px solid blue;
  margin-top:1em;
}

div.c-content {
  padding-left:2px;
}

div.c-content p {
  margin:0px;
  margin-top:0.5ex;
  margin-bottom:1ex;
}

div.c-posted {
  background:#EEE;
  padding-left:2px;
  padding-bottom:2px;
}

div.c-post {
  margin-left:1ex;
  margin-right:13em;
}