/* Reset */
/* Reset all white-space to 0 for consistency across browsers */
* { margin:0px; padding:0px; }

/* Default to some sans-serif font at a specific size */
html { font-size: 62.5%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; }
pre { font: 0.8em Monaco, monospace; margin: 0 0 1em 1em; }

/* Get some padding between paragraphs and some line spacing */
p { padding-bottom:5px; line-height:1.4em; }

/* Put some padding back onto our list elements */
ul, ol { margin-left: 10px; }
li  { margin-left:10px; padding-left:10px; }

/* Bye bye ugly blue border */
a img { border:0px; }

/* No dots around clicked links */
a, a:active { outline: none; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

/* Markup */

body {
  line-height: 1.5;
  max-width: 40em;
  margin: 0 auto;
}

a { color: #055580; }
a:hover { text-decoration: none; }
time { color: grey; }

h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { text-decoration: underline; }
h1, h2 { margin-bottom: 0.5em; }

p { margin: 1em 0; }

/* Header/Footer */

body > header { padding: 1em 0; }
body > header h1 { background: black; color: white; display: inline-block;
                   font-size: 1.3em; }
body > header h1:hover { background: #055580; }
body > header h1 a { color: white; display: inline-block; padding: 0 0.3em; }
body > header h1 a:hover { text-decoration: none; }

/* body > header h1 { font-size: 2.5em; font-family: Georgia, serif; } */

#social { float: right; list-style: none; }
#social li { float: left; padding-left: 0; }
#social .icon a {
  display: block; text-indent: -9999em; overflow: hidden;
  width: 32px; height: 32px;
}
#social .blog a { background: url(/static/ru_32.png); }
#social .enblog a { background: url(/static/en_32.png); }
#social .feed a { background: url(/static/rss_32.png); }
#social .twitter a { background: url(/static/twitter_32.png); }

footer { text-align: center; margin-top: 2em; }

/* content */

article header { text-align: center; }
article header h1 { display: inline; }
article header #meta { text-align: left; color: #ccc; margin-top: 1em;
                       margin-bottom: -1em; }
article header #meta a { color: #ccc; }

#posts tr.year { text-align: center; }
#posts td.date { text-align: right; padding-right: 1em; }
#posts td.title a { font-size: 1.4em; text-decoration: none; }

blockquote p { display:inline; }
blockquote { margin: 1.5em 0 0 1.5em; }
blockquote:before { content: "”"; color: grey; font-size: 4em; line-height: 0.1em;
                    margin-right: 0.25em; vertical-align: -0.4em; }
blockquote:after { content: "“"; color: grey; font-size: 4em; line-height: 0.1em;
                   margin-left: 0.25em; vertical-align: -0.4em; }

dt { font-weight: bold; }
dd { padding-left: 1em; padding-bottom: 0.5em; }

.note { color: grey; }
.photo { float: right; }
.readers { float: right; margin-bottom: -10px; }
#blurb { border-bottom: 1px dotted #ccc; padding-bottom: 0.5em;
         font-family: Georgia, serif; font-style: italic; text-align: right; }

/* Mentions */

#mentions .user { color: grey; }
#mentions .user a { color: grey; }