/*
Theme Name: tatiyants2016
Theme URI: http://tatiyants.com
*/
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1em;
}

strong {
  font-weight: 700;
}
/* line 28, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../../../../tatiyants2016/sass/_typography.scss */
body {
  font-family: "Raleway";
  font-size: 1.2rem;
  line-height: 1.4em;
}

/* line 10, ../../../../tatiyants2016/sass/_typography.scss */
pre {
  font-family: "Inconsolata";
}

/* line 14, ../../../../tatiyants2016/sass/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: "Oswald";
  margin-bottom: 1rem;
  font-weight: 300;
  color: #106572;
}
/* line 20, ../../../../tatiyants2016/sass/_typography.scss */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 900;
}

/* line 25, ../../../../tatiyants2016/sass/_typography.scss */
h1 {
  font-size: 2.0rem;
  line-height: 1.35;
}

/* line 26, ../../../../tatiyants2016/sass/_typography.scss */
h2 {
  font-size: 1.9rem;
  line-height: 1.35;
}

/* line 27, ../../../../tatiyants2016/sass/_typography.scss */
h3 {
  font-size: 1.7rem;
  line-height: 1.35;
}

/* line 28, ../../../../tatiyants2016/sass/_typography.scss */
h4 {
  font-size: 1.5rem;
  line-height: 1.35;
}

/* line 30, ../../../../tatiyants2016/sass/_typography.scss */
p, ul, ol, pre {
  margin-top: 0;
  margin-bottom: 1em;
}

