blog.iml CSS

blog.iml CSS

.blog-body {
  border-right: 2px dotted #DCDCDC;
  padding-right: 24px;
}

#bread {
  display: none;
}

.blog-main {
  float: left;
  width: 75%;
}

.blog-side-panel {
  float: left;
  width: 25%;
  padding-left: 24px;
}

/*Blog excerpt*/
.blog-excerpt {
  background: #F3F2F0;
  padding: 24px;
  margin-bottom: 24px;
}

.blog-excerpt-right {
  color: #3a3430;
}

.blog-excerpt-right .date {
  font-size: 13px;
  font-style: italic;
  margin-bottom: 0;
  margin-bottom: 6px;
}

.blog-excerpt-right a {
  text-decoration: none;
}

a .blog-excerpt-heading {
  color: #3a3430;
  font-size: 18px;
  margin-bottom: 6px;
}

a .blog-excerpt-heading:hover {
  color: #3a3430;
}

.blog-arrow a {
  color: #871c11;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  background: url(../img/right-arrow-blog.png) 96% 85% no-repeat;
  padding-right: 24px;
  padding-top: 6px;
}

/*blog cats in body*/
.blog-body #blogCats {
  display: none;
}

/*blog footer*/
.printFooter {
  display: none;
}

/*blog sidebar*/
#blogCats .cat {
  text-transform: uppercase;
  margin-bottom: 6px;
}

#blogCats ul {
  list-style: none;
  padding-left: 0;
}

#blogCats .know_content a {
  color: #871c11;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 6px 0;
  display: block;
}

.related-posts h1 {
  text-transform: uppercase;
  margin-bottom: 6px;
}

.related-posts ul {
  list-style: none;
  padding-left: 0;
}

.related-posts a {
  color: #871c11;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 6px 0;
  display: block;
}

@media (max-width: 991px) {
  .blog-thumb {
    margin-bottom: 24px;
  }
}
@media (max-width: 700px) {
  .blog-body {
    border-right: none;
    padding-right: 0;
  }

  .blog-main {
    width: 100%;
    float: none;
  }

  .blog-side-panel {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
/*********************
Blog single
********************/
.blog-pic-left {
  float: right;
}

.blog-pic-left img {
  width: 100%;
}

.blog-pic-right {
  float: right;
}

#blogL {
  border-right: 2px dotted #DCDCDC;
  padding-right: 24px;
}

.n-blog-full-main h2 {
  font-weight: normal;
}

@media (max-width: 700px) {
  #blogL {
    border-right: none;
    padding-right: 0;
  }
}
/********************
Top social
********************/
.gaps {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  list-style: none;
  position: relative;
}

#___plusone_0 {
  position: relative;
  border: 1px solid red;
  position: absolute;
  left: 139px;
  top: 23px;
}

/********************
share box
*********************/
#shareBox {
  width: 95%;
  /*624px*/
  float: left;
  margin: 28px 0 0 0;
  border: 1px solid #e0e0e0;
  padding: 6px 0 6px 0;
  background: #fafafa;
}

#shareL {
  width: 60%;
  /*424px*/
  float: left;
  padding: 10px 0;
}

#shareL p {
  font-family: Helvetica;
  margin: 0 0 0 20px;
  color: #333;
  font-size: 13px;
}

.b-blue {
  color: #2b88c3;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
}

#shareL ul.ssoc {
  margin: 18px 0 0 21px;
  float: left;
}

#shareL ul.ssoc li {
  display: inline;
  float: left;
  margin: 0 0 8px 0;
}

#shareL ul.ssoc li span {
  display: none;
}

.soci {
  background: url(../img/soc-icons.png);
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.sfb {
  width: 32px;
  height: 32px;
  background-position: 0 0;
  float: left;
  margin: 0 11px 0 0;
}

.sfb:hover {
  width: 32px;
  height: 32px;
  background-position: 0 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.sfb:active {
  width: 32px;
  height: 32px;
  background-position: 0 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.stwit {
  width: 32px;
  height: 32px;
  background-position: -43px 0;
  float: left;
  margin: 0 11px 0 0;
}

.stwit:hover {
  width: 32px;
  height: 32px;
  background-position: -43px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.stwit:active {
  width: 32px;
  height: 32px;
  background-position: -43px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.sdigg {
  display: none;
}

.ssu {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  float: left;
  margin: 0 11px 0 0;
}

.ssu:hover {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.ssu:active {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.sdel {
  display: none;
}

.slin {
  width: 32px;
  height: 32px;
  background-position: -215px 0;
  float: left;
  margin: 0 11px 0 0;
}

.slin:hover {
  width: 32px;
  height: 32px;
  background-position: -215px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.slin:active {
  width: 32px;
  height: 32px;
  background-position: -215px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.stech {
  width: 32px;
  height: 32px;
  background-position: -258px 0;
  float: left;
  margin: 0 11px 0 0;
}

.stech:hover {
  width: 32px;
  height: 32px;
  background-position: -258px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.stech:active {
  width: 32px;
  height: 32px;
  background-position: -258px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.brss {
  width: 32px;
  height: 32px;
  background-position: -301px 0;
  float: left;
  margin: 0 11px 0 0;
}

.brss:hover {
  width: 32px;
  height: 32px;
  background-position: -301px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.brss:active {
  width: 32px;
  height: 32px;
  background-position: -301px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

.plus {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  float: left;
  margin: 0 11px 0 0;
}

.plus:hover {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  -moz-box-shadow: 0px 0px 13px #888;
  -webkit-box-shadow: 0px 0px 13px #888;
  box-shadow: 0px 0px 13px #888;
  float: left;
}

.plus:active {
  width: 32px;
  height: 32px;
  background-position: -129px 0;
  -moz-box-shadow: 0px 0px 13px #000;
  -webkit-box-shadow: 0px 0px 13px #000;
  box-shadow: 0px 0px 13px #000;
  float: left;
}

#shareR {
  width: 40%;
  /*180px*/
  float: left;
  margin-top: 10px;
}

#shareR ul {
  margin: 6px 0 0 25px;
  float: left;
  list-style: none;
}

#shareR li {
  margin: 0 0 15px 0;
  float: left;
}

#shareR li a {
  width: 100%;
  display: block;
  float: left;
  color: #666;
  font-size: 12px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  text-decoration: none;
  padding: 9px 15px;
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

#shareR li a:hover {
  text-decoration: none;
  background: #e2e0e0;
}

.icngap {
  margin: 0 16px 0 0;
}

.spta {
  line-height: 35px;
}

.seml {
  line-height: 27px;
}

@media (max-width: 857px) {
  #shareL {
    float: none;
    width: 100%;
  }

  #shareR {
    float: none;
    width: 100%;
  }

  #shareL ul.ssoc {
    margin: 18px 0 0 16px;
    float: left;
    padding-left: 0;
  }

  #shareR ul {
    margin: 6px 0 0 0;
    float: left;
    list-style: none;
    padding-left: 0;
  }
}