body {
  background-image:-webkit-linear-gradient(bottom, #F2F2F2 0%, #8C8C8C 100%);
  color:#090909;
  width:inherit;
  height:inherit;
  background-size:100% 100%;
  font-family: 'Inika', serif;
}

#header{font-family: 'Orbitron', sans-serif;}

#counter{font-family: 'Orbitron', sans-serif; display:inline-block;position:absolute;top:102%;left:-2px;}

#articles{float:left;padding-left: 10px; width:70%;max-width:50%;list-style-type: none;}
.articleCategory{
  min-width: 450px;
  margin-bottom: 10px;
}

.articleCategory div {
  clear: both;
}

#infobox {
  position: fixed;
  top: 55px;
  right: 10px;
  width: 40%;
  height: 100%;
  border: solid black 2px;
  background-color:rgba(0,0,0,.05);
  }

.divImage {
  float: left;
}

.categoryImage{
  width:70px;
  height:70px;
  border:2px solid black; 
  vertical-align:middle;
  }

.titleList {
  float: left;
  display: block;
  padding-left: 10px;
  width: 70%;
}

.clear {
  width: 100%;
  height: 0;
}

.titleList li {
  display:block;
  padding-bottom: 8px;
  background-color: none;
}

.titleList li:hover {
  background-color: rgba(173, 216, 230, 0.5);
  text-decoration: underline;
  cursor: pointer;
}

.titlelist li .title {
  text-decoration: underline;
}
.titleList li .abstract {
  display: none;
}
#infotext{padding-left:20px;padding-right:20px;}
#infostuff{opacity:1.0;}
#infotitle{padding-left:20px;}
#infoauthor {
  padding-left: 20px;
  display: none;
  opacity: 0.8;
  font-style: bold;
}