/***********default settings**********/
body{ background: url("img/background_body.jpg") repeat;
  font-family:"微软雅黑","Arial","Helvetica","sans-serif";
  color: #000;
}
h1{
    font-family:"微软雅黑","Arial","Helvetica","sans-serif";
    font-size: 30px;
    font-weight:bold;
    margin-bottom:26px;
    color:#000;
    word-wrap:break-word;
}
.fa.fa-arrow-circle-right{
    margin-right: 15px;
}
 
/*navbar bgcolor -- float*/
.navbar .navbar-inner{ 
  background-color: #00a9a9;
  }

.navbar .nav {  
  float: right; }



/*page container -- card style -- */
.nav-narrow{  
  margin: 0 auto;
  max-width: 900px;}



.card { 
  max-width: 900px;
  background:#fff; 
  background-image:url("/image/wall.jpg");
  box-shadow:0 1px 4px #ccc;
  box-shadow:0 2px 6px #ccc;
  border: solid 1px #ddd;
  border-radius:10px;
  border-bottom-color: #ccc;
  }

.container-narrow > hr { 
  margin: 30px 0; }

.read_more {
  padding: 10px 20px;

  background-color: #fff;
}
/* posts index */

.post > h3.title { 
  position: relative;
  padding-top: 10px; }

.post > h3.title span.date {  
  position: absolute;
  right: 0;
  font-size: 0.9em; }

.post > .more { 
  margin: 10px 0;
  text-align: left; }

/* post-full*/
.post-full .date { 
  margin-bottom: 20px;
  font-weight: bold; }

/* tag_box */
.tag_box { 
  list-style: none;
  margin: 0;
  overflow: hidden; }

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li { 
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: rgb(222,106,115);
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
                 }

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #4285F4; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }

.hat_title{
/*    margin: 50px 0 20px 0;*/
/*    padding: 30px 0 40px 0;*/
/*    background-color: rgb(229, 229, 229);*/
/*    color: rgb(0,173,207);*/
    font-size: 30px;
    font-weight: bold;
    font-family:"微软雅黑","Arial","Helvetica","sans-serif";
}
.post_list{
    margin-left: 60px;
}
.page.card{
    background:url("img/card_bg.jpg") repeat top center;
    background-image:url("/image/wall.jpg");
    box-shadow:0 1px 4px #ccc;
   box-shadow:0 2px 6px #ccc;
   border: solid 1px #ddd;
   border-radius:10px;
   border-bottom-color: #ccc;
}
a {color:#1D1DEA;

}

/*我修改样式*/
h2 {
  font-size:22px;
  font-weight:bold;
  margin-bottom:25px;
}
h3 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:25px;
}
h4,h5,h6 {
  font-weight:bold;
  margin-bottom:15px;
}
p {
  margin-bottom:40px;
  line-height:1.8em;
}
code {
  background:#eee;
  border:1px solid #ccc;
  padding:0 5px;
  font-family:"Courier";
  line-height:14px;
  font-size:14px;
  word-wrap:break-word;
}
pre {
  background-color:#000;
  padding:15px;
  overflow:auto;
  margin-bottom:40px;
  font-size:14px;
  border:1px solid #eee;
  -webkit-border-radius:4px 4px 4px 4px;
  -moz-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
  color:#b9bdb6;
  margin-top:-20px;
}
h4+pre,h3+pre {
  margin-top:20px;
}
pre code {
  background-color:transparent;
  border:none;
  padding:0;
  word-wrap:normal;
}
pre ol {
  margin-left:25px;
  list-style-type:decimal;
}
table.imagetable {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #999999;
  border-collapse: collapse;
}
table.imagetable th {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
  background-color: #b5cfd2;
}
table.imagetable td {
  background-color: #dcddc0;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}