body { 
  font-family: sans-serif;
  margin: 1.5em;
  background-color: white;
}

h1 {
  margin-left: 0; color: #348
}

h2 {
  margin-left: 2%; margin-top: 2ex; padding-left:5px; color: #348; background-color: #EEE
}

h3, h4, h5, h6 {
  margin-left: 4%; margin-top: 2ex; margin-bottom:1.5ex; color: #348
}

pre.code, blockquote.code { 
  margin: 1em 5% 1em 5%;
  background-color: #EEE;
  border-style: dashed;
  border-width: 1px;
  border-color: #348;
  padding: 0.5em 1em;
}

p, div, ul, ol, pre, table {
  margin-left: 4%;
  margin-bottom: 1.5ex;
  margin-top: 1ex;
}

p.quote { 
  margin-left: 6%;
  margin-bottom: 1ex;
}

a:link, a:active, a:visited { 
  text-decoration: none
}

.portrait {
  background-color: white;
  float:right;
  width:50%;
  padding-left:2%;
  padding-bottom:2%;
  text-align:right;
  font-size:x-small;
  font-style:italic;
  color:#666;
}

.portrait img { 
  width:100%
}

p.question { 
  font-weight: 600;
  margin-top: 3ex;
  border-top: thick solid #EEE;
  padding-top: 0.5ex;
}

p.updated { 
  margin-top:3ex;
  font-size:small;
  font-style:italic;
  color:#666;
}

table {
  border-spacing: 0px;
}

td, th {
  padding: 2px;
}

th {
  font-weight: 600;
  color:#348;
  background-color: #EEE;
}

tr.evenrow {
  background-color: #EEE;
}

.title { 
  font-style:italic;
}

.badge { 
  border: 0px;
}