body,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
dd,
dt,
dl,
.meta p {
  margin: 0; padding: 0;
}

li {
  list-style: none;
}

address,
.usertext p,
.usertext ul,
.usertext ol,
.usertext dl,
.usertext caption,
.blog #essentials dl,
.blog #recentposts .post,
.blog #recentcomments li,
.blog#post #meta p,
.blog #comments .meta,
.blog #commentform .buttons,
.blog#archive .post .meta,
.blog#archive_index ul {
  margin-top: 1em; margin-bottom: 1em;
}

.blog h2,
.sanestat #content h2,
.sanestat #content caption {
  margin-top: 2em; margin-bottom: 1em;
}

.blog#post .comment,
.blog#archive .post {
  margin-top: 1em; margin-bottom: 3em;
}

.usertext blockquote,
.usertext .strong {
  margin-top: 2em; margin-bottom: 2em;
}

#header,
.blog #essentials,
.blog #content,
.blog#post #entry,
.blog#post #translation,
.blog#post #comments,
.blog#post #add_comment,
.blog#post address#author,
.about #author,
.sanestat #content {
  margin-left: 8.3%; margin-right: 8.3%;
}

.blog #comments .usertext,
.blog #preview .usertext {
  margin-left: 10%;
}

.blog #add_comment form p label {
  display: block;
}

.blog #recentcomments .time {
  text-align: right;
}

.usertext h1,
.usertext h2,
.usertext h3,
.usertext h4,
.usertext h5,
.usertext dt {
  margin-top: 2em; margin-bottom: 1em;
  clear: both;
}

.usertext table,
.blog table,
.sanestat table {
  width: 100%;
  border-collapse: collapse;
}

.usertext th,
.usertext td,
.blog th,
.blog td,
.sanestat th,
.sanestat td {
  text-align: left; vertical-align: top;
  padding: 0.5em 1em 0.5em 0;
}

td.number,
th.number,
.sanestat #totals thead th {
  text-align: right;
}

.usertext blockquote,
.usertext .note {
  padding-left: 1.5em;
}

.usertext blockquote {
  margin-left: 0; margin-right: 0;
}

.usertext dd {
  margin-left: 10%;
}

.usertext .left {
  float: left;
  margin-top: 0; margin-right: 1em;
}

.usertext .right {
  float: right;
  margin-top: 0; margin-left: 1em;
}

.usertext .picture {
  clear: both;
}

.usertext .strong,
.usertext .center {
  text-align: center;
}

.frame {
  padding: 1em;
}

.usertext .strong {
  margin-left: 10%; margin-right: 10%;
}

pre {
  overflow: auto;
  padding: 1.5em;
}

.blog #comments address,
.blog #comments .control,
.blog #comments .meta p,
.blog #comments .meta form {
  display: inline;
}

body {
  max-width: 55em;
  margin-left: auto; margin-right: auto;
  padding-bottom: 2em;
}

#header {
  padding-top: 2em;
  margin-bottom: 4em;
}

.blog #essentials dt {
  float: left;
}

.blog #essentials dt:after {
  content: '\A0—\A0'
}

.blog #essentials dd {
  margin-top: 1em; margin-bottom: 1em;
}

.blog #meta {
  margin-top: 1em; margin-bottom: 2em;
}

.blog #recentposts {
  float: left; width: 50%;
}

.blog #recentcomments {
  float: right; width: 40%;
}

.blog #recentposts .post {
  overflow: auto;
  margin-bottom: 0;
}

.blog #recentposts .post h3 {
  float: left; width: 80%;
}

.blog #recentposts .post .meta {
  float: right; width: 20%;
  text-align: right;
}

.blog #recentposts .first h3 {
  margin-bottom: 1em;
}

.blog #recentposts .entry {
  clear: both;
}

.blog #recentcomments .title {
  float: left; width: 75%;
  margin-top: 0; margin-bottom: 0;
}

.blog #recentcomments .d,
.blog #recentcomments .t,
.blog #recentcomments .title .post {
  display: block;
}

.blog #recentcomments .text {
  clear: both;
}

.blog#post #entry ul,
.blog#post #entry ol {
  clear: left; /* usecse: http://softwaremaniacs.org/blog/2006/07/09/blogus-refuses-table/ */
}

.blog #comments .meta>address,
.blog #comments .meta>p,
.blog #comments .meta>div {
  padding-right: 1em;
}

.blog #commentform input,
.blog #commentform textarea {
  width: 78%;
}

.blog #commentform #legend {
  float: right; width: 137px;
  margin-top: 1.5em;
}

.blog#archive .previous {
  float: left;
}

.blog#archive .next {
  float: right;
}

.blog #preview {
  display: none; overflow: auto;
}

@media screen and (min-width: 980px) {

  .about {
    background: url(/media/sm_org/style/photo-bg.jpg?cb840cf58b20) #600 center -5em / 55em no-repeat;
    box-shadow: 0 0 2em black;
    padding: 20em 0 0 0;
  }

  .about #photo {
    display: none;
  }

  .about #author {
    background: rgba(256, 256, 256, 0.75);
    margin: 0; overflow: hidden;
    padding: 2em 4em 0 4em;
  }

  .about #author h1 {
    margin-top: 0;
  }
}

