body {
	font-family: 'Trebuchet', serif;
	color: white;
	background-color: black;
}

#container {
  padding:15px;
}

#content {
  width:85%;
  margin:10px auto;
  max-width:100%;
  margin-top:0px;
}

/* ----- */



/*items*/

article {
  display:inline-block;
  padding:30px 20px;
  vertical-align:top;
  text-align:left;
  width:300px;
  position:relative;
  margin:15px;
  height:auto;
  max-height:500px;
  outline:1px white dotted;
  outline-offset:;
  z-index:1;
  font-size:15px;
  overflow-y:scroll;
  background:black
}

article.large {
  width:400px;
  outline-offset:17px
}

article.xl {
  width:500px;
  max-width:100%;
  max-height:100%;
  outline-offset:80px;
  z-index:1
}


article.image {
  padding:0;
  z-index:1
}

article.image img {
  margin:0;
  display:block;
}

article.banner {
  width:90%;
  max-height:100px;
  }
  
.img {
  margin: -50px;
  margin-top:-50px;
  margin-bottom:-200px;
  display:inline-block;
  z-index:9;
  max-width:300px
}


/* ----- */



/*text stuff*/

h1 {
  font-style:italic;
  font-family: ;
  font-size:6em;
  line-height:.8em;
  word-wrap:break-word;
  color:white;
  margin:20px 0px;
}

a {
    color: steelblue;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
 
a:hover {
    color: lightskyblue;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.back {
  position:absolute;
  top:10px;
  left:20px;
  color:white;
  text-shadow:1px 1px 0px black;
  font-size:1.5em;
  font-style:italic;
  opacity:.6;
}
a.back:hover {
  opacity:1
}

li::marker {
  content: "— ";
  font-size: 1.2em;
}

/* ----- */






/* mobile */

@media(max-width:750px){
  
  #container {
  padding:0
}

h1 {
  font-size:2em;
  margin-top:80px;
  margin-bottom:80px;
}

h2 {
  font-size:1em;}

article {
  width:80%;
  margin:15px auto;
  max-height:100%
}

article.longtxt {
  width:80%;
  margin:10px auto;
  max-height:550px;
}

.img {
  position:relative;
  display:inline-block;
  margin:0 auto;
  z-index:-10
}


  
}