/* Common */
/* Global reset */
* {
  margin: 0;
  padding: 0; }

/* MST3K blue: 000033 */
li {
  margin: 0 0 0 2em; }

ul ul li {
  margin: 0 0 0 4em; }

body {
  background-color: #ffffeb;
  text-align: center;
  padding: 4px 2px 0 2px; }

h1 {
  font-size: 200%;
  line-height: 200%;
  margin-bottom: 20px; }
  h1 a {
    color: #ff0000; }
    h1 a:visited {
      color: #551a8b; }

h2 {
  font-size: 175%;
  margin: 1.5em 0 0.8em 0; }

h3 {
  font-size: 150%;
  margin: 1.5em 0 0.8em 0; }

h3, h4, h5 {
  margin: 1.5em 0 0.8em 0; }

p {
  margin: 1em 0; }

/* old a color #FF0000 */
a {
  color: #146624;
  text-decoration: none; }
  a:hover {
    color: #000033;
    text-decoration: underline; }
  a:visited {
    color: #551a8b; }

table {
  font-size: inherit;
  font: 100%; }

blockquote {
  margin: 10px 20px;
  font-style: italic; }

p.attribution {
  clear: left;
  align: right; }

#articles h1 {
  text-align: center;
  margin: 0.2em 0 1em 0em;
  line-height: 1.5em; }

#blogs h1 {
  text-align: center;
  margin: 0.2em 0 1em 0em;
  line-height: 1.5em; }
#blogs img.bordered {
  border: 4px solid #AAA;
  margin: 18px 15px;
  padding: 1px; }
#blogs dd {
  font-weight: bold; }
#blogs dt {
  font-weight: italic; }
#blogs pre, #blogs code {
  font: fixed; }
#blogs pre {
  background-color: #eef;
  border: 1px solid #ddd;
  padding: 0.4em;
  overflow-x: auto;
  /* css-3 */
  white-space: pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -moz-pre-wrap;
  /* Opera 4-6 */
  white-space: -pre-wrap;
  /* Opera 7 */
  white-space: -o-pre-wrap;
  /* Internet Explorer 5.5+ */
  word-wrap: break-word; }
  #blogs pre code {
    border: none; }
#blogs code {
  background-color: #eef;
  font-size: 95%;
  padding: 0 0.2em; }
  #blogs code.kb {
    border-width: 2px;
    border-color: #dedede #bbb #bbb #dedede;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #EEE; }

#tags h1 {
  text-align: center; }

/* Lists */
div.year, div.tag {
  margin-bottom: 2em; }
  div.year:last-child, div.tag:last-child {
    margin-bottom: 0; }
  div.year h2.year, div.tag h2.year {
    color: #888;
    float: left;
    margin: 0.2em 0 0 -1.5em;
    font-size: 250%; }
  div.year h3.month, div.year h2.tag, div.tag h3.month, div.tag h2.tag {
    margin: 1em 0.5em 0.25em -1.25em;
    float: left;
    clear: left;
    font-size: 150%; }

ul.posts {
  clear: left;
  list-style-type: none;
  margin-bottom: 0em; }
  ul.posts li.post {
    margin: 0 0 0 1em;
    line-height: 1.5em; }
    ul.posts li.post h4 {
      font-size: 150%; }
    ul.posts li.post h4.date {
      color: #888;
      margin: 1em 0em 0em -0.75em; }
    ul.posts li.post p.bottomAttributionWithDate {
      font-style: italic;
      font-size: 0.83em;
      margin-bottom: 0.3em;
      margin-top: 0.3em;
      text-align: right; }

p.comments {
  font-style: italic;
  text-align: right;
  font-size: 95%; }

#search {
  margin: 25px 0; }
  #search .text {
    width: 180px;
    font-size: 100%; }

ol#tag-cloud {
  margin-bottom: 35px; }
  ol#tag-cloud li {
    display: inline;
    line-height: 150%; }
    ol#tag-cloud li a {
      padding: 2px; }
    ol#tag-cloud li.tier-1 {
      font-size: 75%; }
    ol#tag-cloud li.tier-2 {
      font-size: 90%; }
    ol#tag-cloud li.tier-3 {
      font-size: 105%; }
    ol#tag-cloud li.tier-4 {
      font-size: 120%; }
    ol#tag-cloud li.tier-5 {
      font-size: 135%; }
    ol#tag-cloud li.tier-6 {
      font-size: 150%; }

