/**
 * Blog Styles
 *
 */


body.BlogList ul.bloglist li,
body.viewbytag ul.tags li,
body.viewbyyear ul.years li {
  margin-top: .9em;
}

body.BlogList ul li a.title,
body.viewbytag ul li a.title,
body.viewbyyear li a.title {
  font-weight: bold;
  font-size: 1.15em;
}

body.BlogList ul.bloglist li > span,
body.viewbytag ul.tags li > span,
body.viewbyyear ul.years li > span {
  font-size: .9em;
}

body.BlogList ul li span.date,
body.viewbytag ul li span.date,
body.viewbyyear ul li span.date {
  font-weight: bold;
}

.typography .blog h1.page-title {
  margin-bottom: .5em;
}

.typography .blog-summary {
  border-top: .25rem #e3edff solid;
}

.typography .blog-summary.first {
  border-top: none;
}

.typography .blog-summary h2.title {
  font-size: 1.5em;
  margin-bottom: .5em;
}

.typography .blog-summary h2.title a {
  text-decoration: none;
}

.typography .blog-summary h2.title a:hover {
  text-decoration: underline;
}

.typography .blog-content-summary h2 {
  font-size: 1.8em;
  margin: .5em 0 0;
}

.typography .blog-content-summary {
  margin: .5em 0;
  padding: 0 0 .75rem;
}

.typography .blog p.sub-title {
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 1.75em;
}

.typography .blog-summary p.sub-title {
  margin-bottom: 1.25em;
}

.typography .blog .blog-data {
  background-color: #fffded;
  padding: .25em .25em;
  margin: 2rem 0;
  border: .05rem solid #dbd38a;
  border-radius: .4rem;
}

.typography .blog-summary .blog-data {
  margin: .5rem 0 2rem;
}

.typography .blog .blog-data p {
  margin: 0;
  color: #777;
  display: inline;
  font-size: .85em;
}

.typography .blog .blog-data .sharing-links img {
  vertical-align: text-bottom;
  border: 0;
  margin-right: .25em;
}

.typography .blog .blog-data .sharing-links {
}

.typography .blog .blog-data .tags {
  margin-left: .5em;
}

.typography .blog-footer {
  margin: 1em 0;
}