@import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic-ext,latin);
/** Basic styling */
* { margin: 0; padding: 0; font-family: inherit; }

body { font-family: "EB Garamond", serif; font-size: 18px; line-height: 1.25; font-weight: lighter; color: #111; background-image: url(../images/geometry2.png); margin: 0 auto; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 20px; }

/** Images */
img { max-width: 100%; vertical-align: bottom; }

strong { font-weight: bold; }

hr { height: 1px; border: none; background-color: #DDD; }

/** Figures */
figure { display: block; max-width: 90%; margin: 0 auto; margin-bottom: 20px; }
figure > img { width: 100%; }
figure > figcaption { width: 100%; text-align: center; margin-top: 10px; font-style: italic; font-size: 16.875px; line-height: 1.4; color: #424242; }
@media screen and (min-width: 680px) { figure { position: relative; display: block; max-width: 75%; width: 30%; box-sizing: border-box; margin-top: 5px; margin-bottom: 10px; margin-left: -40px; margin-right: 20px; float: left; }
  figure.img-right { margin-right: -40px; margin-left: 20px; float: right; }
  figure > figcaption { position: relative; left: 0px; font-size: 13.5px; } }

/** Lists */
ul, ol { margin-left: 20px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #040404; margin: 1.618em 0 1em 0; text-rendering: optimizelegibility; }

h1, h2 { font-size: 200%; }

h3 { font-size: 180%; }

h4 { font-size: 165%; }

h5, h6 { font-size: 150%; }

/** Links */
a { text-decoration: none; }
a:link, a:active { color: #316d96; }
a:visited { color: #a17d8e; }
a:hover { color: #111; text-decoration: underline; }

/** Blockquotes */
blockquote { font-style: italic; line-height: 1.618; background: transparent url(../images/quotation-mark.png) no-repeat scroll 25px 1.4em; padding: 0.1em 1em 0.1em 60px; margin: 1.618em 0 1.618em -60px; color: #666055; text-rendering: optimizelegibility; }
blockquote > p { margin: 1em 0px; padding: 0px; }

/** Code formatting */
pre { border-left: 10px solid #976e81; margin-left: -60px; margin-right: -58px; padding: 0.1em 0 0.4em 50px; overflow-x: auto; }
pre > code { padding: 0; background-color: transparent; border: 0; border-radius: 0; }

code { font-family: 'Lucida Console', Monaco, monospace; font-size: 13.5px; background-color: #f6f9fa; color: black; border-radius: 3px; padding: 0 0.3em; }

/** Clearfix */
/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #828282; }

div.breaker { clear: both; }

#recent-posts { -webkit-column-width: 380px; -moz-column-width: 380px; column-width: 380px; }

/* --------------------------------------------------------------------------------------------- */
/* main page-content */
div.page-content { background: white; padding: 70px 60px; margin-bottom: 60px; }
div.page-content.full { padding: 0; }
div.page-content.photo { padding: 0; margin: 0; }
div.page-content img, div.page-content iframe { display: block; max-width: 100%; margin: 1em 0; }
@media screen and (max-width: 600px) { div.page-content { padding: 10px; } }

.home { padding: 40px; text-align: center; }

/* --------------------------------------------------------------------------------------------- */
/* post excerpt on index.html*/
a.post-excerpt { display: block; color: inherit; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; border-bottom: 4px solid #e8e8e8; width: 100%; }
a.post-excerpt .post-meta { display: inline-block; padding-right: 8px; color: lightcoral; font-style: italic; }
a.post-excerpt .padded-content { display: block; padding: 20px; }
a.post-excerpt .padded-content .image { padding: 0; height: 200px; max-height: 200px; background-size: auto 100%; background-repeat: no-repeat; background-position: left top; }
a.post-excerpt .title { font-weight: bold; }
a.post-excerpt:hover { color: white; background: #7A5868; text-decoration: none; }
@media screen and (min-width: 700px) { a.post-excerpt { height: auto; overflow: hidden; float: left; border: none; margin-bottom: 10px; }
  a.post-excerpt .padded-content { padding: 40px; } }

/* --------------------------------------------------------------------------------------------- */
/* posts */
.post { padding-bottom: 0em; page-break-before: always; }
.post actions { display: inline-block; float: right; color: #ccc; }
.post .post-meta { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #828282; margin-bottom: 2em; }

/* prettyprint */
pre { color: black; }

pre .str { color: #080; }

pre .kwd { color: #000; font-weight: 500; }

pre .com { color: #999; font-style: italic; }

pre .typ { color: #349; }

pre .lit { color: #066; }

pre .pun, div.post pre .opn, div.post pre .clo { color: #660; }

pre .pln { color: #000; }

pre .tag { color: #008; }

pre .atn { color: #606; }

pre .atv { color: #080; }

pre .dec { color: #606; }

/* Use higher contrast and font-styling for printable form. */
@media print { pre .str { color: #060; }
  pre .kwd { color: #006; font-weight: bold; }
  pre .com { color: #999; font-style: italic; }
  pre .typ { color: #404; font-weight: bold; }
  pre .lit { color: #044; }
  pre .pun, div.post pre .opn, div.post pre .clo { color: #440; }
  pre .pln { color: #000; }
  pre .tag { color: #006; font-weight: bold; }
  pre .atn { color: #404; }
  pre .atv { color: #060; } }
.site-nav { float: right; margin-top: -120px; }

header h1 a { display: inline-block; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: 160ms -webkit-transform ease-out; text-decoration: none; }

header h1 a:hover { text-decoration: none; cursor: pointer; }

footer { color: #999; display: block; margin: 0; padding: 0 0 1em 0; text-align: center; font-size: 13.5px; }

footer a:link { color: #778; text-decoration: none; }

/* Viewport size */
@media screen and (min-width: 800px) { body { width: 800px; }
  header { margin: 0; }
  footer { margin: 5% 0; } }
/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }
