html {
    position: relative;
    min-height: 100%;
	font: 0.7em sans-serif;
}
body {
    margin: 50px 0 30px 0; /* bottom = footer height */
}
.content{
	display: block;
	margin: 10px auto;
	width: 90%;
    /*max-width: 1080px;*/
}

a {text-decoration: none;}
a:link {color: white;}
a:visited {color: white;}
a:hover {color: gray;}
a:active {color: black;}

.footer {
	background-color: black;
	color: white;
    position: fixed;
    left: 0;
    bottom: 0;
	text-align: right;
	line-height: 30px;
    height: 30px; /* footer height */
    width: 100%;
}

.header {
	background-color: black;
	color: white;
    position: fixed;
    left: 0;
    top: 0;
	text-align: right;
	line-height: 50px;
    height: 50px; /* header height */
    width: 100%;
}

.headerlogo {
	position: fixed;
	right: 30px;
	top: 50px;
	
}

li a {
  display: block;
}

ul {
  list-style-type: none;
  
  margin: 10px;
  padding: 0;
  /*width: 60px;*/
}

.nav {
	color: #cccccc;
	position: fixed;
	left: 10px;
	top: 50px;
	
}

.nav_active {
	color: black;
}