body {
font-family: 'Helvetica Neue', helvetica, sans-serif;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

ul {
list-style-type: none;
padding: 0;
}

ul > li {
padding: 2px 0;
}

tt, code {
font-family: Consolas, 'Courier New', courier;
background-color: #ddd;
}

tt {
padding: 0 5px;
}

code {
display: block;
font-size: 14px;
padding: 10px;
}

.notice {
padding: 10px;
background-color: #ff8;
}

#centered {
width: 700px;
margin: 0 auto;
}

h1, h2 {
display: block;
width: 100px;
clear: both;
float: left;
margin: 0;
text-align: right;
font-family: 'Yanone Kaffeesatz';
font-size: 24px;
font-weight: normal;
}

h2 {
color: gray;
}

ul.lay {
margin: 20px 0 20px 120px;
font-family: 'Yanone Kaffeesatz';
font-size: 24px;
}

ul.projlinks {
margin: 0;
padding: 10px 0 10px 120px;
background-color: #f4f4f4;
}

ul.lay > li {
display: inline;
margin: 0 15px 0 0;
}

ul.lay a, ul.lay a:visited {
color: #ccc;
}

ul.projlinks a, ul.projlinks a:visited {
color: gray;
}

ul.lay a:hover {
color: black;
}

.sep {
color: #eee;
}

ul.lay a.selected {
background-color: black;
color: white;
padding: 2px 7px;
}

#header {
margin: 35px 0;
}

#content {
clear: both;
font-size: 16px;
}

#content h3 {
display: block;
width: 100px;
clear: both;
float: left;
margin: 0;
text-align: right;
font-size: 16px;
}

#content p, #content ul, #content code {
margin: 20px 0 20px 120px;
}

#content ul ul {
margin: 10px 0 10px 40px;
list-style-type: circle;
}

#content a, #content a:visited, #content a:hover {
font-weight: bold;
color: black;
}