@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Noto+Sans:400,700,400italic,700italic);

body {
  font-family: 'Noto Sans', sans-serif !important;
  background-color: rgb(255, 255, 220);
}

a:link    { color: #664b20; text-decoration: underline; }
a:hover   { color: #d6a970; text-decoration: underline; }
a:visited { color: #664b20; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif !important;
}

.text-right {
    text-align: right;
}

/* full container properties */
.container {
    background-color: rgb(255, 255, 245);
}
/* header */
header {
    background-image: url(../img/fall.jpg);
    font-weight: bold;
}
header#banner h1 {
    font-size: 2.6em;
}
header#banner h1 a {
  color: rgb(255, 255, 170);
  text-decoration: none;
}
header#banner small {
  color: rgba(255, 255, 170, .8);
  display: none;
}

/* Large screens display it */
@media (min-width: 768px) {
    header#banner small {
      display: inline;
    }
}

/* Aside */
aside h2 {
    font-size: 1.2em;
}
aside h3 {
    font-size: 1.1em;
}
aside h2 {
     margin-top: .75em;
 }
aside h3 {
    margin-top: .5em;
    margin-bottom: .5em;
}
aside ul li {
    padding: 0.25em;
}

/* main content */
.content {
    line-height: 1.6;
    padding: 1.1em;
}
.content h2 {
    font-size: 1.5em;
}
.content h3 {
    font-size: 1.3em;
}
.content h4 {
    font-size: 1.1em;
}
h2.entry-title a {
    text-decoration: underline;
}
article.bordered {
    border-bottom: 1px solid #888;
}
.post-info {
    background-color: #dde;
    margin-left: 2em;
    padding: .4em .4em .2em .6em;
    margin-bottom: .5em;
}
blockquote p {
  font-style: italic;
  margin-left: 2em;
}
code {
    display: block;
    font-family: monospace;
    padding-left: 2em;
}
.content ul {
    margin-left: 2em;
}
.content ul li {
    list-style-type: square;
}
/* page footer */
footer {
    margin-top: 2em;
    border-top: 1px solid #361b00;
}

/* For smaller screens */