/*

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/

* {min-height:1px;}

body 
{
    border:0; 
    margin:0; 
    padding:0; 
    position:absolute;
    font-size:62.5%;
    font:.7em/1.4em "verdana",sans-serif;
    color:#192666;
    }

a {color:#192666;}
a:hover {color:#4F6AD7;}

p 
{
    border:0; 
    margin:15px 0; 
    padding:0;
    }

div 
{
    display:block; 
    border:0; 
    margin:0; 
    padding:0;
    }

h1, h2, h3, h4, h5 
{
    border:0; 
    margin:15px 0 10px 0; 
    padding:0; 
    font-weight:bold;
    }
h1 
{
    font-size:2.6em; 
    line-height:100%; 
    font-family:"georgia",serif; 
    font-weight:normal;
    }
h2 
{
    font-size:1.8em; 
    line-height:100%; 
    font-family:"georgia",serif; 
    font-weight:normal;
    }
h3 
{
    font-size:1.2em; 
    line-height:100%; 
    font-weight:bold;
    }
h4 {font-size:1.2em;}
h5 {font-size:1em;}

ul, ol 
{
    display:block; 
    border:0; 
    margin:15px 0 15px 40px; 
    padding:0;
    }
ol {list-style-type:decimal;}
li 
{
    display:list-item; 
    border:0; 
    margin:0; 
    padding:0; 
    _height:1px;
    }
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:1em; font-weight:bold; color:#008;}

hr 
{
    display:block; 
    height:1px; 
    margin:10px 0; 
    padding:0; 
    background:#CCC; 
    border:0 solid #CCC; 
    color:#CCC;
    }

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:1.1em;}

.Bold {font-weight: bold;}

.Title {font-weight: bold; font-size: 1.8em; color: #cc3300;}

.Code 
{
    border: #8b4513 1px solid; 
    padding-right: 5px; 
    padding-left: 5px; 	
    color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
    }

/* Floating */
.f-left {float:left;}
.f-right {float:right;}
.f-center {margin-left:auto; margin-right:auto;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px; _height:1px;}

.box:after 
{
    content:"."; 
    display:block; 
    line-height:0px; 
    font-size:0em; 
    visibility:hidden; 
    clear:both;
    }

