body {margin: 0;}
img {max-width: 100%;}
.head {width:100%;background-color:#008800; margin: 0; display: table;}
.head-row {display: table-row;}
.head h1 {font-size: 450%; font-family: serif; color: #fff; text-align:center; margin: 0; padding: 0.30em 0.15em 0.30em 0.15em; display: table-cell; vertical-align: middle; }
.logo {margin: 0; padding: 0; display: table-cell; vertical-align: middle; width: 0;}
.logo .matte {padding: 1.25em;}
.logo img {max-width: none;}

@media (max-width: 700px) {
  .head {display: block;}
  .head-row {display: block;}
  .logo {display: block; width: 100%; text-align: center;}
  .head h1 {display: block; font-size: 300%; }
}

sidebar {display: block; float:left;background-color:#008800; width:200px; margin: 0 0 10px 0;}
sidebar h1 {color: white; font-size:14px;}
sidebar ul {list-style: none; width: 160px; max-width: 80%; margin: 20px auto; padding: 0;}
sidebar ul li {font-size: 13px; font-family: sans-serif; margin: 4px 0; background-color: #ddffdd; border: 1px solid black; padding: 4px 8px;}
sidebar a,sidebar a:visited {color: black; text-decoration: none;}
sidebar hr {border-top: 4px solid #ddffdd; height: 0px; width: 120px; max-width: 60%; margin: 4px auto 4px auto;}

content {display: block; margin: 0px 0px 0px 200px; padding: 16px 16px 8px 16px; }

@media (max-width:450px) {
  content {margin-left: 0;} 
  sidebar {width: 100%; }
  }

content h1 {font-size: 40px; color: #008800; margin: 16px 0 8px 0;}
content h2 {font-size: 25px; color: #008800; margin: 16px 0 8px 0;}
content h3 {font-size: 20px; color: #008800; margin: 16px 0 8px 0;}

.rightbar {display: table; width: 30%; float:right;background-color: #ddffdd; border: 2px solid black; padding: 4px 8px; margin: 4px 8px;}
.rightbar h2 {font-size: 25px; color: #008800; margin: 8px 0 8px 0;}

pre {overflow: auto;}

.smallhead {font-size: 11px; font-weight: bold; color: #008800; margin: 16px 0 0 0;}
.smallhead a,.smallhead a:visited {text-decoration: none; color: inherit;}
.dateline {font-size: 12px; font-weight: bold; color: #008800; margin: 8px 0 12px 0;}
.inline {display: inline-block; vertical-align: top;}

img.feature {margin:0px 8px 0px 0px; display:inline-block;}

hr.left  {border-top: 3px solid #008800; height: 0px; width: 40%; text-align: left; margin: 8 auto 8 0;}

.msg {color: #cc0000; weight: bold;}

table.entry tr {vertical-align: top;}
table.entry th {text-align: right; font-weight: bold;}

table.flat {border-collapse: collapse; border: 2px solid black;}
table.flat th {border: 1px solid black; background-color: #dfd; font-weight: bold; padding: 2px 4px;}
table.flat td {border: 1px solid black; background-color: #fff; font-weight: normal; padding: 2px 4px; }

table.open {border: none;}
table.open td {padding: 2px 8px;}

.tile {float: left; max-width: 100%; margin: 0; padding: 0;}
.tile .matte {border: 2px solid #008800; margin: 0 8px 8px 0; padding: 8px 12px; }
.tile h1 {font-size: 24px; color: #008800; margin: 0; padding: 0; text-align: center;}
.tile a {text-decoration: none;}

.wide {width: 100%;}
.subcat {float: left; margin: 0 20px 15px 0;}
.subcat ul {padding-left: 1em;}

blockquote,.quote {margin: 1em .5in 1em .5in; font-style: italic;}
.cite {padding-left: 40%;}