@media screen and (max-width: 580px) {
  .about #photo {
    float: none;
  }
}

.about #header {
  display: none;
}

.about .meta {
  float: right; margin-bottom: -100%;
}

.sanestat caption {
  text-align: left;
}

.sanestat td {
  padding-top: 0.25em; padding-bottom: 0.25em;
}

.sanestat #totals td {
  vertical-align: middle;
}

.sanestat #totals {
  float: left; width: 50%;
}

.sanestat #graphs {
  float: right; width: 40%;
  text-align: right;
}

.sanestat #referers {
  clear: both;
}

.sanestat td form {
  display: inline;
}

body,
.hljs,
.hljs-subst,
#total_feeds .first {
  color: #444; fill: #444;
}

.hljs-meta,
.hljs-symbol,
.hljs-regexp,
.hljs-selector-attr,
.hljs-deletion,
.hljs-variable,
.hljs-link,
.hljs-bullet,
.hljs-attribute,
.hljs-template-variable,
.usertext blockquote blockquote,
.usertext a:visited,
.sanestat table a:visited {
  color: #A45555;
}

h1,
a,
th,
.hljs-string,
.hljs-number,
.hljs-title,
.hljs-built_in,
.hljs-literal,
.hljs-addition,
.hljs-quote,
.hljs-section,
.hljs-selector-class,
.hljs-selector-id,
.hljs-template-tag,
.usertext blockquote,
.usertext dt,
.usertext caption,
.usertext .strong,
.blog #comments .meta address,
.blog #comments .meta address a,
.sanestat caption {
  color: #600;
}

.hljs-comment,
.usertext .note,
.meta,
.meta a,
.usertext .meta a,
.control,
.control a,
.blog #recentcomments .title .post,
.blog #recentcomments .title a:visited,
.blog #add_comment form p label {
  color: #888;
}

body {
  background: #F6F6F6;
}

pre {
  background: #EEE9E9;
}

div,
th,
td,
.usertext .frame,
.blog#post .comment {
  border-color: #600;
}

/* Body fonts */
address {
  font-style: normal;
}

body,
th,
cite,
.blog #comments .meta address {
  font: normal medium Trebuchet MS, Tahoma, sans-serif;
  line-height: 1.5;
}

small,
.blog .meta,
.blog #recentcomments .text,
.blog#spam_queue td,
.blog #add_comment form p label,
.about .usertext p,
.about .usertext ul,
.about .meta,
.sanestat td {
  font: normal 85% Trebuchet MS, Tahoma, sans-serif;
}

/* Header fonts */

h1 {
  font: normal 145% Georgia, serif; text-transform: uppercase;
}

h2 {
  font: normal 130% Georgia, serif; text-transform: uppercase;
}

h3,
.blog#index h2,
.sanestat h2,
.sanestat caption,
.usertext .strong strong {
  font: normal 120% Georgia, serif; text-transform: uppercase;
}

h4 {
  font: normal 110% Georgia, serif; text-transform: uppercase;
}

h5,
.usertext caption,
.blog#index h3 {
  font: normal 100% Georgia, serif; text-transform: uppercase;
}

/* Code */

.hljs {
    font: normal 120% Ubuntu Mono, monospace;
}

.hljs-keyword,
.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-tag {
  font-weight: bold;
}

a img {
  border: none;
}

.js .hidden {
  display: none;
}

div,
h2,
li,
p,
form,
.usertext td,
.usertext th,
.usertext blockquote,
.usertext hr,
.sanestat td,
.sanestat th {
  border-style: dotted; border-width: 0;
}

.usertext blockquote,
.usertext .note {
  border-width: 0 0 0 1px;
}

.usertext td,
.usertext th,
.sanestat td,
.sanestat th {
  border-width: 1px 0;
}

.usertext .frame {
  border-width: 1px;
}

#header h1 a {
  text-decoration: none;
}

.usertext ul>li,
.blog#category_index #content li,
.blog#archive_index #content li {
  padding-left: 1.5em;
  background: url(/media/sm_org/style/bullet.png?03e725d80075) left 0.5em no-repeat;
}

.usertext ul>li>ul>li,
.blog#category_index #content li li,
.blog#archive_index #content li li {
  background-image: url(/media/sm_org/style/subbullet.png?03e725d80075);
}

.usertext ol>li {
  list-style: decimal outside;
  background-image: none;
  padding-left: 0; margin-left: 1.5em;
}

.blog #commentslist .master .author a {
  background: url(/media/sm_org/style/icon.png?03e725d80075) left center no-repeat;
  padding-left: 20px;
}

.blog #commentslist .noteworthy_text {
  background: url(/media/sm_org/style/star.png?03e725d80075) left center no-repeat;
  padding-left: 18px;
}

.usertext hr {
  display: block;  height: 0;
  border-width: 1px 0 0 0;
}

.about #author abbr {
  border: none;
}

.about #author .geo {
  display: none;
}

.blog #preview.updating label:after {
  content: '...'; text-decoration: blink;
}