  body
  {
    font-family: serif;
    font-size: 100%;
    margin: 10px 10px 20px 10px;
    background: #FFF;
  }
  
  body A         { color: #0066AA; text-decoration: none; }
  body A:link    { color: #00AA66; text-decoration: none; }
  body A:visited { color: #AA6666; text-decoration: none; }
  body A:active  { color: #0011CC; text-decoration: underline; }
  body A:hover   { color: #00CC11; text-decoration: underline; }

  .banner
  {
    margin-bottom:1ex;
    padding-bottom:0ex;
    border-top:4px double #2A6;
    border-bottom:4px double #2A6;
  }

  .banner-image
  {
    float:right;
    margin-top:4px;
    margin-bottom:4px;
    margin-left:2px;
    border:solid 1px black;
    vertical-align:top;
  }

  .vertical-synch
  {
    padding:0px;
    margin:0px;
    border: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
  {
    color:#333;
    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:black;
	text-decoration:none;
  }

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

  .description
  {
    color:#333;
    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
  {
  }

  .sidebar
  {
    background:white;
    float:right;
    font-size:67%;
    width:20em;
    padding-left:1ex;
    padding-right:1ex;
    border:1px solid #080;
  }

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

  .side-image
  {
    border:solid 1px black;
  }

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

  .main-blog
  {
    margin-left:0ex;
  }

  .blog
  {
  }

  .blogbody
  {
    color:#333;
    font-size:80%;
    font-weight:normal;
    line-height:125%;
    margin-bottom:1.5ex;
    padding-bottom:0ex;
    margin-top:0ex;
  }

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

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

  div.date-enclosure
  {
    text-align:center;
    margin:0px;
    padding:0px;
    border:0px;
  }

  div.date
  {
    font-size:100%;
    color:black;
    background:#DDD;
    border-top:1px solid #2C6;
    margin:0px;
    padding-top:2px;
    padding-bottom:2px;
    font-style:italic;
    text-align:center;
    width:17em;
    margin-left:auto;
    margin-right:auto;
/*
     font-weight:bold;
     width:40%;
*/
  }			

  .posted
  {
    font-family:sans-serif;
    font-size:75%;
    color:black;
    clear:left;
  }

img.social-link { vertical-align: bottom; border:0px; margin:0px; padding:0px;  }

  .calendar-box
  {
    width:100%;
    font-size:100%;
    text-align:center;
    margin:0px;
    padding:0px;
  }

/*  
  .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:serif;
    font-weight:bold;
    font-size:133%; /* 100% in editor, 133% in blog */
    color:black;
    background:#2A6;
    padding:2px;
    letter-spacing:0.2em;
    text-transform:uppercase;
    text-align:center;
  }

     .calendarhead A
  ,  .calendarhead A:link
  ,  .calendarhead A:visited
  ,  .calendarhead A:active { color:black; }
  ,  .calendarhead A:hover { color:#2A6;background:black;text-decoration:none; }

     .calendar A
  ,  .calendar A:link
  ,  .calendar A:visited { color:black; border:1px green solid; text-decoration:none;}
  .calendar A:active { color:white;background:#0066AA; text-decoration:none; }
  ,  .calendar A:hover { color:white;background:#00AA66; text-decoration:none; }

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

  .sidetitle
  {
    font-family:sans-serif;
    color:#666600;
    font-size:100%;
    font-weight:normal;
    padding:2px;
    margin-top:1em;
    margin-bottom:1ex;
    letter-spacing:0.3em;
    background:#DDD;
    border-top:1px solid #666600;
    text-transform:uppercase;
    text-align:center;
  }		

  .syndicate
  {
    font-family:sans-serif;
    font-size:100%;
    line-height:140%;
    text-align:center;
    padding:2px;
    margin-top:1em;
    background:#FFF;
  }	

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

  .comments-body
  {
    font-family: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:sans-serif;
    color:#666;
    font-size:x-small;
    font-weight:normal;
    background:#FFF;
  }

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

  .trackback-body
  {
    font-family: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:sans-serif;
    color:#666;
    font-size:x-small;
    font-weight:normal;
    background:#FFF;
  }	

  .comments-head
  {
    color:#666600;
    font-size:133%;
    font-weight:normal;
    padding:2px;
    margin-top:1em;
    margin-bottom:1ex;
    background:#DDD;
    border-top:1px solid #666600;
    text-align:center;
  }		

  .banner-commentspop
  {
    font-family: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:#060;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
  }

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

  .indent
  {
    margin-top:1ex;
    margin-bottom:1ex;
    margin-left:1em;
  }

  hr.divider
  {
    color:#2C6;
    width:60%;
    height:1px;
    clear:left;
  }

  hr.fn
  {
    color:black;
    width:25%;
    height:1px;
  }

  p.caption
  {
    float:left;
    margin-top:1ex;
    margin-right:1ex;
    text-align:center;
  }

  sup { vertical-align:20%; font-size:80%; }

  img.post
  {
    float:left;
    border:1px solid black;
    margin:0px;
    margin-right:4px;
    margin-bottom:4px;
  }

  img.std
  {
    border:1px solid black;
    margin-bottom:2px;
  }

  .year-archive-table { font-size:67%; }

span.extended-tag {
  padding-left:2px;
  padding-right:2px;
  border:1px dotted green;
}

table.schedule {
  border:1px solid black;
  border-collapse:collapse;
}
table.schedule tr.a {
}
table.schedule tr.b {
  background:#DDD;
}
table.schedule td {
  border:1px solid black;
  padding:4px;
  padding-left:1ex;
  padding-right:1ex;
}
