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;
}


html,
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 {
  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;
}

.blog #add_comment form input,
.blog #add_comment form textarea {
    border-color: #888;
}

body {
  background: #F6F6F6;
}

pre {
  background: #EEE9E9;
}

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

@font-face {
  font-family: PT Serif Caption;
  font-style: normal;
  src: local(PT Serif Caption), local(PTSerif-Caption),
       url(/media/sm_org/style/pt-serif-caption-v9-latin_cyrillic-regular.woff2?5e60b184e324) format('woff2')
}

@font-face {
  font-family: PT Serif Caption;
  font-style: italic;
  src: local(PT Serif Caption Italic), local(PTSerif-CaptionItalic),
       url(/media/sm_org/style/pt-serif-caption-v9-latin_cyrillic-italic.woff2?5e60b184e324) format('woff2')
}

@font-face {
  font-family: PT Sans Caption;
  font-weight: bold;
  src: local(PT Sans Caption Bold), local(PTSans-CaptionBold),
       url(/media/sm_org/style/pt-sans-caption-v10-latin_cyrillic-700.woff2?5e60b184e324) format('woff2')
}

body,
th,
cite,
.blog #comments .meta address {
  font: 110% PT Serif Caption, serif;
  line-height: 1.5;
}

small,
.meta,
.blog#spam_queue td,
.blog #add_comment form p label,
.blog #add_comment form input,
.blog #add_comment form textarea,
.sanestat th,
.sanestat td {
  font: 85% PT Serif Caption, serif;
}

.meta {
  font: italic 85% PT Serif Caption, serif;
}


/* Header fonts */

h1 {
  font: bold 160% PT Sans Caption, sans-serif;
}

h2,
.usertext .strong strong {
  font: bold 130% PT Sans Caption, sans-serif;
}

h3,
.sanestat h2,
.sanestat caption {
  font: bold 110% PT Sans Caption, sans-serif;
}

h4,
.usertext caption {
  font: bold 100% PT Sans Caption, sans-serif;
}

/* Code */

code {
  font: 75% DejaVu Sans Mono, Consolas, Monaco, monospace;
}

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

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

a img {
  border: none;
}

.js .hidden {
  display: none;
}

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

table {
  width: 100%;
  border-collapse: collapse;
}

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

td.number,
th.number {
  text-align: right;
}

body {
  margin: 0 auto;
  padding: 0 2em;
}

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

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

.usertext p,
.usertext ul,
.usertext ol,
.usertext dl,
.usertext caption {
  margin-top: 1em; margin-bottom: 1em;
}

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

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

.usertext .strong {
  padding: 2em;
  text-align: center;
  border-width: 1px 0;
}

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

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

.usertext ul>li {
  padding-left: 1.5em;
  background: url(/media/sm_org/style/bullet.png?5e60b184e324) no-repeat left 0.5em;
}

.usertext ul>li>ul>li {
  background-image: url(/media/sm_org/style/subbullet.png?5e60b184e324);
}

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

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

.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 pre {
  overflow: auto;
  padding: 1.5em;
}

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

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

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

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

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

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

  #photo {
    display: none;
  }

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

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

@media screen and (max-width: 1000px) {

  body {
    max-width: 46em;
  }

  #photo {
    float: left;
    margin: 0 1em 1em 0;
  }

}

@media screen and (max-width: 700px) {

  body {
    max-width: auto;
  }

  #photo {
    float: none; text-align: center;
  }

}

#header {
  display: none;
}

abbr {
  text-decoration: none;
}

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