body {
    background-color: #1a0d00;
    font-size: 1em;
    font-family: Garamond, serif;
    color: #fff3e6;
}

p {
  line-height: 1.5em;
}

hr {
   border: 1px solid #fff3e6;
}

h1, h2, h3, h4, h5 {
   color:#fff3e6;
}

a {
   color: #fff3e6;
   text-decoration: underline;
}

img {
   max-width: 100%;
   height: auto;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.left {
   float: left;
   margin-right: 1em;
}

.right {
   float: right;
   margin-left: 1em;
}

.center {
   display: block;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
}

.caption {
   margin-top: 0;
   font-size: 1em;
   font-style: italic;
}

@media only screen and (min-width: 600px) {
  .small {
    max-width: 100%;
    height: auto;
  }
}

#container {
    padding-left: 1%;
    max-width: 750px;
}

#header {
    max-width: 100%;
    padding-top: 1%;
    padding-bottom: 1.25%;
}

#navbar {
   max-width: 100%;
}

#navbar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   overflow: auto;
   font-size: 1.25em;
}

#navbar ul li a {
   display: block;
   text-align: center;
   padding: 0.25em 1em 0.25em 0em;
   color: #fff3e6;
   text-decoration: none;
}

#navbar ul li a:hover {
   text-decoration: underline;
}

#content {
    max-width: 100%;
}

#indeximg {
   padding: 0.5em;
   max-width: 100%;
}

/*POST LIST STYLE*/
#postlistdiv ul {
  font-size: 1.2em;
  padding: 0;
  list-style-type: none;
}
#recentpostlistdiv ul {
  font-size: 1.2em;
  padding: 0;
  list-style-type: none;
}
.moreposts {
  font-size: 0.8em;
  margin-top: 0.2em;
}

/*NEXT AND PREVIOUS LINKS STYLE*/
#nextprev {
  text-align: center;
  margin-top: 1.4em;
}

#footer {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: smaller;
    display: flex;
    justify-content: center;
}

#footer a {
    color: #fff3e6;
    font-size: 1em;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}