/*
 * Blog style sheet
 */

.blog-panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.blog-panel .panel-heading {
  background: #fafafa;
  border-bottom: 1px solid #eee;
}
.blog-panel-pinned {
  border: 1px solid #ccc;
}

.blog-post-title {
  margin: 0.2em;
}

.blog-post-meta {
  color: #666;
}
.blog-post-meta div {
  display: inline-block;
  padding: 0.5em;
}

.blog-post-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-post-tags {
  display: inline-block;
  padding: 0 0.2em;
}
.blog-post-tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.blog-post-tags li {
  display: inline-block;
}
.blog-post-tags li:not(:last-child)::after {
  content: ' /';
}

.blog-post-thumbnail {
  float: left;
  margin-right: 0.5em;
  max-height: 60px;
  max-width: 120px;
}

.blog-post-content {
  padding: 0.5em;
}