@import url("https://fonts.googleapis.com/css?family=Spectral:400,400i,700,700i&subset=vietnamese");
@import url("https://fonts.googleapis.com/css?family=Quicksand&subset=vietnamese");
body {
  font-family: Quicksand;
  font-size: 12pt; }

a {
  color: black;
  text-decoration: none; }

a:hover {
  color: #ff4500; }

figure {
  margin: 0; }
  figure figcaption {
    text-align: center;
    font-style: italic; }

/* ========================================================================================================== LAYOUT */
.site-header,
.site-main,
.site-footer {
  width: 1000px;
  margin: 20px auto 20px auto; }
  @media only screen and (max-width: 1000px) {
    .site-header,
    .site-main,
    .site-footer {
      width: inherit;
      margin-left: 10px;
      margin-right: 10px; } }

/* ========================================================================================================== HEADER */
.site-header {
  text-align: center;
  text-transform: uppercase; }

.site-header-title {
  font-size: 1.8em; }

.site-header-nav {
  font-size: 1.2em; }
  .site-header-nav ul {
    list-style-type: none;
    padding: 0; }
    .site-header-nav ul li {
      display: inline;
      margin-left: 5px;
      margin-right: 5px; }

/* ============================================================================================================ MAIN */
.site-main {
  font-family: Spectral, Garamond, "Times New Roman", serif;
  font-size: 13pt;
  text-align: justify; }

/* ========================================================================================================== FOOTER */
.site-footer {
  font-size: 0.9em;
  text-align: center;
  text-transform: uppercase; }

/* ============================================================================================================ PAGE */
.page-title, .post-view .post-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center; }

/* ====================================================================================================== PAGINATION */
.pagination {
  font-family: Quicksand;
  font-size: 12pt;
  text-transform: uppercase;
  text-align: center; }

/* ============================================================================================================ POST */
.post-list .post-title {
  font-weight: bold; }
.post-list .post-excerpt {
  font-style: italic; }
.post-list .post-thumbnail {
  float: left;
  max-width: 150px;
  margin: 10px 10px 10px 0px; }

.post-view .image > img {
  max-width: 1000px; }
  @media only screen and (max-width: 1000px) {
    .post-view .image > img {
      max-width: 100%; } }

.post-list .post-tags,
.post-view .post-tags {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }
  .post-list .post-tags li,
  .post-view .post-tags li {
    display: inline;
    padding: 2px 5px 2px 5px;
    font-family: Quicksand;
    font-size: 9.6pt;
    text-transform: uppercase;
    background-color: #ff4500;
    border-radius: 5px; }
    .post-list .post-tags li a,
    .post-view .post-tags li a {
      color: white; }
.post-list .post-date,
.post-view .post-date {
  float: right; }