body 
{ 
  font-size: 16px; 
  font-family: sans-serif;
  margin: 0; padding: 0;
}

a[href] { color: #557 }
a[href]:visited { color: #226; }

/**
 * page header styles
 */
.page-header 
{ 
  background: rgb(25,112,181);
  border: 1px solid black;
  border-width: 0 0 1px 0;
  color: white;
  font-family: sans-serif;
  padding: 0.25em 0.5em;
  width: 100%;
}

/**
 * content section styles
 */
#content { margin: 1em auto; width: 98%; }

/**
 * logo styles
 */
.logo 
{ 
  font-family: "Impact", serif; font-size: 175%; 
  color: white;
  font-family: "Impact", serif;
  margin-right: 0;
  text-decoration: none; 
}
.logo .word { color: gold; margin-left: -0.2em; }
.logo .date 
{ 
  font-family: Georgia, serif; font-size: 75%;
  margin: 2px 0;
  position: relative; top: -10px;
}

/**
 * footer styles
 */
#footer 
{ 
  color: #666; 
  border-top: 1px solid #aaa; 
  font-size: 70%; 
  margin: 1em auto; padding: 0.25em;
  text-align: left; 
}
#footer a { text-decoration: none; font-weight: bold; }

/**
 * archive index page stats section styles
 */
.archive-stats, .archive-index { font-family: sans-serif; font-size: 90%; }
.archive-stats h2, .archive-index h2 { color: grey; font-size: 200%; }
.archive-stats a[href], .archive-index a[href] 
{ 
  color: royalblue; 
  font-weight: bold;
  font-family: georgia; text-decoration: none; 
  width: 100%;
}

/**
 * archive index page styles
 */
.archive-index a[href]:visited { color: #888; }
.archive-index table { border: 0; font-size: 150%; }
.archive-index table th { text-transform: lowercase; text-align: center; padding-right: 1em; }
.archive-index table td { font-family: georgia; text-align: center; padding-right: 1em; }

/**
 * nav bar styles
 */
.nav { white-space: nowrap; text-align: right; font-size: 90%; }
.nav a[href] { color: gold; text-decoration: none }
.nav .control { margin-left: 5px; padding: 0; display: inline }
.nav .control a, .nav .control span { padding: 3px 5px; font-family: arial; }
.nav .control a { border: 1px solid white; background: transparent; color: white }
.nav .control a.first { border-right: 0; }
.nav .control a:hover { background: gold; color: black }
.nav .control span { border: 1px solid #aaa; background: transparent; color: #aaa }
.nav .control span.hot { border: 0; color: gold; padding: 0; margin: 0; font-weight: bold; }
.nav .control a:hover span.hot { color: black; }

/**
 * message-list styles
 */
.message-list { font-family: sans-serif; }
.message-list li { list-style-type: none; margin: 3px 0 0 0; padding: 0 }
.message-list a { color: black; text-decoration: none; display: block; }
.message-list .i { color: white; font-weight: bold; }
.message-list .shortcut { color: #f00; text-decoration: none; font-size: 90%; }
.message-list .author { margin-left: 0.5em; }
.message-list .subject { color: #00f; }
.message-list .date 
{ 
  color: rgb(5,92,161); 
  font-family: georgia; font-size: 90%; 
  margin-left: 0.5em;
}
.message-list a:visited { color: #666; }
.message-list a:visited .shortcut, 
.message-list a:visited .author,
.message-list a:visited .subject,
.message-list a:visited .date
{ 
  color: #666; font-weight: normal; 
}
.message-list a:hover { color: #f00; }
.message-list a:hover .i { color: #f00; }
.message-list a:hover .shortcut, 
.message-list a:hover .author,
.message-list a:hover .subject,
.message-list a:hover .date
{ 
  color: #f00; font-weight: normal; 
}
.message-list .pointer { color: white; font-weight: bold; }
.message-list .pointed .pointer { color: red; }
.message-list .pointed span.shortcut,
.message-list .pointed span.subject,
.message-list .pointed span.author,
.message-list .pointed span.date
{ font-weight: bold; color: red; }

/**
 * message-index styles
 */
.message-index { font-size: 80%; margin: 1em; }

/**
 * message treeview styles
 */
.treeview
{ 
  text-align: right;
  vertical-align: top;
}
.treeview .message-list
{ 
  background: #ffd;
  border: 1px solid #bb9;
  font-size: 70%;
  padding: 5px 0;
  height: auto;
  white-space: nowrap;
  text-align: left;
}

/**
 * message view styles
 */
.message { font-size: 80%; vertical-align: top; padding: 0 0.5em; }
.message .headers 
{ 
  color: black;
  font-weight: bold; font-family: sans-serif; 
}
.message .headers p { margin: 0 0 0.25em 0; padding: 0; }
.message .body 
{ 
  padding: 0;
}
.message .body a[href] { color: blue; text-decoration: none; }
.message .body a[href]:hover { background: #ddd; }
.message .bquote1 { color: rgb(5,92,161); }
.message .bquote2 { color: rgb(213,93,3); }
.message .bquote3 { color: rgb(53,58,144); }