html, body {
  /*font-family: Palatino;*/
  font-family: 'Roboto', sans-serif;
  /*color: #121212;*/
  color: #999999;
  background: #000000;
  -webkit-font-smoothing: antialiased;
}

a:link {
  color: #ff0000;
  text-decoration: none;
/*  font-weight: bold;*/
}

a:visited {
  color: #ff0000; /*#8B0000;*/
  text-decoration: none;
/*  font-weight: bold;*/
}

a:hover {
  text-decoration: underline;
  /*color: #000000;*/
}

ul {
  list-style-type: none;
}

#nav {
  top: 0;
  left: 0;
  width: 100%; 
  position: fixed;
  height: 30px;
  font-family: 'Press Start 2P', cursive;  
  /*font-family: 'Jim Nightshade', cursive; */
}

#menu {
  margin-top: 0px;
  font-size: 12px;
}

#menu ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 15px;
  text-align: right;
/*  text-transform: uppercase; */
  /*background: #eeeeee;*/
  background: #000000;
}

#menu li {
  display: inline;
  padding-left: 40px; 
  background: 000000;
 ; 
  padding-right: 5px;
}

#menu a, menu a:link, menu a:visited { 
  /*color: #000000;*/
  color: #ffffff;
  text-decoration: none; 
}

#menu a:hover {
  color: 000000;
  text-decoration: none; 
}



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


/* ---------- blog ---------- */

/* blog header */

#blog-header {
  padding: 20px;
}

#blog-header h1, #blog-header h2, #blog-header h3 {
  font-family: 'Press Start 2P', cursive;  
  background: #ff0000;
  display: table; /* https://stackoverflow.com/questions/4566100/css-h1-only-as-wide-as-the-text */
  padding: 5px;
}

#blog-header h1 {
  font-size: 32px;
}

#blog-header h2 {
  font-size: 12px;
}

#blog-header h3 {
  font-size: 8px;
}

/* blog content = content-wrapper */

#content-wrapper {
  margin-left:250px;
  margin-top: 30px;
  width: 640px;
  font-size: 18px;
  /*border:1px solid red;*/
}

#content-wrapper p, #content-wrapper ul {
  line-height: 1.8; /* vspace between lines */
}

.list {
  margin-top: 15px;
}

#content-wrapper h2 {
  display: table;
  border-bottom: 1px solid #000000;
  margin-top: 50px;
}

#content-wrapper img {
  width: 640px;
}

#content-wrapper pre {
  width: 640px;
  display: inline-block;
}

#content-wrapper code {
  font-size: 12px;
}

/* ---------- blog index ---------- */

#index-content-wrapper {
  margin-left:50px;
  margin-top: 30px;
  width: 1024px;
  font-size: 16px;
  line-height: 1.8;
}

.title {
  vertical-align: text-top;
  padding-left: 20px;
}

.timestamp {
  font-family: 'Press Start 2P', cursive;
	  font-size: 8px;
  vertical-align: text-top;
  text-align: right;
/*color: #E52B50;*/
  color: #ffffff;
}

.title-sep {
  border-right: 1px solid #cccccc;
  padding-left: 20px;
}

.subject {
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
}

#blog-subject-header {
  padding: 20px;
}

#blog-subject-header h1, #blog-subject-header h2 {
  font-family: 'Press Start 2P', cursive;
  background: #ff0000;
  display: table;
  padding: 5px;
}

#blog-subject-header h1 {
  font-size: 32px;
}

#blog-subject-header h2 {
  font-size: 12px;
}