/* Site */
#site {
  font-size: 100%;
  text-align: left;
  line-height: 1.5em;
  margin: 0 auto 2em auto; }
  #site #sidebar {
    background-color: #e5e5e5;
    float: right;
    width: 19%;
    margin-left: 50px; }
    #site #sidebar #title {
      color: #000033;
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 140%;
      text-align: center; }
    #site #sidebar #menu li {
      text-align: center;
      list-style: none;
      padding: 3px 10px 3px 10px;
      margin: 5px;
      border: 1px solid #CCC; }
    #site #sidebar #menu li#selected {
      color: #000033;
      font-weight: bold; }
    #site #sidebar h2 {
      text-align: center;
      font-size: 140%;
      margin: 1.5em 0 0.8em 0; }
    #site #sidebar hr {
      width: 75%;
      float: center;
      clear: all; }
  #site #contentWithSidebar {
    background-color: #ffffeb;
    width: 79%;
    margin-left: 4em; }
  #site #footer {
    clear: both;
    margin: 80px 0 -5px 0;
    font-size: 80%; }
    #site #footer a {
      color: #8085C1; }

#about #photo {
  float: left;
  margin: 0 15px 5px 0; }

/* Posts */
#post {
  /* standard */
  /* terminal */ }
  #post h1 {
    border-bottom: 1px solid #aaa;
    text-align: center; }
  #post .subtitle {
    color: #BBB;
    margin-top: 0;
    font-size: 13px; }
    #post .subtitle a {
      color: #777; }
  #post p.topAttributionWithDate {
    font-style: italic;
    font-size: 0.83em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
    text-align: center; }
  #post p.crosspost {
    text-align: center; }
  #post p.bottomAttributionWithDate {
    font-style: italic;
    font-size: 0.83em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
    text-align: right; }
  #post p.comments {
    font-style: italic;
    text-align: right;
    font-size: 95%; }
  #post .center {
    text-align: center; }
  #post img.bordered {
    border: 4px solid #AAA;
    margin: 18px 15px;
    padding: 1px; }
  #post .updated {
    background: #FFFEEB;
    border: 1px solid #AAA;
    border-width: 1px 0;
    padding: 10px;
    margin: 20px 10px; }
    #post .updated h5 {
      margin: 6px 0; }
  #post dd {
    font-weight: bold; }
  #post dt {
    font-weight: italic; }
  #post pre, #post code {
    font: fixed; }
  #post pre {
    background-color: #eef;
    border: 1px solid #ddd;
    padding: 0.4em;
    overflow-x: auto;
    /* css-3 */
    white-space: pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* Internet Explorer 5.5+ */
    word-wrap: break-word; }
    #post pre code {
      border: none; }
  #post code {
    background-color: #eef;
    font-size: 95%;
    padding: 0 0.2em; }
    #post code.kb {
      border-width: 2px;
      border-color: #dedede #bbb #bbb #dedede;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #EEE; }
  #post pre.terminal {
    border: 1px solid black;
    background-color: #333;
    color: white; }
    #post pre.terminal code {
      background-color: #333; }
  #post #older_and_newer {
    margin-top: 30px; }
    #post #older_and_newer strong {
      width: 6em;
      display: inline-block;
      text-align: right;
      margin-right: 5px; }

img.headshot {
  margin-left: 10px;
  float: right; }

a#feedlink {
  display: block;
  float: right;
  font-size: 10pt;
  border: 0; }

#prevlink {
  background-color: #e5e5e5;
  float: left;
  text-align: left;
  width: 45%;
  font-size: 95%; }

#nextlink {
  background-color: #e5e5e5;
  float: right;
  text-align: right;
  width: 45%;
  font-size: 95%; }

#articlePage h4, #articlePage h2 {
  text-align: center;
  line-height: 1.25em; }

hr.footnote-separator {
  width: 75%;
  margin-left: auto;
  margin-right: auto; }

span.strikeout {
  text-decoration: line-through; }

video.medium-right {
  float: right;
  height: auto !important;
  width: 50% !important;
  max-width: 75%;
  margin-left: 0.7em;
  margin-bottom: 0.7em; }