.redtext{color:#FF0000;}
.nom {margin:0;}
.noscreen {display:none;}
.doscreen {display:block;}
.submitLink 
{
    vertical-align: middle;
    color: #B5C4E3; 
    background-color: transparent;
    font-weight:bold;
    text-decoration: none;
    border: none;
    cursor: hand;
    font-size: 1em;
    height: 16px;
    }
.submitLinkDark 
{
    vertical-align: middle;
    color: #354463; 
    background-color: transparent;
    font-weight:bold;
    text-decoration: none;
    border: none;
    cursor: hand;
    font-size: 1em;
    height: 16px;
    }
.submitText {vertical-align: middle;font-size: 1em;height: 10px;}

/* ShowDevelopHelp */
devhelpmain {position:absolute; top:3px; left:3px; margin:0;}
devhelpsub {position:absolute; top:3px; left:15px; margin:0;}

/* Postingblock */
.postingtable 
{
    position:relative; 
    width:750px; 
    margin:0; 
    padding:0; 
    color:#192666;
    }
    .postingtable table 
    {
        border-collapse:collapse;
        border:0; 
        color:#192666; 
        font-weight:bold;
        }
    .postingtable tr 
    {
        display:table-row; 
        width:750px; 
        background:url("../design/1000_content_bg.jpg") 0 0 repeat-y;
        }
    .postingtable th 
    {
        width:750px; 
        height:5;
        background:url("../design/1000_content_header.jpg") 0 0 no-repeat; 
        padding:3px 12px 0px 12px; 
        text-align:left; 
        font-weight:bold; 
        color:#192666;
        }
    .postingtable td 
    {
        background:url("../design/1000_content_bg.jpg") 0 0 repeat-y; 
        padding:5px 12px 5px 12px; 
        text-align:left; 
        font-weight:normal; 
        color:#192666;
        }
    /* Use multicell when multible horizontal cells is used in a postingblock */         
    .postingtable .multicell 
    {
        background:url("../design/multi_content_bg.jpg") 0 0 repeat; 
        padding:5px 5px 5px 5px; 
        /*text-align:left; */
        font-weight:normal; 
        color:#192666;
        width:auto;
        }
    .postingtable .multicell tr 
    {
        display:table-row; 
        }
    .postingtable .multicell th 
    {
        background:url("../design/multi_content_bg.jpg") 0 0 repeat;
        }
    .postingtable .multicell td 
    {
        background:url("../design/multi_content_bg.jpg") 0 0 repeat;
        vertical-align:top;
        }
    .postingtable .postfooter 
    {
        background:url("../design/1000_content_footer.jpg") 0 0 no-repeat; 
        padding:0px 12px 5px 12px; 
        text-align:left; 
        vertical-align: top; 
        font-size: 1em; 
        color:#6685CC;
        }
    /* Start AddressTable */
    .postingtable .adresstable
    {
    position: relative;
    width: 230px;
    margin: 0;
    padding: 10;
    background:#fafaff;
    }
        .postingtable .adresstable table 
        {
            display:table;
            border:2px; 
            background:none;
            color:#192666; 
            font-weight:bold;
            }
        .postingtable .adresstable tr 
        {
            display:table-row; 
            width:230px; 
            background:none;
            }
        .postingtable .adresstable th 
        {
            width:230px; 
            padding:0px 2px 0px 2px; 
            background:none; 
            text-align:left; 
            font-weight:bold; 
            color:#192666;
            }
        .postingtable .adresstable td 
        {
            padding:0px 2px 0px 2px; 
            background:none; 
            text-align:left; 
            font-weight:normal; 
            color:#192666;
            }
    /* Stop AddressTable */

    /* Calendar */
    .postingtable .caltable 
    {
        font-weight:normal; 
        color:#192666;
        }
        .postingtable .caltable table
        {
            padding:1px;
            border-spacing:0;
            }
        .postingtable .caltable tr
        {
            background:none;
            }
        .postingtable .caltable td 
        {
            display:table-cell;
            position:relative;
            width:64px;
            height:20px;
            border:1px solid #B7CAF6;
            margin:0;
            padding:1px;
            background:none;
            vertical-align:top;
            text-align:center;
            }
/*
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}
*/

    /* Stop Calendar */

/* Replyblock */
.replytable 
{
    position:relative; 
    margin:0; 
    padding:0; 
    color:#192666;
    }
    .replytable table 
    {
        border-collapse:collapse;
        width:700px; 
        border:0; 
        background:#FFFFFF; 
        color:#192666; 
        font-weight:bold;
        }
    .replytable tr 
    {
        display:table-row; 
        /*background:#FFFFFF url("../design/content_bg.jpg") 0 0 repeat-y;*/
        }
    .replytable th 
    {
        /*background:#FFFFFF url("../design/content_header.jpg") 0 0 no-repeat; */
        background-image:none;
        background-color:#e0e6fc;
        padding:3px 12px 0px 12px; 
        text-align:left; 
        font-weight:bold; 
        color:#192666;
        }
    .replytable td 
    {
        /*background:#FFFFFF url("../design/content_bg.jpg") 0 0 repeat-y; */
        background-image:none;
        background-color:#f5f8fd;
        padding:5px 12px 5px 12px; 
        text-align:left; 
        font-weight:normal; 
        color:#192666;
        }
    /* Use multicell when multible horizontal cells is used in a postingblock */         
    .replytable .multicell 
    {
        background:#FFFFFF url("../design/multi_content_bg.jpg") 0 0 repeat; 
        padding:5px 12px 5px 12px; 
        text-align:left; 
        font-weight:normal; 
        color:#192666;
        }
    .replytable .multicell th 
    {
        background:#FFFFFF url("../design/multi_content_bg.jpg") 0 0 repeat;
        }
    .replytable .multicell td 
    {
        background:#FFFFFF url("../design/multi_content_bg.jpg") 0 0 repeat;
        }
    .replytable .postfooter
    {
        background:#FFFFFF url("../design/content_footer.jpg") 0 0 no-repeat; 
        padding:0px 12px 5px 12px; 
        text-align:left; 
        vertical-align: top; 
        font-size: 1em; 
        color:#6685CC;
        }

/* News */
#mainhiddentable 
{
    position:relative; 
    width:750px; 
    padding:0px 0px 0px 0px; 
    color:#FFFFFF;
    }
    #mainhiddentable table 
    {
        border-style:hidden; 
        border-collapse:collapse; 
        border:0; border-color:#FFFFFF; 
        background:#FFFFFF; 
        text-align:center; 
        color:#192666;
        }
    #mainhiddentable th 
    {
        border-style:hidden; 
        border-collapse:collapse; 
        border:0; 
        border-color:#FFFFFF;
        background:#FFFFFF; 
        text-align:center; 
        color:#192666;
        }
    #mainhiddentable td 
    {
        border-style:hidden; 
        border-collapse:collapse; 
        border:0; 
        border-color:#FFFFFF; 
        background:#FFFFFF; 
        text-align:center; 
        color:#192666;
        }

/* Table to use on tables on adminpages */ 
#adminpages {position:relative; margin: 0; color:#192666;}
    #adminpages table 
    {
        border-collapse:collapse;
        padding: 0 0 0 0; 
        margin:0px 0px 0px 0px; 
        width:100%; 
        color:#192666;
        }
    #adminpages tr {display:table-row;}
    #adminpages th,td 
    {
        
        font-size: 1em; 
        padding: 0 0 0 0; 
        margin:0px 0px 0px 0px; 
        height: 16px; 
        text-align:left;
        }
    #adminpages th {background:#192666; font-weight:bold; color:#FFFFFF;}
    #adminpages td 
    {
        background:#FFFFFF; 
        vertical-align:top; 
        font-weight:normal; 
        color:#192666;
        }
    #adminpages div#pagediv
    {
        position:relative;
        display:none;
        width:760;
        visibility:hidden;
        } 
    
    #adminpages .iconedit 
    {
        background:url("../design/ico_edit.gif") 0 50% no-repeat; 
        margin-left:8px;
        }
    #adminpages .icondel a 
    {
        background:url("../design/ico_delete.gif") 0 50% no-repeat;
        margin-left:8px;
        }

/* -------------------------------------------------------------------------------------------------------- */

#main {width:1000px; margin:20px auto 0 auto; _text-align:left;}

/* Topheader */
#topheader 
{
    position: relative;
    width: 980px;
    height: 24px;
    margin: 0;
    padding: 2px 10px 0 10px;
    padding-left:10px;
    padding-right:10px;
    color: #FFFFFF;
    vertical-align: middle;
    }
    #topheader a 
    {
        color:#B5C4E3;
        font-weight:bold; 
        text-decoration:none; 
        cursor:pointer;
        vertical-align: middle;
        }
    #topheader a:hover {color:#FFF;vertical-align: middle;}
    #topheader form 
    {
        color: #B5C4E3;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;
        }

/* Header */
#header 
{
    position:relative; 
    width:1000px; 
    height:80px; 
    margin:0; 
    padding:0; 
    color:#FFF;
    }

    /* Header - logo */
    #header #logo {position:absolute; top:35px; left:35px; margin:0;}
    #header #logo a {color:#FFF;}
    #header #logo a:hover {color:#B5C4E3; text-decoration:underline;}
    
    /* Header - Search */
    #header #search {position:absolute; top:35px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out 
    {
        position:absolute; 
        top:0; 
        right:45px; 
        width:155px; 
        height:28px; 
        margin:0; 
        padding:0; 
        border:0; 
        background:url("../design/search_input.gif") 0 0 no-repeat; 
        font:bold 90%/100% "verdana",sans-serif; 
        color:#192666;
        }
    #header #search #search-input 
    {
        width:140px; 
        margin:5px 8px; 
        padding:3px 0; 
        border:0; 
        background:#FFF; 
        font:bold 100%/100% "verdana",sans-serif; 
        color:#192666;
        }
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}

