* {
  box-sizing:border-box;
}

html, body {
  height: 100%;
  min-height:100%;
}

body {
  font-family: sans-serif;
  background: rgba(0,0,0,1);
  color:#ddd;
  height:100%;
  padding-bottom:300px;
}

a:link{
   color: #00ff00;
}
a:visited{
   color: #00aa00;
}
a:hover{
   color: #aaffaa;
}

th{
  color: black;
  background-color: white;
}

section{
  border-bottom: 1px solid white;
}

div#images div.clear{
  float: none;
  clear: both;
}

div#images div{
  float: left;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
}

pre {
  font-family: monospace;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
}

nav {
  font-size: 1em;
  line-height: 200%;
  text-align:center;
}

aside {
  background: rgba(0,0,0,1);
  width:100%;
}
aside img {
  display:block;
  margin:0px auto;
}

footer{
	clear: both;
  height:140px;
}

/* Classes */
.nav-link {
  text-align:center;
}
.container {
  height:100%;
  min-height:100%;
  margin-bottom:-140px;
}

/* Overwrite highlightjs background colour */
.hljs{
	background: #FEFFD7;
}

/* Initially hide the post search results */
ul.searchResults{
	display: none;
}

/* Media Queries */
@media (min-width: 320px) {
  .hide-mobile {
    display:none;
  }
	img{
		max-width: 100%;
	}
}
@media (min-width: 768px) {
  .hide-tablet {
    display:none;
  }
  
  body{
    background: rgba(0,0,0,1) url('/images/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  aside {
    position:absolute;
    padding-top: 1em;
    padding-bottom: 1em;
    border: solid thin rgba(255,255,255,1);
    background: rgba(0,0,0,0.9);
    width:175px;
    left:1em;
  }
  
  section {
    padding: 1em;
    border: solid thin rgba(255,255,255,1);
    background: rgba(0,0,0,0.9);
    margin-bottom: 2em;
  }
  
  .ads {
    position:absolute;
    padding: 0;
    right:1em;
    border: 0;
  }
  main {
    position:absolute;
    right:200px;
    left:200px;
  }
}