@font-face {
  font-family: 'icons';
  src: url("fonts/icons.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* line 42, ../../../../tatiyants2016/sass/_typography.scss */
.social-link {
  text-transform: lowercase;
}

/* line 46, ../../../../tatiyants2016/sass/_typography.scss */
ul {
  list-style: disc;
  margin-left: 1.5em;
}

/* line 50, ../../../../tatiyants2016/sass/_typography.scss */
ol {
  list-style: decimal;
  margin-left: 1.5em;
}

/* line 55, ../../../../tatiyants2016/sass/_typography.scss */
em {
  font-style: italic;
}

/* line 59, ../../../../tatiyants2016/sass/_typography.scss */
.text-muted {
  color: #73859c;
}

/* line 1, ../../../../tatiyants2016/sass/_common.scss */
html {
  height: 100%;
}

/* line 5, ../../../../tatiyants2016/sass/_common.scss */
body {
  color: #111113;
  background-color: #fff;
  height: 100%;
}

/* line 11, ../../../../tatiyants2016/sass/_common.scss */
a {
  color: #1CA9BF;
  text-decoration: none;
}

/* line 16, ../../../../tatiyants2016/sass/_common.scss */
.social-link {
  font-family: 'icons';
  font-size: 1.7rem;
}

/* line 21, ../../../../tatiyants2016/sass/_common.scss */
.no-bullets {
  list-style: none;
  margin-left: 0;
}

/* line 26, ../../../../tatiyants2016/sass/_common.scss */
a, img, table {
  max-width: 95%;
}

/* line 30, ../../../../tatiyants2016/sass/_common.scss */
footer {
  margin-top: 2em;
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 1rem;
}

/* line 37, ../../../../tatiyants2016/sass/_common.scss */
.posts-nav {
  overflow: hidden;
  margin-bottom: 1.5em;
}
/* line 41, ../../../../tatiyants2016/sass/_common.scss */
.posts-nav .post-nav-link {
  padding-bottom: 1.5em;
}
/* line 44, ../../../../tatiyants2016/sass/_common.scss */
.posts-nav .align-left {
  float: left;
  text-align: left;
}
/* line 45, ../../../../tatiyants2016/sass/_common.scss */
.posts-nav .align-right {
  float: right;
  text-align: right;
}

/* line 48, ../../../../tatiyants2016/sass/_common.scss */
blockquote, quote {
  color: #465363;
  font-style: italic;
  margin: 1em;
  margin-bottom: 1.5em;
}

/* line 55, ../../../../tatiyants2016/sass/_common.scss */
code {
  font-family: "Inconsolata";
  font-size: 1rem;
  line-height: 1em;
  background-color: #eaedf1;
  border-radius: 0.2em;
  border: 1px solid #dce0e6;
  padding: 0.2em;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

/* line 1, ../../../../tatiyants2016/sass/_page.scss */
.page {
  width: 90%;
  max-width: 600px;
  margin: auto;
}
/* line 6, ../../../../tatiyants2016/sass/_page.scss */
.page header {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}
/* line 11, ../../../../tatiyants2016/sass/_page.scss */
.page header h1 a {
  color: #111113;
}
/* line 15, ../../../../tatiyants2016/sass/_page.scss */
.page header .social-links {
  margin-left: 0.2em;
}
/* line 20, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract {
  font-size: 1.2rem;
  line-height: 1.4em;
  margin-bottom: 1.5em;
  padding-top: 0.2em;
  border-left: 5px solid #cdd3db;
  padding-left: 1em;
}
/* line 28, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract h2 {
  color: #106572;
}
/* line 33, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract-main {
  border: 0;
  padding: 0;
}
/* line 38, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract-summary {
  margin: 0.5em;
}
/* line 42, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract-byline {
  color: #73859c;
  font-size: 1rem;
  margin: 0;
}
/* line 48, ../../../../tatiyants2016/sass/_page.scss */
.page .abstract-tags {
  margin-left: 1em;
}

/* line 1, ../../../../tatiyants2016/sass/_index.scss */
.blog-logo {
  background: url("images/blog-logo.png") no-repeat;
  display: block;
  width: 200px;
  height: 58px;
  margin: auto;
  margin-bottom: 0.2em;
}

/* line 10, ../../../../tatiyants2016/sass/_index.scss */
.popular-posts {
  background-color: #1CA9BF;
  padding: 0.5em 1em;
  margin-bottom: 1.5em;
}
/* line 15, ../../../../tatiyants2016/sass/_index.scss */
.popular-posts h2, .popular-posts a {
  color: #fff;
}
/* line 17, ../../../../tatiyants2016/sass/_index.scss */
.popular-posts li {
  margin-bottom: 0.5em;
}

/* line 1, ../../../../tatiyants2016/sass/_article.scss */
.article-page {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  margin-top: 1em;
}
/* line 7, ../../../../tatiyants2016/sass/_article.scss */
.article-page header {
  text-align: center;
}
/* line 11, ../../../../tatiyants2016/sass/_article.scss */
.article-page .byline {
  margin-bottom: 0.5em;
}
/* line 15, ../../../../tatiyants2016/sass/_article.scss */
.article-page .byline a {
  color: #73859c;
}
/* line 19, ../../../../tatiyants2016/sass/_article.scss */
.article-page #about-me {
  font-weight: 600;
}
/* line 23, ../../../../tatiyants2016/sass/_article.scss */
.article-page .pub-date {
  color: #73859c;
  font-size: 1rem;
}
/* line 28, ../../../../tatiyants2016/sass/_article.scss */
.article-page h1 {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-transform: uppercase;
  text-overflow: clip;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0 #fff, 2px 2px 0 #9fc1c6;
}
/* line 36, ../../../../tatiyants2016/sass/_article.scss */
.article-page #twitter-bait {
  text-align: center;
  font-style: italic;
  border-bottom: 1px solid #73859c;
  font-size: 1rem;
  margin-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
/* line 49, ../../../../tatiyants2016/sass/_article.scss */
.article-page table thead th {
  font-weight: 600;
  border-bottom: 2px solid #919fb1;
  padding: 0.2em 0.5em;
}
/* line 55, ../../../../tatiyants2016/sass/_article.scss */
.article-page table td {
  vertical-align: top;
  padding: 0.2em 0.5em;
  border-bottom: 1px solid #cdd3db;
}

/* line 1, ../../../../tatiyants2016/sass/_tags.scss */
.tags {
  list-style: none;
  margin: 2em 0 2em;
  overflow: hidden;
}
/* line 6, ../../../../tatiyants2016/sass/_tags.scss */
.tags li {
  float: left;
  font-size: 1rem;
}

/* line 12, ../../../../tatiyants2016/sass/_tags.scss */
.tag {
  background: #eaedf1;
  border-radius: 3px 0 0 3px;
  color: #111113;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}
/* line 26, ../../../../tatiyants2016/sass/_tags.scss */
.tag a {
  color: #111113;
}
/* line 30, ../../../../tatiyants2016/sass/_tags.scss */
.tag:before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}
/* line 43, ../../../../tatiyants2016/sass/_tags.scss */
.tag:after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eaedf1;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
/* line 54, ../../../../tatiyants2016/sass/_tags.scss */
.tag:hover {
  background-color: #1CA9BF;
  color: white;
}
/* line 58, ../../../../tatiyants2016/sass/_tags.scss */
.tag:hover a {
  color: #fff;
}
/* line 63, ../../../../tatiyants2016/sass/_tags.scss */
.tag:hover::after {
  border-left-color: #1CA9BF;
}

/* line 1, ../../../../tatiyants2016/sass/_comments.scss */
.comment, .pingback {
  list-style-type: none;
  border-radius: 0.2em;
  border: 1px solid #cdd3db;
  padding: 1em;
  margin-top: 1em;
  margin-left: 0;
}

/* line 10, ../../../../tatiyants2016/sass/_comments.scss */
.bypostauthor {
  border: 2px solid #106572;
}

/* line 14, ../../../../tatiyants2016/sass/_comments.scss */
.avatar {
  float: right;
}

/* line 18, ../../../../tatiyants2016/sass/_comments.scss */
.comment-author .fn {
  font-weight: 600;
}

/* line 22, ../../../../tatiyants2016/sass/_comments.scss */
.comment-meta {
  font-size: 1rem;
  margin-bottom: 1em;
}

/* line 27, ../../../../tatiyants2016/sass/_comments.scss */
#comment {
  width: 90%;
}

/* line 1, ../../../../tatiyants2016/sass/_full-page.scss */
.top-container {
  background: url("images/top-header.jpg") no-repeat;
  background-size: cover;
  min-height: 180px;
  overflow: hidden;
}
/* line 7, ../../../../tatiyants2016/sass/_full-page.scss */
.top-container h1 {
  font-weight: 200;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-transform: uppercase;
  text-overflow: clip;
  letter-spacing: 2px;
  font-size: 60px;
  vertical-align: bottom;
  color: #fff;
  text-align: center;
  text-shadow: none;
  padding-top: 1em;
}
/* line 20, ../../../../tatiyants2016/sass/_full-page.scss */
.top-container h1 .social-link {
  color: white;
  text-shadow: none;
}

/* line 3, ../../../../tatiyants2016/sass/_music.scss */
.album-container {
  background-color: #F2F2F2;
  padding: 1em;
  overflow: hidden;
}

/* line 9, ../../../../tatiyants2016/sass/_music.scss */
.album {
  max-width: 900px;
  margin: auto;
}
/* line 13, ../../../../tatiyants2016/sass/_music.scss */
.album h2 {
  color: #465363;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-weight: 600;
}
/* line 19, ../../../../tatiyants2016/sass/_music.scss */
.album h2 .label-new {
  text-transform: uppercase;
  background-color: #1CA9BF;
  color: white;
  font-size: 1.2rem;
  padding: 0.5em;
  margin-left: 1em;
  border-radius: 50%;
}
/* line 29, ../../../../tatiyants2016/sass/_music.scss */
.album h2 .release-date {
  float: right;
  font-size: 1.2rem;
  font-weight: 300;
}
/* line 36, ../../../../tatiyants2016/sass/_music.scss */
.album .album-art {
  float: left;
  margin-right: 1em;
  border: 1px solid #465363;
  width: 300px;
}
/* line 43, ../../../../tatiyants2016/sass/_music.scss */
.album .track-listing {
  float: left;
}
/* line 45, ../../../../tatiyants2016/sass/_music.scss */
.album .track-listing li {
  padding-bottom: 0.2em;
  border-bottom: 1px solid #d8d8d8;
  line-height: 2em;
}
/* line 49, ../../../../tatiyants2016/sass/_music.scss */
.album .track-listing li .track-duration {
  float: right;
  font-size: 1rem;
  padding-left: 1em;
  color: #727272;
}

/* line 59, ../../../../tatiyants2016/sass/_music.scss */
.music-services {
  list-style: none;
  float: right;
  padding-left: 1em;
  text-align: right;
}
/* line 67, ../../../../tatiyants2016/sass/_music.scss */
.music-services li {
  margin-bottom: 1.5em;
  font-weight: 700;
}
/* line 70, ../../../../tatiyants2016/sass/_music.scss */
.music-services li img {
  vertical-align: middle;
}

@media (max-width: 640px) {
  /* line 77, ../../../../tatiyants2016/sass/_music.scss */
  .album h2 .release-date {
    display: block;
    width: 100%;
  }

  /* line 81, ../../../../tatiyants2016/sass/_music.scss */
  .album .track-listing {
    display: block;
    width: 90%;
    margin-top: 1em;
  }
}
@media (max-width: 870px) {
  /* line 90, ../../../../tatiyants2016/sass/_music.scss */
  .album .music-services {
    display: block;
    border: none;
    width: 100%;
    text-align: left;
  }
}