/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


body {

        background-image: url('/dithered/IMG_4288.png'); 
        background-size: cover;
        background-attachment: fixed;
        font-family: 'FortySeven Micro NBP', sans-serif;
}

p {
  line-height: 1.3em; /*I find the default HTML line-height tends to be a bit claustrophobic for main text*/
}

hr {
  border: solid #5e64ff;
  border-width: 1px 0 0 0;
}

img {
  max-width: 100%;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.right {
  float: right;
  margin-left: 1em;
}
.left {
  float: left;
  margin-right: 1em;
}
.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .small {
    max-width: 60%;
    height: auto;
  }
}
.caption {
  margin-top: 0;
  font-size: 0.9em;
  font-style: italic;
}

a{
text-decoration: none;
color: #e3e4e8;
}

a:hover { 
  text-shadow: 0px 0px 2px #5e64ff;
  text-decoration: underline
}

h1, h2, h3, h4, h5 {
  font-family: 'FortySeven Micro NBP', sans-serif;
  color: #f7f8fc;
}

/*#CONTAINER is the rectangle that contains everything but the background!*/

#container {
  margin: 0.5em auto;
  width: 90%;
	max-width: 800px;
	background-color: #242424;
  color: #151515; 
  border: 1px solid #5e64ff;
  padding: 3px;
}

#content {
  padding: 10px 5% 20px 5%;
  color: #fff;
  letter-spacing: 2px;
  border: 1px solid #5e64ff;
  box-shadow: inset 0 0 0 4px #242424;
}


/*HEADER STYLE*/
#header {
  padding: 10px;
  border-color: #5e64ff;
  color: #242424;
  letter-spacing: 3px;
  border-width: 0 0 1px 0;
}
#header ul {
  list-style-type: none;
  padding: 0.5em 0;
  margin: 0;
}

#header h1{
margin: 0px;
font-size: 1.75em;
}

/*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;
}

/*DISQUS STYLE*/
#disqus_thread {
  margin-top: 1em;
}

/*FOOTER STYLE*/
#footer{
color: #fff;
padding: 3px;
align-items: flex-start;
font-size: 14px;
display: flex;           /* Set the box to use flexbox */
flex-direction: column;
}
 
#footer p{
margin: 1px;
}