/* ==================== ELEMENTS ==================== */

html {
    margin:0;
    padding:0;
    background-color:#efe;
    font-family: helvetica;
}
body {
    min-width:680px;
    margin:0;
    padding:0;
    /*background:url("media/moonBackground.png");
    background-position:left top;
    background-repeat:no-repeat;*/
    color:#000;
}
h1 {
    margin:0;
    padding:0;
}
a { font-weight:bold; }
a:link { color: #00ff00; }
a:visited { color: #00ffaa; }
a:hover { color: #efe; }
a:active { color: #00ff00; }

/* ==================== IDS ==================== */



/* ==================== CLASSES ==================== */
/* .hacks */
.hack-float-left { float:left; }
.hack-clear-both { clear:both; }

/* 
    .bar et al
    The top headliner bar of the web page.
*/

.bar {/*slug*/}

.peers-title {
    font:3em sans-serif;
    font-weight:900;
}
.peers-slogan {
    font: 2em;
}

/* .foo~ */
.foo {
    padding:1em 4em 4em 4em;
    background-color:#000;
    color:#fff;
}
.foo .menu {
    margin:0 auto;
    vertical-align:middle;
    text-align:center;
}
.foo .menu a {
    font-size:1.1em;
    text-decoration:none;
    text-transform: uppercase;
}
.foo .menu a:nth-child(-n+5):after {
    content:" . ";
    font-weight:900;
    color:#fff;
}

/* List of projects */
table.projects {
    border-collapse:  separate;
    border-spacing:   2em 1em;
}

    table.projects td {
        vertical-align: top;
    }
    
/* Contacts details */
ul.contacts {
    list-style: none;
}

    ul.contacts > li {
        line-height: 2em;
    }