/* Main menu (tabs) */
#tabs {margin:0 0px; padding:5px 0 0 0; _height:1px;}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a 
    {
        display:block; 
        position:relative; 
        padding:7px 15px; 
        border:0; 
        background:url("../design/tab_link.gif") 0 0 repeat-x; 
        color:#B5C4E3; 
        font-weight:bold; 
        text-decoration:none; 
        cursor:pointer;
        }
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l 
    {
        position:absolute; 
        top:0; 
        left:0; 
        _left:-15px; 
        width:8px; 
        height:8px; 
        background:url("../design/tab_link_l.gif") 0 0 no-repeat;
        }
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r 
    {
        position:absolute; 
        top:0; 
        right:0; 
        _right:-1px; 
        width:8px; 
        height:8px; 
        background:url("../design/tab_link_r.gif") 100% 0 no-repeat;
        }
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover 
    {
        background:url("../design/tab_hover.gif") 0 0 repeat-x; 
        color:#FFF;
        }
    #tabs ul li a:hover span.tab-l 
    {
        background:url("../design/tab_hover_l.gif") 0 0 no-repeat;
        }
    #tabs ul li a:hover span.tab-r 
    {
        background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;
        }
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF9000;}
    #tabs ul li#active a span.tab-l 
    {
        position:absolute; 
        top:0; 
        left:0; 
        _left:-15px; 
        width:8px; 
        height:8px; 
        background:url("../design/tab_active_l.gif") 0 0 no-repeat;
        }
    #tabs ul li#active a span.tab-r 
    {
        position:absolute; 
        top:0; 
        right:0; 
        width:8px; 
        height:8px; 
        background:url("../design/tab_active_r.gif") 100% 0 no-repeat;
        }

