/***********************************************************************/
#blogpage {
  margin-bottom: 70px; }
  #blogpage h1 {
    font-size: 24px;
    line-height: 50px;
    margin: 0px; }
  #blogpage h3 {
    font-size: 20px;
    margin: 30px 0px 20px; }
  #blogpage .pagination {
    margin-top: 0px; }
  #blogpage .blog-meta {
    font-style: italic;
    font-size: 11px; }
  #blogpage .blog-tags {
    border-bottom: 1px solid #3838ad;
    position: relative;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 3px 0px 3px 15px; }
    .rtl #blogpage .blog-tags {
      padding: 3px 15px 3px 0px; }
    #blogpage .blog-tags:before {
      content: "\f02c";
      position: absolute;
      top: 3px;
      left: 0px;
      width: 15px;
      font-family: "FontAwesome";
      font-size: 13px; }
      .rtl #blogpage .blog-tags:before {
        right: 0px;
        left: auto; }

.blog-social .social-wrap > div {
  float: left; }

.blog-social .social-heading {
  padding-right: 12px; }

.blog-tags {
  padding: 6px 0px; }

.comment-item {
  padding: 12px 0px; }

.comment-wrap {
  overflow: hidden;
  background: none repeat scroll 0px 0px #FFF;
  border: 1px solid #3838ad;
  padding: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .comment-wrap .comment-meta {
    border-bottom: 1px solid #3838ad;
    font-size: 11px;
    margin: -20px -20px 10px;
    padding: 10px 20px; }
  .comment-wrap .comment-content p {
    margin: 0px; }

.comment-link {
  background: none repeat scroll 0px 0px #F4F4F4;
  border-left: 1px solid #3838ad;
  display: block;
  font-weight: bold;
  margin: -11px -20px -10px 0px;
  padding: 10px 20px;
  float: right; }
  .rtl .comment-link {
    float: left; }

.comment-form .control-label {
  padding-top: 6px;
  text-align: right; }

.comment-form .form-group:before, .comment-form .form-group:after {
  content: "";
  display: table; }

.comment-form .form-group:after {
  clear: both; }

.comment-form .note_comment {
  font-style: italic; }

.extra-blogs h4 {
  text-transform: none; }

.extra-blogs ul {
  margin: 0px;
  padding: 0px; }
  .extra-blogs ul li {
    padding: 6px 0px;
    border-bottom: 1px dotted #DDD;
    list-style: outside none none; }

#blog-listing {
  margin-bottom: 70px; }
  #blog-listing h1 {
    font-size: 24px;
    line-height: 45px;
    margin: 0px; }
  #blog-listing h3 {
    font-size: 16px;
    margin: 20px 0px 10px;
    text-transform: none; }
    #blog-listing h3 a {
      color: #004175; }
      #blog-listing h3 a:hover {
        color: #0a0a0a; }
  #blog-listing .blog-item {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #3838ad; }
    #blog-listing .blog-item .image {
      float: none;
      display: block;
      width: 100%;
      padding: 0px; }
    #blog-listing .blog-item .blog-meta {
      font-style: italic;
      font-size: 11px; }
    #blog-listing .blog-item .read-more {
      color: #777777; }
      #blog-listing .blog-item .read-more:hover {
        color: #0a0a0a; }
    #blog-listing .blog-item .blog-tags {
      border-top: 1px solid #3838ad;
      position: relative;
      font-size: 13px;
      padding: 3px 0px 3px 15px; }
      .rtl #blog-listing .blog-item .blog-tags {
        padding: 3px 15px 3px 0px; }
      #blog-listing .blog-item .blog-tags:before {
        content: "\f02c";
        position: absolute;
        top: 3px;
        left: 0px;
        width: 15px;
        font-family: "FontAwesome";
        font-size: 13px; }
        .rtl #blog-listing .blog-item .blog-tags:before {
          right: 0px;
          left: auto; }

.blog-sidebar .block-sidebar-blog.block ul {
  padding: 10px;
  border: 1px solid #3838ad; }
  .blog-sidebar .block-sidebar-blog.block ul li a {
    padding: 0px;
    line-height: 22px;
    font-size: 13px;
    text-transform: none; }
  .blog-sidebar .block-sidebar-blog.block ul li time {
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid #3838ad;
    display: block;
    padding-bottom: 5px; }
    .blog-sidebar .block-sidebar-blog.block ul li time:last-child {
      border-bottom: 0px; }