/* global style */
body{padding-bottom: 20px; background-color: #fafafa; background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FFFFFF), to(#F1F1F1), color-stop(0.2,#FFFFFF));background-repeat: repeat-x;}
h1{font-size: 22px;}
h3{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px; font-weight:600;}
h5{font-size: 14px;}

/* style of blogNav */
#blogNav{background-repeat: repeat-x; border: 1px solid #ddd; background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);}
#blogNav .nav > li > a{font-weight: bold;}
#blogNav .nav > li > a:hover{background-color: #fcfcfc;color: #222;background-image: -moz-linear-gradient(top, #fcfcfc 0%, #f3f3f3 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f3f3f3));background-image: -webkit-linear-gradient(top, #fcfcfc 0%,#f3f3f3 100%);background-image: -o-linear-gradient(top, #fcfcfc 0%,#f3f3f3 100%);background-image: linear-gradient(top, #fcfcfc 0%,#f3f3f3 100%);}
#blogNav .nav >li.active>a,#blogNav .nav >li.active>a:hover,#blogNav .nav >li.active>a:focus{color: #222;background-color: #fff;color: #222; background-image: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f3));background-image: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%);background-image: -o-linear-gradient(top, #fff 0%,#f3f3f3 100%);background-image: linear-gradient(top, #fff 0%,#f3f3f3 100%);}

@media (max-width: 767px)
{
  #blogNav .nav{margin: 0}
  #blogNav .nav + .nav{border-top: 1px solid #d5d5d5;}
  #blogNav .nav > li{display: block; float: left; width: 25%; border-left: 1px dashed #ddd}
  #blogNav .nav > li > a{text-align: center; padding: 5px; margin: 5px; border-radius: 6px}

  #headTitle {position: static; margin-top: 15px;}

  .card {margin-bottom: 10px;}
}
@media (max-width: 600px) {#blogNav .nav > li{width: 33.333333333333%;}}
@media (max-width: 480px) {#blogNav .nav > li{width: 50%;}}

/* style of footer */
#footNav .icon-rss-sign{color: #f39800}
#footNav .icon-rss-sign:hover{text-decoration: none; color: #ED9C28}

/* articles */
#articles .card{background-color: #fff;padding: 5px 5px 0}
#articles .card-heading a{font-weight: bold; color: #145BCC}
#articles .card .media {max-width: 200px; max-height: 100px}
#articles .card .media img{max-height: 100%}

.article{background-color: #fff}

/* pager */
.pager{margin-bottom: 20px;display: block;}
.pager .page{padding: 0}

/* footer */
#footer{background-color: #fff}
