@import "../../scss/lib/bootstrap/variables";
@import "../../scss/lib/bootstrap/mixins";
// Blog
// -----------------------------------------------------------------
.post {
  margin-bottom: $baseLineHeight;
}
h2.post-title, h3.post-title {
  font-weight: 400;
  line-height: 45px;
  font-size: 30px;
  a {
    color: $black;
    &:hover {color: $accent;}
  }
}
ul.post-meta {
  font-size: 13px;
  color: #979797;
  li {
    padding-left: 0;
    padding-right: 20px;
  }
  a {
    color: $black;
    &:hover {color: $accent;}
  }
}
.post-image, .post-content {
  margin-bottom: $baseLineHeight;
}
.posts {
  > li {
    margin-bottom: 6px;
    &.active > a {
      font-weight: bold;
      color: $grayDarker;
    }
  }
}
.post-month > li.active > a {
  font-weight: bold;
  color: $grayDarker;
}
#blog-calendar {
  margin-bottom: $baseLineHeight;
  .ui-datepicker { width:auto;}
}
.comment {
  font-size: 13px;
  border-top: 1px dotted $grayLight;
  margin-bottom: $baseLineHeight;
  padding-top: 10px;
  .comment-body {
    font-size: 14px;
  }
}
.post-comment-form-block, .post-comment-submitted-block {
  @include border-radius(5px);
  margin-bottom: $baseLineHeight;
  background: $sideColor1;
  @include box-shadow(1px 1px 5px rgba(0,0,0,0.25));  
  padding: 20px;
}
.post-comment-form-block #submitGroup-element dl { text-align: left;}
#blog-form-login {
  max-width: 250px;
  margin: 0 auto;
}