/*===========================
  reset
  ===========================*/
body{
  font-family:"微软雅黑";
  color:#555;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family:"微软雅黑";
  font-weight: normal;
  color: #333;
}
i{
  font-style:normal;
}
h4{
  position:relative;
  background-color:#00a1d6;
  width:80px;
  height:40px;
  line-height:40px;
  color:#fff;
  text-align:center;
}
h4:before{
  content:"";
  position:absolute;
  left:80px;
  top:0;
  width:0px;
  height:0px;
  border-left:20px solid #00a1d6;
  border-right:20px solid transparent;
  border-top:20px solid transparent;
  border-bottom:20px solid transparent;
}
p{
  word-wrap:break-word;
  word-break:break-all;
  text-align:justify;
}


/*===========================
  navbar
  ===========================*/
a.navbar-brand{
  position:relative;
}
a.navbar-brand img{
  position:absolute;
  margin:auto;
  left:0;
  top:0;
  bottom:0;
  right:0;
}
#navbar{
  margin-left:36px;
}


/*===========================
  blog name and description
  ===========================*/
.blog-header{
  padding-top:20px;
  padding-bottom:20px;
  letter-spacing:6px;
}
.blog-title{
  margin-bottom:10px;
  font-size:40px;
  font-weight:normal;
}
.blog-description{
  font-size:20px;
  color:#999;
}

/*===========================
  main column and sidebar layout
  ===========================*/
.blog-main{
  font-size:18px;
  line-height:1.5;
}

/*===========================
  list
  ===========================*/
div.list{
  position:relative;
  height:auto;
  /*min-height:100px;*/
  margin-bottom:30px;
}
div.list-block{
  position:relative;
  font-size:14px;
  height:48px;
  line-height:48px;
  border-top:1px solid #e5e9ef;
  border-left:1px solid rgba(255,255,255,0);
  border-right:1px solid rgba(255,255,255,0);
  transition:all 0.2s linear;
  cursor:pointer;
}
div.list-block:hover{
  padding-left:15px;
  border:1px solid #e5e9ef;
  box-shadow:1px 2px 2px #ccc;
  color:#00a1d6;
}
div.list-block a{
  display:inline-block;
  width:100%;
  text-decoration:none;
  font-family:"微软雅黑";
  color:#000;
  position:relative;
  z-index:10;
  background-color:transparent;
}
div.list-block a:hover{
  color:#00a1d6;
}
div.list-block time{
  position:absolute;
  top:0;
  right:20px;
  z-index:0;
}


/*===========================
  sidebar modules for boxing content
  ===========================*/
.sidebar-module{
  padding:15px;
  margin:0 -15px 15px;
  text-align:justify;
}
.sidebar-module-inset{
  padding:15px;
  background-color:#f5f5f5;
  border-radius:4px;
}

/*===========================
  pager
  ===========================*/
.pager{
  margin-bottom:60px;
  text-align:left;
}
.pager > li > a{
  width:140px;
  padding:10px 20px;
  text-align:center;
  border-radius:30px;
}

/*===========================
  blog posts
  ===========================*/
.blog-post{
  margin-bottom:50px;
  padding-bottom:10px;
  font-size:16px;
}
.blog-post-title{
  margin-bottom:10px;
  font-size:30px;

}
.blog-post-meta {
  margin-bottom:10px;
  padding-bottom:10px;
  color: #999;
  font-size:14px;
  border-bottom:1px dotted;
}
.blog-post-meta span{
  padding:0px 10px;
  color:#00a1d6;
}
blockquote{
  font-size:16px;
  background-color:#f8f8f8;
  word-wrap:break-word;
  word-break:break-all;
}

/*===========================
  footer
  ===========================*/
.blog-footer{
  padding:40px 0;
  color:#999;
  text-align:center;
  background-color:#f9f9f9;
  border-top:1px solid #e5e5e5;
}
.blog-footer p:last-child{
  margin-bottom:0;
}