* {
    margin:0;
    padding:0;
}
body,html {
    height:100%;
}
body {
	font-family : sans-serif;
	font-size : 14px;
}

/*
 * MAIN LAYOUT
 */

div#container {
   min-height:100%;
}
div#logo {
    width:248px;
    height:48px;
    background: transparent url('/img/nerdstock_header.png') no-repeat 0 0;
    position:absolute;
    top:25px;
    left:50%;
    margin-left:-450px;
}

/*
 * TOPBAR / NAVIGATION
 */

div#navigatie {
    background: #423e3b url('/img/nerdstock_top.png') no-repeat 50% 0;
    height:20px;
    padding-top:60px;
    text-align:center;
}
div#navigatie ul {
    height:25px;
    background-color: #000;
}
div#navigatie ul li {
    list-style-type:none;
    display: inline;
}
div#navigatie ul li a {
    padding-top:5px;
    text-decoration:none;
    text-transform: uppercase;
    font-weight:bold;
    padding-right:20px;
    color: #fff;
}

/*
 * CONTENT STYLES
 */

div#content {
    margin-top:20px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    border: 8px solid #dbd7d8;
    min-height:300px;
    background: transparent url('/img/nerdstock_content.png') no-repeat 100% 100%;
    padding:4px;
}

/*
 * FOOTER STYLES
 */

div#footer {
    position:relative;
    clear:both;
    background: #423e3b url('/img/nerdstock_bottom.png') no-repeat 50% 100%;
    margin-top:-80px;
    border-top:4px solid black;
    height:70px;
    padding-top:5px;
    padding-left:5px;
}

div#footer a.align_right {
    position:absolute;
    right:5px;
    top:5px;
}