html {
	height: 100%;
}

.pubitem {
	color: #2e3436;
}

body {
	background-color: #d3d7cf;
	color: #2e3436;
	font-family: sans-serif;
	height: 100%;
	margin: 0px;
}

h1 {
	border-bottom: 1px solid #000000;
	font-family: 'Quattrocento Sans', sans-serif;
}

h1#retro {
	font-family: "Press Start 2P";
}


h2, h3, h4, h5, h6 {
	font-family: 'Quattrocento Sans', sans-serif;
}

a {
    color: #5b52c7;
}

div#outerbox {
	box-shadow: 0px 0px 40px #000000;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	min-height: 100%;
	position: relative;
	background-color: #f7f8f5;
	border-left: 1px solid #586e75;
	border-right: 1px solid #586e75;
}

div#box {
	background-color: #f7f8f5;
	min-height: 100%;
	padding-bottom: 2em;
}

div#header, div#menu, div#content, div#footer {
    padding: 1em;
}

div#menu {
    background-color: #5b52c7;
    padding: 0.6em 0 0.6em 0;
    font-family: "Exo 2", sans-serif;
    float: right;
}

div#menu a {
	color: #ffffff;
}

div#menu a:hover{
	color: #fff600;
}

#menu span {
    font-weight: bold;
    padding: 0.6em;
}

#menu span.current {
    background-color: #000000;
}

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

div#footer {
    color: gray;
    text-align: center;
    font-size: small;
    position: absolute;
    bottom: 0;
    width: 100%;
}

div#footer a {
    color: gray;
    text-decoration: none;
}

pre {
    border: dotted black 1px;
    background: #eeeeec;
    padding: 1em;
}

code {
    background: #eeeeec;
}