/* Mennox.de */

body {
    margin: 0;
    text-align: center;
    background: transparent url("img/fh4_bg.gif") 50% 0 repeat-y;
    /* Opera */
    padding: 0;
    }

/* The main frame */
#rap {
    width: 600px;
    text-align: left;
    margin: 0 auto;
    }



/* The header image */
#header {
    width: 600px;
    height: 84px;
    background: Navy url("img/fh4_head.gif") top right no-repeat;
    }

#header h1 {
    text-align: right;
    margin: 0;
    padding: 30px 8px;
    }

#header h1 a {
    color: Navy;
    text-decoration: none;
    padding: 30px 12px 17px 58px;
    }

#header h1 span {
    visibility: hidden;
    }

#nav {
    width: 600px;
    height: 37px;
    margin-bottom: 20px;
    background: Navy url("img/fh4_bg_nav.gif") bottom center repeat-x;
    }

#nav ul {
    margin: 0 0 0 10px;
    padding: 0;
    }

#nav ul li {
    margin: 0;
    padding: 0 0 0 0;
    display: inline;
    font: 10pt 'Trebuchet MS';
    }

#nav ul li a {
    float: left;
    padding: 5px 10px 15px 10px;
    text-decoration: none;
    margin: 0 5px;
    }

#nav ul li a#current {
    color: #191970;
    background: url("img/fh4_arrow.gif") bottom center no-repeat;
    }

#nav ul li a:link, #nav ul li a:visited {
    color: Navy;
    }

#nav ul li a:hover {
    color: #DC143C;
    }

#content {
    margin: 0 25px;
    }

.post {
    clear: both;
    padding-bottom: 30px;
    }

.post h2 {
    font: 13pt 'Trebuchet MS', verdana, sans-serif;
    margin: 0;
    }
	 
.post h3 {
    font: 12pt 'Trebuchet MS', verdana, sans-serif;
	 color: Navy;
    margin: 0;
    }
	 
.post h2 a:link, .post h2 a:visited {
    color: Navy;
    text-decoration: none;
    }
	 
.post h3 a:link, .post h3 a:visited {
    color: Navy;
    text-decoration: none;
    }
.post p.sub {
    margin: 0;
    font: 8pt verdana, sans-serif;
    color: #A18A67;
    }

.post p.sub a {
    color: #A18A67;
    }

.post p.sub a:hover {
    color: #7A694E;
    }

.post p, .post li {
    font: 10pt 'Trebuchet MS', verdana, sans-serif;
    line-height: 1.5em;
    }

.post p {
    }

.post p.afterimage {
    clear: left;
    }

.post p a, .post li a {
    color: Navy;
    text-decoration: none;
    }

.post p a:hover, .post li a:hover {
    text-decoration: underline;
    }

.post p img {
    float: left;
    border: 1px solid #A18A67;
    padding: 2px;
    margin: 0 10px 0 0;
    }

.post blockquote {
    margin: 10px 20px;
    border: 1px solid Navy;
    padding: 0 8px;
    text-align: left;
    }

.post code {
    display: block;
    margin: 10px 20px;
    border: 1px solid Navy;
    padding: 8px;
    background: #ddd;
    text-align: left;
    }