/* Page (2 columns) */
#page {
	padding: 20px 2px 0px 2px;
	width: 996px;
	min-height: 1px;
	background: #FFF url("../design/1000_bg_page.gif") 0 0 repeat-y;
	_height: 1px;
    }
#page-in 
{
    min-height:1px; 
    padding:0px 0; 
    background:url("../design/bg_page_in.jpg") 0 0 no-repeat; 
    _height:1px;
    }

/* Strip */
#strip 
{
    position:relative; 
    clear:both; 
    padding:3px 20px 10px 20px; 
    color:#6182D1;
    }
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:520px; margin:0; padding:0;}
    
    /* Strip - RSS */
    #strip #rss 
    {
        float:right; 
        width:175px; 
        _width:200px; 
        margin:0; 
        padding-left:25px; 
        background:url("../design/ico_rss.gif") 0 50% no-repeat;
        }

/* Startpage */
#startpage{
	padding: 20px 2px 0px 2px;
	width: 996px;
	min-height: 1px;
	_height: 1px;
    }

/* Content */
#content 
{
    float: right;
    width: 760px;
    _width: 750px;
    margin: -20px 0px 0px 0px;
    padding: 0 10px 0 0px;
    }

    /* Content - article */
    #content .article 
    {
        clear:both; 
        margin:0; 
        padding:20px; 
        background:url("../design/content_article_bg.jpg") 0 0 no-repeat;
        }
    #content .article h2 
    {
        margin:0 -20px; 
        padding:10px; 
        background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y; 
        color:#192666;
        }
    #content .article h2 span 
    {
        background:url("../design/ico_list.gif") 0 50% no-repeat; 
        padding-left:25px;
        }
    
    #content .article p {text-align:justify;}
    #content .info 
    {
        margin:10px 0; 
        padding-bottom:8px; 
        border-bottom:1px solid #DEE5FD; 
        color:#6685CC;
        }
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments 
    {
        padding-left:15px;
        }
    #content .info span.date 
    {
        background:url("../design/ico_date.gif") 0 50% no-repeat;
        }
    #content .info span.cat 
    {
        background:url("../design/ico_cat.gif") 0 50% no-repeat; 
        margin-left:8px;
        }
    #content .info span.user 
    {
        background:url("../design/ico_user.gif") 0 50% no-repeat; 
        margin-left:8px;
        }
    #content .info span.comments 
    {
        background:url("../design/ico_comments.gif") 0 50% no-repeat; 
        margin-left:8px;
        }

    /* Content - More */
    #content .btn-more 
    {
        margin:0 0 15px 0; 
        padding:0; 
        border:0; 
        position:relative;
        }
    #content .btn-more a 
    {
        display:block; 
        position:absolute; 
        top:0; 
        right:0; 
        width:67px; 
        _width:95px; 
        height:21px; 
        margin:0; 
        padding:0 0 0 28px; 
        background:url("../design/btn_more.gif") 0 0 no-repeat; 
        color:#FFF; 
        text-decoration:none;
        }
    #content .btn-more a:hover 
    {
        background:url("../design/btn_more.gif") -95px 0 no-repeat;
        }

    #toprow 
    {
        display:block; 
        position:relative; 
        top:0px; 
        left:0px; 
        width:750px; 
        height:20px; 
        margin:0; 
        color:#8CA3D8;
        }
    #toprow a {color:#8CA3D8;}
