/* Enter Your Custom CSS Here */

/* Make content section bigger. If width < 800 px the original css will already make content 100% */
@media (min-width: 800px) {
  .section-inner .content {
    width: 70%;
  }
  
  .section-inner .sidebar {
    width: 22.5%;
  }
}

/* Make page content 100% and hide sidebar, requires manual modification of page.php */
.page-inner .content {
  width: 100%;
}

.page-inner .sidebar {
  display: none;
}

/* decrease font-size */
.posts .post-content {
  font-size: 90%;
}

/* undo text-align: left in original css */
div p {
  text-align: inherit;
}

/* let the syntax highlighter have a nice padding */
.section-inner .syntaxhighlighter a,
.section-inner .syntaxhighlighter div,
.section-inner .syntaxhighlighter code,
.section-inner .syntaxhighlighter table,
.section-inner .syntaxhighlighter table td,
.section-inner .syntaxhighlighter table tr,
.section-inner .syntaxhighlighter table tbody,
.section-inner .syntaxhighlighter table thead,
.section-inner .syntaxhighlighter table caption,
.section-inner .syntaxhighlighter textarea {
  padding: 0.33em 0 0.33em 0.33em !important;
}

/* newline only shown at < 700px, below that images have no align and text should not be immediatly after an image tag */
@media (min-width: 700px) {
  br.align-separator {
    display:none;
  }
}

.section-inner img.alignleft {
  padding: 0;
}

@media (max-width: 700px) {
  .post-content img.alignnone {
    float: none;
    margin: 0 auto 1.2em;
    width: auto;
  }
}