body {
    margin: 0px;
    padding: 0px;
    background:black;
    color:white;
    font:12px/1.4em Verdana,sans-serif;
}

h1,h2,p {
    margin: 0px;
    padding: 5px 0px;
}

a {text-decoration: none;}
a:link, a:visited {color: #9640ac;}
a:hover {text-decoration: underline;}

#outer_container {
    margin: 10px auto;
    padding: 0px;
    background: #202020;
    min-width: 900px;
    width: 85%;
    position: relative;
}

#header { position: relative; height: 98px; background: #6c6c6c url(/media/img/hdr_bot.gif) repeat-x bottom; }
#header h1 { padding: 0; }

#nav { position: absolute; right: 0; bottom: 0px; background: #dddddd; white-space: nowrap;}
#nav li { display: block; list-style-type:none; float: left; margin: 0; padding: 0; vertical-align: middle;}
#nav a { padding: 2px 10px; }
#nav a:hover { background:#afaf8f; text-decoration: none;}


#main_container { background: #bbbbbb;}

#main_content {
    background: #f0f0f0 url(/media/img/bg_side_l.gif) repeat-y left;
    width: 65%;
    float: left;
    color: black;
    padding: 0; 
}

#main_content h1   { margin: 10px 30px; font-size: 140%; padding:5px; background: #df7fff;}
#main_content h2  { margin: 10px 30px; }
#main_content p  { margin: 0 30px; }


#extra_content {
    color: black;
    width: 35%;
    float: right;
}

#extra_content h4 { margin: 20px 0 5px; padding: 2px 15px; background: #202020; color: #ffffbf; font-size: 100%;}
#extra_content ul { margin: 0; padding: 0; font-size: 90%;}
#extra_content li { margin: 5px 0; padding: 0 15px; list-style: none; background: url(/media/img/bullet_extra.gif) 3px 5px no-repeat;}
#extra_content p { margin: 5px 15px; padding 0; font-size: 90%;}
#extra_content ul p { margin: 0px 15px; padding 0; font-size: 100%;}
#extra_content .rss_link { background: url(/media/img/rss_small.gif) no-repeat left;}

#footer {
    clear:both;
    background: #999999 url(/media/img/bg_footer_l.gif) repeat-y left;
    padding: 0; margin: 0;
}
#footer p { margin: 0 15px;}

/* Frontpage styles */
#main_content .fp_section { margin: 10px 20px; border-bottom: 1px dotted #999999;padding: 5px 0;}
#main_content .fp_section img {margin: 10px 10px; float:right;}
#main_content .fp_section_r {float: right; width:35%; background: #f0b0f0; border: 1px solid #df7fff; margin: 0; padding:0;}
#main_content .fp_section_l {float: left; width: 60%; margin: 0; padding: 0;}
#main_content .fp_section_l h2 { margin: 0 10px 10px; font-size: 140%; padding: 0;}
#main_content .fp_section_l p { margin: 5px 10px; padding: 0;}
#main_content .fp_section_r h3 { margin: 0 ; font-size: 120%; padding: 2px 10px; background: #df7fff;}
#main_content .fp_section_r h4 { margin: 5px 10px; padding: 0;}
#main_content .fp_section_r p { margin: 5px 10px; padding: 0; font-size: 80%;}



/* Blog styles */

#main_content .blog_entry {margin: 10px 20px; padding: 15px 0;}
#main_content .blog_entry h2 { margin:0 10px; }
#main_content .blog_entry p { margin:0 10px; }
#main_content .blog_entry h3 { margin:0 10px 20px; font-size: 100%; font-weight: normal;}
.blog_entry_foot { font-size: 90%; padding: 5px 10px; border-top: 1px dotted #999999; }
#main_content .blog_brief {margin: 10px 20px;}
#main_content .blog_brief p { margin:0 10px;}
#main_content .blog_brief a { font-weight: bold;}
 
#main_content .commentdisplay { background: #dfdfdf; margin: 10px 20px; }
#main_content .postcomment { background: #dfdfbf; margin: 10px 20px; font-size: 90%;}
#main_content .commentdisplay p { margin: 0px 10px; }
#main_content .postcomment p { margin: 0px 10px; }

/* Clearfix */

#main_container:after, .fp_section:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#main_container, .fp_section { display: inline_block; }

/* Hides from IE-mac \*/
* html #main_container,
* html .fp_section
 { height: 1%; }
/* End hide from IE-mac */