/*
styles.css
*/

#header-personal {
    visibility: hidden;
}

#blog img {
    display: block;
    max-width: 100%;
    margin: 1em auto !important;
}

/* block quotes */
#blog blockquote {
  display: block;
  border-left: 2px solid #a0c3fb;
  color: #4474e2;
  padding: 1em;
  font-family: monospace;
}

/* code blocks */
#blog code {
  font-family: monospace;
  font-weight: bold;
}

#blog pre {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f0f0f0;
  padding: 1em;
  margin: 1em 0;
}

/* ordered and unordered list styles */
#blog ul {
  list-style: square;
  margin: 1em 1em 1em 1.5em;
}

#blog ul li {
  padding: 0.5em 0;
}

#blog ol {
  list-style: decimal;
  margin: 1em 1em 1em 1.5em;
}

/* headlines (chapters and sections) */
#blog h1,
#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
  color: #444;
  text-align: left;
  font-weight: 100;
}

/* a single horizontal line */
#blog hr {
  height: 1px;
  border: none;
  border-bottom: 1px solid #ccc !important;
  padding-top: 1em;
  margin-bottom: 1em;
}

#blog em {
  font-style: italic;
}

#blog strong {
  font-weight: bold;
}

/* tables */
#blog table {
  margin: 1em !important;
}

#blog table,
#blog th,
#blog td {
  border: 1px solid #aaa;
}

#blog th,
#blog td {
  padding: 0.5em;
}

#blog-info {
  padding-bottom: 1em;
}

#blog-info {
  display: block;
  width: 100% !important;
}

#blog-info:after {
  content: "";
  clear: both;
  display: block;
}

#blog-info .common-icon-user {
  font-size: 200%;
  background-color: #a0c3fb;
  color: #4474e2;
  padding: 0.25em;
  float: left;
  display: block;
  margin-right: 0.5em;
}

#blog-info .author {
  display: block;
  color: #666;
}

#blog-info .ctime {
  display: block;
  float: left;
  color: #aaa;
  font-size: 80%;
}

#blog-info .common-icon-share {
    font-size: 200%;
    top: -0.5em;
    float: right;
    margin-right: 0.5em;
    position: relative;
}

a.back {
    display: block;
    text-align: center;
    color: #888;
}

a.back:after {
    content: " ›";
}