/* Right column */
#col 
{
    float:left; 
    width:200px; 
    margin:0; 
    padding:0; 
    background:#CEDBF9 url("../design/col_bg.gif") 0 0 repeat-y;
    }
#col-in 
{
    padding:20px 10px; 
    background:url("../design/col_top.gif") 0 0 no-repeat;
    }
#col h3 
{
    padding:13px 15px 14px 15px; 
    margin:0 -10px 15px -10px; 
    background:#A0B9F3 url("../design/col_title_bg.gif") 0 0 repeat-y; 
    color:#192666;
    }

    /* Right column - About me */
    #col #about-me {margin-bottom:15px; line-height:130%;}
    #col #about-me p {margin:0;}
    #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}

    /* Right column - Category */
    #col ul#category {margin:15px 0; padding:0; list-style:none;}
    #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#category li a 
    {
        display:block; 
        padding:3px 0 3px 22px; 
        background:url("../design/ico_archive.gif") 5px 6px no-repeat; 
        text-decoration:none;
        }
    #col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#category li#category-active a 
    {
        background:#E0E8FA url("../design/ico_archive2.gif") 5px 50% no-repeat; 
        font-weight:bold;
        }
    
    /* Right column - Archive */
    #col ul#archive {margin:15px 0; padding:0; list-style:none;}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#archive li a 
    {
        display:block; 
        padding:3px 0 3px 22px; 
        background:url("../design/ico_archive.gif") 5px 50% no-repeat; 
        text-decoration:none;
        }
    #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#archive li#archive-active a 
    {
        background:#E0E8FA url("../design/ico_archive2.gif") 5px 6px no-repeat; 
        font-weight:bold;
        }
    
    /* Right column - Links */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#links li a 
    {
        display:block; 
        padding:3px 0 3px 22px; 
        background:url("../design/ico_links.gif") 5px 6px no-repeat; 
        text-decoration:none;
        }
    #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#links li#links-active a 
    {
        background:#E0E8FA url("../design/ico_links2.gif") 5px 6px no-repeat; 
        font-weight:bold;
        }
    
    #col p#out 
    {
        position:relative; 
        width:200px; 
        height:40px; 
        margin:0; 
        padding:0;
        background:url("../design/menu_footer.jpg") 0 0 no-repeat;
        }

/* Footer */
#footer 
{
    position:relative; 
    clear:both; 
    width:1000px; 
    height:20px; 
    margin-bottom:50px; 
    background:url("../design/1000_blank_footer.jpg") 0 0 no-repeat; 
    color:#6685CC;
    }
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:750px;}
    #top p 
    {
        position:relative; 
        width:30px; 
        height:25px; 
        margin:0; 
        overflow:hidden;
        }
    #top p span 
    {
        display:block; 
        position:absolute; 
        left:0; 
        top:0; 
        z-index:1; 
        width:30px; 
        height:25px; 
        background:url("../design/ico_top.gif") 0 0 no-repeat; 
        cursor:pointer;
        }
    #top a:hover span 
    {
        background:url("../design/ico_top.gif") -30px 0 no-repeat;
        }

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:0px; left:5px; margin:0;}

    /*  Footer - Pagedate */
    #footer p#pagedate {position:absolute; top:0px; left:220px; margin:0;}

    /* Footer - created by */
    #createdby {position:absolute; top:0px; left:850px; margin:0; color:#8CA3D8;}
    #createdby a {color:#8CA3D8; font-size:0.8em;}