/* Bubba Stump's Tech Emporium: plain HTML with a 1997-ish coat of paint. */
html { background: #c6c6c2; }
body { margin: 0; color: #191919; font: 15px/1.35 "Times New Roman", Times, serif; }
a { color: #0000a0; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover { color: #b00000; }
.site { max-width: 825px; margin: 12px auto 28px; border: 1px solid #777; background: #f2f2ed; padding: 11px 15px 8px; }
.sitehead { text-align: center; }
.sitehead .address { margin: 0 0 5px; font: 11px Arial, Helvetica, sans-serif; color: #505050; letter-spacing: .3px; }
h1 { font: bold 32px/1.05 Georgia, "Times New Roman", serif; color: #173454; margin: 6px 0 4px; }
.sitehead .tagline { font-style: italic; margin: 7px 0 10px; }
hr { border: 0; border-top: 1px solid #888; border-bottom: 1px solid #fff; height: 1px; margin: 9px 0; }
.topnav { padding: 3px 0 4px; text-align: center; font-size: 14px; }
.topnav a { white-space: nowrap; }
.topnav .sep { padding: 0 7px; color: #777; }
.layout { border-collapse: separate; border-spacing: 0; width: 100%; }
.layout td { vertical-align: top; }
.left { width: 155px; padding: 6px 12px 5px 0; border-right: 1px solid #bbb; }
.content { padding: 3px 4px 6px 18px; }
.left .navtitle { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; background: #344c68; padding: 5px 6px; }
.left .navbox { background: #e0e0dc; border: 1px solid #aaa; padding: 7px 7px 5px; margin-bottom: 11px; }
.left .navbox a { display: block; padding: 3px 1px; }
.left .small, .small { font: 12px/1.35 Arial, Helvetica, sans-serif; }
.left .sideline { border-top: 1px solid #aaa; padding-top: 8px; margin-top: 8px; }
h2 { color: #1a3657; font: bold 21px Georgia, "Times New Roman", serif; margin: 8px 0 9px; }
h3 { color: #213b57; font-size: 17px; margin: 19px 0 6px; }
p { margin: 8px 0 11px; }
.section { margin-top: 19px; border-bottom: 1px solid #aaa; background: #dcdedb; color: #223a53; font: bold 13px Arial, Helvetica, sans-serif; padding: 5px 7px; }
.project-title { font-size: 19px; margin: 11px 0 6px; }
.project-title a { font-weight: bold; }
.status { font: 12px Arial, Helvetica, sans-serif; color: #555; }
.note { background: #ebebe5; border: 1px solid #aaa; padding: 9px 11px; margin: 12px 0; }
.smallnote { color: #545454; font-size: 13px; }
ul { padding-left: 22px; margin: 8px 0 12px; }
li { margin: 5px 0; }
pre { margin: 9px 0; padding: 9px 10px; border: 1px solid #aaa; background: #f8f8f5; color: #161616; font: 12px/1.15 "Courier New", Courier, monospace; overflow-x: auto; max-width: 100%; tab-size: 4; }
table.data { border-collapse: collapse; margin: 10px 0 15px; width: 100%; font-size: 14px; }
table.data th, table.data td { padding: 5px 8px; border: 1px solid #aaa; text-align: left; vertical-align: top; }
table.data th { background: #deded8; }
table.data td { background: #f9f9f5; }
.date { white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; }
.breadcrumb { font: 12px Arial, Helvetica, sans-serif; color: #555; margin: 5px 0 12px; }
.foot { font: 12px/1.5 Arial, Helvetica, sans-serif; color: #444; text-align: center; padding: 5px 0 3px; }
.foot a { font-family: "Times New Roman", Times, serif; font-size: 13px; }
.no-wrap { white-space: nowrap; }
@media (max-width: 650px) {
  .site { margin: 0; padding: 10px; border: 0; }
  h1 { font-size: 26px; }
  .layout, .layout tbody, .layout tr, .layout td { display: block; width: auto; }
  .left { border-right: 0; border-bottom: 1px solid #aaa; margin-bottom: 11px; padding: 5px 0 8px; }
  .left .navbox { margin-bottom: 7px; }
  .left .navbox a { display: inline-block; margin-right: 12px; }
  .left .small { display: none; }
  .content { padding: 2px 0; }
  .topnav .sep { padding: 0 3px; }
  .date { white-space: normal; }
}