/* Included after lantern.css; put site specific CSS here */

body {
  font-family: "Dejavu Sans", "Bitstream Vera Sans", sans-serif;
  color: #111;
  background: #fff;
}

a, a:link, div.article h2 a.keyword:link, div.article h2 a.keyword:visited, div.marker a:link, div.marker a:visited { 
  color: #777;
}

a:hover {
  color: #111;
}

a:active {
  color: red;
}

a:visited {
  color: #aaa;
}

h1, h2, h3, h4, h5, h6, h1 a, h1 a:visited, h2 a, h2 a:visited {
  color: #111;
}

h1, h2, h3, h4, h5, h6, ul.nav li {
  font-family: "Dejavu Sans Condensed", "Bitstream Vera Sans", sans-serif;
}

h1 {
  font-size: 1.5em;
  border-bottom: 1px solid #222;
  font-weight: bold;
}

h1 a:link, h1 a:visited {
    color: #111;
    text-decoration: none;
}

span.beforecommentcount, span.aftercommentcount {
    border-top: 1px solid #aaa;
}

h1.headline {
  padding-bottom: 0.35em;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #111;
}

h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h2 a:link, h2 a:visited {
  color: #111;
}

h2 a:hover, h2 a:active {
  text-decoration: underline;
}

h2 a:active {
  color: red;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.25em;
  margin: 0;
}

h5 {
  font-size: 1.0em;
}

blockquote {
  font-family: IBM Plex Sans, Noto Sans, Ubuntu, B612, serif;
  border-left: 2px dotted #aaa;
  font-style: normal;
}

ul.nav {
  float: right;
  margin: 0;
  padding: 0 0 5px 10px;
}

ul.nav ul, ul.nav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

ul.nav a:link, ul.nav a:visited {
  float: left;
  line-height: 14px;
  margin: 7px 10px 10px 10px;
  text-decoration: none;
  color: #999;
}

ul.menu a:link#current, ul.menu a:visited#current, ul.menu a:hover {
  border-bottom: 3px solid #111;
  padding-bottom: 2px;
  background: transparent;
  color: #111;
  text-decoration: none;
}

ul.nav a:hover {
  color: #111;
}

div.content {
  line-height: 1.66;
}

div.frontpage {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 15em;
    width: 55em;
}

div.frontpage div.marker {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #ddd;
    margin-left: 4em;
    margin-right: 8.5em;
}

div.marker {
    clear: left;
}

div.frontpage div.marker a {
    margin-left: -4em;
}

div.photospace {
    float: right;
    margin: 0;
    padding: 0;
    width: 250px;
    height: 2000px;
}

a.permanent, a.permanent:visited {
  color: #888;
  text-decoration: none;
}

a.permanent:hover {
  text-decoration: underline;
}

div.summary {
  background: #eee;
  margin: 1em;
  padding: 0.5em 1em;
}

div.summary h2 {
  margin-top: 0;
}

div.example {
  background: #f3f3ee;
  margin: 1em;
  padding: 0.5em 1em;
  line-height: normal;
}

div.extrainfo {
  background: #eef3f3;
  margin: 1em;
  padding: 0.5em 1em;
}

div.commands {
  background: #eef3ee;
  margin: 1em;
  padding: 0.5em 1em;
}

div.photo {
  margin-left: 4em;
  margin-bottom: 2em;
}

div.photo img {
  padding: 0.75em;
  border: 1px solid #ddd;
}

div.elapsed:hover {
  color: #aaa;
}

div.frontpage div.article a img {
    clear: none;
}

div.elapsed {
  clear: both;
  float: right;
  color: white;
  margin-right: 1em;
  padding-left: 1em;
  font-size: x-small;
}

h2.item {
  margin-bottom: 0.6em;
}

script + h2.item {
  margin-top: 1.3em;
}

#addcomment {
  display: none;
  font-size: small;
  margin-top: 0;
  padding-top: 0;
}

p.item {
  margin-top: 0;
}

p.item img, div.article img {
  padding: 0.75em;
  // border: 1px solid #ddd;
}

p.item img.left, div.article img.left {
  margin-right: 1em;
  vertical-align: top;
}

p.item img.right, div.article img.right {
  float: right;
  margin-left: 1em;
  vertical-align: top;
  border: none;
}

p.item + p.permanent {
    margin-top: -0.25em;
}

p.permanent {
    padding-bottom: 1.25em;
    border-bottom: 1px solid #eee;
}

p.footnote {
  font-size: small;
}

ul.archive {
  list-style: none;
}

ul.archive li:before {
  content: "\002297\0020";
}

ul.archive li div.excerpt {
  color: #333;
  font-size: small;
  margin-left: 1.5em;
  width: 42em;
}

div.frontpagephoto {
  position: absolute;
  top: 3.25em;
  right: 1.5em;
  padding: 0.75em;
  border: 1px solid #ddd;
  margin-top: 1.8em;
  margin-right: 0.1em;
}

div.frontpagephoto img {
  border: 0;
}

