body {
  width: 85%;
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  color: #444;
  font-size: 15px;
  line-height: 30px;
  font-family: Helvetica, arial, 'Hiragino Sans GB', 'Microsoft Yahei', Verdana, Arial,
    sans-serif; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: normal; }
    body a {
      color: #00B893;
      text-decoration: none; }
      body a:hover {
        color: #444;
        border-bottom: none; }
  body img {
    max-width: 100%; }

.clear {
  clear: both;
  height: 0; }

  * {
    outline: none; }

    #header {
      color: #666;
      padding: 20px 0 0;
      text-align: center;
      border-bottom: 1px solid #eee;
      position: relative; }
      #header .site_nav a {
        padding-right: 30px; }
        #header .site_nav a.selected {
          color: #00B893; }
      #header #search_bar {
        position: absolute;
        right: 1px;
        top: 20px;
        z-index: 9999; }
        #header #search_bar input {
          padding: 5px; }

.post {
  margin-bottom: 100px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  color: #666;
  width: 100%; }
  .post p {
    margin: 0 0 23px; }
    .post strong {
      color: #000;
      font-family: 'Microsoft Yahei', Verdana, Arial, Helvetica, sans-serif; }
      .post img {
        max-width: 100%;
        margin: 5px 0; }
        .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
          font-family: 'Microsoft Yahei', Verdana, Arial, Helvetica, sans-serif;
          color: #333; }
          .post h1 {
            font-size: 1.9rem;
            line-height: 1.2em;
            letter-spacing: -2px;
            text-indent: -3px; }
            .post .entry_title {
              color: #000;
              font-size: 48px;
              line-height: 1.2em;
              padding: 0;
              margin: 0.9em 0 1em 0; }
              .post .entry_title a {
                color: #000;
                border: none; }
                .post .entry_title a:hover {
                  color: #999; }
  .post .date {
    display: inline;
    padding: 9px 15px;
    font-size: 14px;
    color: white;
    background: #00B893;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 35px; }
    .post .info {
      margin: 0 0 10px 0; }
      .post .info .datetime {
        float: left;
        width: 100px;
        font-size: 14px;
        color: #57575D;
        line-height: 1.25em;
        font-family: helvetica; }
        .post .info .read_more {
          float: right; }
          .post .info .tags {
            float: right; }
            .post .info .tags a {
              margin-left: 10px;
              color: #808080; }
              .post .info .tags a:hover {
                color: #00B893; }
  .post .post_body {
    margin: 2.5em 0 1em 0; }

.pager {
  position: relative;
  height: 20px;
  margin: 50px auto 80px auto; }
  .pager .pre {
    position: absolute;
    left: 0;
    top: 0; }
    .pager .next {
      position: absolute;
      right: 0;
      top: 0; }

#archive h3 {
  font-size: 16px;
  margin: 25px 0 20px 0;
  padding: 0; }
  #archive .listing {
    list-style: none; }
    #archive .listing .listing_item {
      margin-left: 0px; }
      #archive .listing .listing_item span {
        color: #989990;
        margin-right: 10px; }
        #archive .listing .listing_item a {
          color: #808080; }
          #archive .listing .listing_item a:hover {
            color: #00B893; }

#footer {
  margin-top: 120px;
  padding: 13px 0px;
  text-align: center;
  font-size: 14px;
  color: #999; }
  #footer .powered a, #footer .designed_by a {
    color: #999; }
    #footer .powered a:hover, #footer .designed_by a:hover {
      color: #00B893; }

@media screen and (max-width: 480px) {
  body {
    width: 95%;   }
    #header {
      padding: 0;   }
      #header #nav_box #nav_menu li a {
        padding: 0 8px;   }
      #header #nav_box #search_bar {
        display: none;   }
  #footer {
    margin-top: 30px;   }
    .post {
      margin-bottom: 50px;   }
      .post .entry_title {
        font-size: 32px;   }
}

.markdown {
  line-height: 2.1; }
  .markdown h2 {
    font-size: 1.7rem;
    font-weight: 600; }
    .markdown h3 {
      font-size: 1.55rem; }
      .markdown h4 {
        font-size: 1.2rem; }
        .markdown h5 {
          font-size: 1.1rem; }
          .markdown h6 {
            font-size: 1.1rem; }

@media screen and (max-width: 768px) {
  #header {
    padding: 0;   }
    #header #search_bar {
      top: 6px;
      left: 1px;
      right: auto;   }
      .site_nav_wrap {
        padding-top: 35px;   }
}