body {
  background-color: #FFF;
  color: #444;
  font-family: "TIBch", "Classic Grotesque W01", "Helvetica Neue", Arial, "Hiragino Sans GB",
    "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px; }
  body img {
    max-width: 100%; }

.body_container {
  padding: 0 60px;
  max-width: 1150px;
  margin: 0 auto; }

  .content_container {
    padding-right: 50px;
    padding-top: 20px; }

    #fb_comments_container {
      margin-top: 35px;
      padding-top: 20px;
      border-top: 1px solid rgba(150, 150, 150, 0.2); }

      a, button.submit {
        color: #6E7173;
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in; }

        a:hover, a:active {
          color: #444; }

          a:focus {
            outline: auto; }

            .clear {
              clear: both; }

              #header {
                padding: 35px 0 0;
                text-align: left;
                border-bottom: 1px solid #ddd;
                position: relative; }
                #header .site-name {
                  margin-bottom: 40px; }
                  #header .site-name h1 {
                    padding: 0;
                    margin: 0;
                    height: 0;
                    overflow: hidden; }
                    #header .site-name #logo {
                      font: bold 38px / 1.12 "Times New Roman", Georgia, Times, sans-serif;
                      color: #555; }
                      #header .site-name #logo span, #header .site-name #logo:hover {
                        color: #777; }
                  #header .site-name .description {
                    margin: 0.2em 0 0;
                    color: #999; }
                #header #nav-menu {
                  margin: 10px 0 -1px;
                  padding: 0;
                  position: absolute;
                  width: 100%;
                  right: 0;
                  bottom: 0;
                  text-align: right; }
                  #header #nav-menu .site_nav {
                    list-style: none;
                    padding: 0;
                    margin: 0; }
                    #header #nav-menu .site_nav li ul {
                      display: none; }
                  #header #nav-menu li {
                    display: inline-block; }
                    #header #nav-menu li a {
                      padding: 1px 20px 0;
                      line-height: 30px;
                      display: inline-block;
                      color: #444;
                      font-size: 13px;
                      border: 1px solid transparent; }
                      #header #nav-menu li a:hover {
                        border-bottom-color: #444; }
                        #header #nav-menu li a.current {
                          border: 1px solid #ddd;
                          border-bottom-color: #fff; }

#sidebar {
  border-left: 1px solid #ddd;
  padding-left: 35px;
  margin-top: 45px;
  padding-bottom: 20px;
  word-wrap: break-word; }
  #sidebar .widget {
    margin-bottom: 30px; }
    #sidebar .widget .widget-title {
      color: #6E7173;
      line-height: 2.7;
      margin-top: 0;
      font-size: 16px;
      border-bottom: 1px solid #ddd;
      display: block;
      font-weight: normal; }
      #sidebar .widget ul {
        list-style: none;
        padding: 0; }
        #sidebar .widget ul li {
          margin: 5px 0;
          line-height: 1.5; }
  #sidebar #search {
    position: relative;
    overflow: hidden; }
    #sidebar #search input {
      padding: 12px 30px 11px 15px;
      line-height: 1.5;
      border: 1px solid #ddd;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: none; }

.label-title {
  margin-top: 1.1em;
  font-size: 20px;
  font-weight: normal;
  color: #888; }

  .post {
    padding: 25px 0 15px; }
    .post .post-title {
      margin: 0;
      color: #555;
      text-align: left;
      font: bold 25px / 1.1 "ff-tisa-web-pro", Cambria, "Times New Roman", Georgia,
            Times, sans-serif; }
      .post .post-title a {
        color: #555; }
    .post .post-meta {
      padding: 0;
      margin: 9px 0 0;
      color: #999;
      text-align: left;
      display: block;
      text-indent: 0.15em; }
      .post .post-content {
        font-size: 15px;
        line-height: 1.77;
        color: #444;
        padding-top: 27px;
        overflow: hidden; }
        .post .tags {
          padding-bottom: 1em; }
          .post .tags a {
            margin-right: 0.5em; }
            .post .tags a:before {
              content: '#';
              display: inline-block; }

.post-page .post-content {
  padding-top: 35px; }

  .pager {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    margin-bottom: 50px;
    padding: 25px 0;
    font-size: 14px; }
    .pager a {
      border-radius: 5px;
      height: 25px;
      line-height: 25px;
      padding: 5px 20px;
      border: 1px solid #DDD;
      float: left; }
      .pager a.next {
        float: right; }
        .pager a:hover {
          border-color: #999; }

#footer {
  padding: 0.8em 0 3.6em;
  margin-top: 1em;
  line-height: 1.5;
  color: #999; }
  #footer span {
    font-size: 0.9em; }

.post-archive {
  font-size: 15px;
  line-height: 2;
  padding-bottom: 0.8em; }
  .post-archive h2 {
    margin: 0;
    font: bold 25px / 1.1 "ff-tisa-web-pro", Cambria, "Times New Roman", Georgia,
        Times, sans-serif; }
    .post-archive .date {
      padding-right: 0.7em; }

#categories {
  padding: 0;
  margin: 0; }
  #categories .category {
    margin: 10px 0 20px 0;
    text-align: center; }
    #categories .category a {
      text-align: left;
      display: inline-block;
      border: 1px solid #ddd;
      padding: 20px 40px;
      min-width: 100px; }
      #categories .category a h3 {
        margin: 0; }
        #categories .category a:hover {
          border-color: #888; }

@media print, screen and (max-width: 48em) {
  .body_container {
    padding: 0 30px;   }
    .content_container {
      padding-right: 15px;   }
      #sidebar {
        display: none;   }
        #header .site-name {
          margin-bottom: 60px;
          text-align: center;   }
          #header #nav-menu a {
            padding: 0 15px;
            line-height: 27px;
            height: 27px;
            font-size: 13px;   }
}

@media print, screen and (max-width: 35.5em) {
  .body_container {
    padding: 0 20px;   }
    .content_container {
      padding-right: 0;   }
}

.hidden2 {
  display: none; }

  .markdown blockquote {
    border-left: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2.5em 0;
    padding: 0 0 0 50px;
    font-style: italic;
    color: #555; }
    .markdown blockquote:before {
      content: "“";
      display: block;
      font-family: times;
      font-style: normal;
      font-size: 48px;
      color: #444;
      font-weight: bold;
      line-height: 30px;
      margin-left: -50px;
      position: absolute; }
      .markdown strong, .markdown b, .markdown em {
        padding: 1px 2px;
        background-color: #fcfcf0;
        font-weight: normal; }
        .markdown pre {
          margin: 2em 0; }