body { 
	width: calc(100% - 200px);
    max-width: 850px;
    min-width: 360px;
    margin: auto !important;
    border: 35px none #00FF00;
    background-color: black;
    color: lawngreen;
}

pre { 
	word-wrap:break-word;
	white-space: pre-wrap;
}

a:text

a {
  color: slategray;
  font-weight: bold;
}

/* unvisited link */
a:link {
  color: slategray;
  font-weight: bold;
}

/* visited link */
a:visited {
  color: slategray;
  font-weight: bold;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: hotpink;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    /* FIXME: Pages with images are off-center, why?*/
    /*Conflict wth img tag and .index?*/
}

.index {
    margin: 0 auto;
    text-align: center;
    font-family: Courier New, Courier, monospace;
}

.content {
/*    margin: 0 auto;*/
/*    text-align: center;*/
    font-family: Courier New, Courier, monospace;
}

.footer {
    margin: auto;
    width: 75px;
}