body
  {
    font-family: palatino,  georgia, verdana, arial, sans-serif;
    font-size: 100%;
    margin: 10px 10px 20px 10px;
    background:#666666;
  }
  
  A.links:hover{color:white;}
  A	{font-weight:bold;text-decoration:none;}
  A:hover	{color:red;}

  .banner
  {
    text-align:right;
    padding-bottom:1ex;
    padding-right:1ex;
    margin-top:1ex;
    background:#993366;
    color:#cceeff;
  }

  /* 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:#cceeff;
    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:#333;
    text-decoration:none;
  }

  .content
  {
    background:#FFEEDD;
  }

  .sidebar
  {
    float:left;
    width:18em;
    height:100%;
    font-size:67%;
    padding-left:1ex;
    padding-right:1ex;
    border:1px solid #008;
    background:#ccccff;
  }

  .container
  {
    border:1px solid #FFF;
    background:#FFEEDD;
  }

  .main-blog
  {
    margin-left:14em;
  }

  .blog
  {
  }

  .blogbody
  {
    color:#333;
    font-size:80%;
    font-weight:normal;
    line-height:120%;
    margin-bottom:1.5ex;
    padding-bottom:0ex;
    margin-top:0ex;
    border-top:1px solid blue;
    margin-right:1ex;
  }

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

  .post-title
  {
    font-size:125%;
    font-weight:bold;
    color:#060;
  }

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

  .date
  {
    font-size:150%;
    color:black;
    border-top:3px solid #26C;
    margin-bottom:1ex;
    font-weight:bold;
  }			

  .posted
  {
    font-family:verdana, arial, sans-serif;
    font-size:75%;
    color:black;
  }

  .calendar-box
  {
    font-size:100%;
    text-align:center;
    margin-left:-1ex; /* compensate for overall side bar padding */
  }
  
  .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:verdana, arial, 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:palatino, georgia, times new roman, serif;
    font-weight:normal;
    font-size:133%; /* 100% in editor, 133% in blog */
    color:#666600;
    padding:2px;
    letter-spacing:0.3em;
    text-transform:uppercase;
    text-align:center;
  }	

  .side
  {
    font-family:verdana, arial, sans-serif;
    color:#333;
    font-size:100%;
    font-weight:normal;
    line-height:140%;
    padding:2px;
  }	

  .sidetitle
  {
    font-family:palatino, georgia, times new roman, serif;
    color:#666600;
    font-size:100%;
    font-weight:normal;
    padding:2px;
    margin-top:30px;
    letter-spacing:0.3em;
    text-transform:uppercase;
  }		

  .main-index-archives
  {
    font-family:monospace;
  }

  .syndicate
  {
    border-top:1px solid blue;
    font-family:verdana, arial, sans-serif;
    font-size:100%;
    text-align:center;
    line-height:140%;
    padding:2px;
    margin-top:1ex;
  }	

  .powered
  {
    font-family:palatino, georgia, times new roman, serif;
    font-size: 100%;
    color:#666600;
    border-top:1px solid blue;
    line-height:140%;
    text-transform:uppercase;
    text-align:center;
    padding:2px;
    margin-top:1ex;
    letter-spacing:0.2em;
  }

  .comments-body
  {
    font-family:palatino, georgia, verdana, arial, sans-serif;
    color:#666;
    font-size:small;
    font-weight:normal;
    background:#FFF;
    line-height:140%;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px dotted #999; 					
}		

  .comments-post
  {
    font-family:verdana, arial, sans-serif;
    color:#666;
    font-size:x-small;
    font-weight:normal;
    background:#FFF;
  }

  .trackback-url
  {
    font-family:palatino, georgia, verdana, arial, sans-serif;
    color:#666;
    font-size:small;
    font-weight:normal;
    background:#FFF;
    line-height:140%;
    padding:5px;
    border:1px dotted #999;
  }

  .trackback-body
  {
    font-family:palatino, georgia, verdana, arial, sans-serif;
    color:#666;
    font-size:small;
    font-weight:normal;
    background:#FFF;
    line-height:140%;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px dotted #999;
  }		

  .trackback-post
  {
    font-family:verdana, arial, sans-serif;
    color:#666;
    font-size:x-small;
    font-weight:normal;
    background:#FFF;
  }	

  .comments-head
  {
    font-family:palatino, georgia, verdana, arial, sans-serif;
    font-size:small;
    color: #666;
    border-bottom:1px solid #999;
    margin-top:20px;
    font-weight:bold;
    background:#FFF;
  }		

  .banner-commentspop
  {
    font-family:palatino, georgia, serif;
    color:#FFF;
    font-size:large;
    font-weight:bold;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    border-top:1px solid #FFF;
    background:#006;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
  }

  .host-company-logo
  {
    font-family:Verdana,Arial,sans-serif;
    font-size:80%;
    text-align:center;
    margin-top:2ex;
    margin-bottom:0ex;
    margin-right:2px;
    padding-top:1ex;
    padding-bottom:0ex;
  }