div.frontpagecalendar {
  position: absolute;
  top: 33.5em;
  right: 2.0em;
  width: 198px;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  border: 1px solid #ddd;
  margin-top: 2em;
  margin-right: 0.1em;
  margin-bottom: 0.25em;
  font-size: 0.75em;
}

div.frontpagecalendar img {
  border: 0;
}

div.frontpagecalendar div.entry {
  margin-top: 0.5em;
  padding-top: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.25em;
}

div.frontpagecalendar p.date {
  margin-top: 0;
  margin-bottom: 0;
  font-style: italic;
}

div.frontpagecalendar p.date a {
  text-decoration: none;
}

div.frontpagecalendar p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

div.frontpagecalendar div.today {
  background: #add8e6;
}

form span {
  font-size: small;
}

form input[type=submit] {
  border-width: 1px;
}

p.message {
  padding: 1em;
  border: 1px solid #768daa;
}

/* calendar: */

a.hidelink {
  text-decoration: none;
}

div.calendar {
  float: left;
  margin-top: 1em;
  margin-left: 0;
  padding-left: 0;
}

div.calendar table.month {
  border-color: gray;
  border-width: 1px;
  border-style: solid;
}

div.calendar table.month a {
  text-decoration: none;
}

div.calendarentries {
  margin-top: 1em;
}

div.calendarentries img {
  border: 0;
}

div.calendarentries table {
  padding-left: 1em;
}

div.calendarentries table td {
  vertical-align: top;
}

div.calendarentries p {
  margin-top: 0.4em;
  margin-bottom: 0.6em;
  padding-left: 0.3em;
  padding-right: 0.15em;
}

div.calendarentries form textarea {
  font-family: "Dejavu Sans", "Bitstream Vera Sans", sans-serif;
}

a.desc {
  text-decoration: none;
  background: url(/pics/desc.png) repeat-x 100% 100%;
  white-space: nowrap;
}

div.chat #lines {
  min-height: 35em;
  font-size: smaller;
}

div.chat #lines div span.nickname {
  font-weight: bold;
}

div.chat #lines div span.date {
  color: #888;
  padding-left: 1em;
  font-size: smaller;
}

pre, code {
    font-family: "Noto Mono", "DejaVu Sans Mono", "IBM Plex Mono", monospace;
    white-space: pre-wrap;
}

pre {
    line-height: 1.5;
}

div.article pre {
    margin-left: 2em;
}

pre.shell {
  background-color: #eee;
  border: 1px solid #aaa;
}

pre.python {
    margin-left: 2em;
    line-height: normal;
}

span.commentcount {
  color: #888;
  font-size: small;
}

span.keywords a {
  color: #888;
  font-size: 0.75em;
  font-weight: normal;
  text-decoration: none;
  padding-left: 0.5em;
  vertical-align: text-top;
}

span.keywords a:hover {
  color: #888;
  text-decoration: underline;
}

span.gone {
  color: #777;
  text-decoration: line-through;
}

table.list {
  border-collapse: collapse;
  font-size: smaller;
}

table.list tr th, table.list tr td {
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.list thead tr th {
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  text-align: left;
}

table.list thead > tr:first-child > th:first-child {
  border-top: none;
}

table.list tbody tr td:first-child {
  padding-top: 0.3em;
  padding-bottom: 0.25em;
}

table.list tbody tr td {
  border: 1px solid #aaa;
}

table.list tbody tr td span {
  font-size: 1.4em;
}

table.list tbody tr td span.yes {
  color: green;
}

table.list tbody tr td span.no {
  color: red;
}

div.profile { float: left; margin: 1em; }
div.facebook { font-size: smaller; }
div.facebook div { width: 55px; min-height: 75px; float: left; margin: 1em; }
div.facebook div.UIPortrait_Text { margin: 0 }
div.facebook div a:link { color: black; text-decoration: none }
div.facebook div a:hover { text-decoration: underline }
div.facebook div a img { border: none }

div.short {
    margin-left: 58px;
    margin-right: 58px;
    padding-top: 6px;
    padding-left: 64px;
    padding-bottom: 6px;
    width: 444px;
    font-size: 0.875em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

div.short+div.short {
    border-top: 0;
}

div.short div.header a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

div.short div.header a span {
    font-weight: normal;
    color: #bbbbbb;
}

div.short div.header span.time {
    position: absolute;
    left: 506px;
    margin-top: 1px;
}

div.short div.header span.time a {
    font-weight: normal;
    color: #999;
}

div.short div.header a strong:hover, div.short div.header span.time a:hover {
    text-decoration: underline;
}

div.short div.header a img {
    position: absolute;
    left: 86px;
    margin-top: 4px;
}

div.short p {
    width: 436px;
    margin: 0;
    word-wrap: break-word;
}

div.short p a.user {
    text-decoration: none;
}

div.short div.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.short div.footer ul li {
    display: inline;
    margin-right: 1em;
}

#menu_form {
    display: inline;
}

#menu_q {
    margin: 0;
    padding: 2px;
    font-family: 'DejaVu Sans Condensed';
}

#menu_mag, #menu_mag:hover {
    text-decoration: none;
    border: none;
}

ul.menu li img {
    vertical-align: top;
}

ul.menu li a.feed:hover {
    border: none;
}