html {
    font-family:Verdana;
    font-size:12pt;
}

html, body {
    border:0 none;
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    color:#565051;
}
body * {margin:0;}
img {border: 0px none;}
a {font-family:Tahoma;text-decoration:none;color:#07539B;}
h1,h2 {font-family:Tahoma;font-size:1.2em;}
h3,h4 {font-family:Tahoma;font-size:1.1em;}

#header {
    left:0;
    position:absolute;
    top:0;
    height:4em;
    width:100%;
    z-index:100;
    background-color:#54B0F8;
    border-bottom:3pt solid #E87E16;
    color:#fff;
}
#header {font-size:1.2em;}
#header #top, #footer div, #container {margin:0 auto;width:95%;}
#header #top a{color:#07539B;}
#header #top h1{padding:0.9em 0;}

#search {position:absolute;right:2.5%;top:1em;z-index:101;}
#search input{color:#07539B;width:12em;border:0;}
#search input[type="submit"]{width:4em;}

#container {
    display:inline-block;
    display:block;
    float:none;
    height:auto !important;
    min-height:100%;
    overflow:hidden;
    position:relative;
}
/*#container  menu * {display:none;}*/

#container #content {
    display:block;
    padding-top:6em !important;
    padding-bottom:4em !important;
    float:left;
    position:relative;
    width:78%;
}
#container #content div.post-info{
    text-align:right;
    width:100%;
    font-size:0.8em;
}
#container #content div.post-info a{color:#E87E16;}
.blog-post h1:first-letter, .blog-post h1 a:first-letter, .blog-post  h2:first-letter, .blog-post h3:first-letter, .blog-post h4:first-letter {color:#54b0f8;font-size:1.5em;}
.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4{font-weight: normal;padding-bottom:1em;}
#container #content .blog-post .text { text-align:justify;}
#container #content .blog-post .text blockquote {font-style: italic; padding: 0px 30px; border-left:2px solid #565051 ; margin:5px 0;}
#container #content .blog-post .text a {text-decoration:underline;}
#container #content .blog-post .text p{ margin-bottom: 1em;}
#container #content .blog-post .text pre {border:1px dashed #54b0f8;padding: 5px 5px 5px 15px;overflow:auto;background:#efefef; color:#000; font-family: monospace;  }
#container #content .blog-post .text pre:before {content: "\00A7   ";color:#E87E16;}
#container #content .blog-post .text pre:after {content: " \00B6 ";color:#E87E16;}

#container #content .blog-post #div_com span{display:block;cursor:pointer;font-family:Tahoma;font-size:1.1em;font-weight: bolder;}
#container #content .blog-post #post_form {    display:none;}
#container #content .blog-post #post_form textarea{display:block;font-size:1em;height:10em;width:100%;}
#container #content .blog-post #post_form textarea, #container #content .blog-post #post_form input  {width:100%;}

#container #content #pager {font-family:Tahoma;font-size:1.1em;font-weight: bolder;padding:1em 0;}

#container #content .blog-post .cmd{text-align:right;font-size:0.8em;border-bottom:1px solid #565051;}
#container #content .blog-post .cmd a{text-align:right;font-size:0.9em;margin-right:10px;text-decoration:none;color:#dd2a2b;}
#container #content .blog-post #click_print {cursor:pointer;}
#container #content .blog-post .more_post li{font-size:0.8em;}
#container #content .blog-post .more_post li a:visited{color:#565051;text-decoration: none;}
#container #content .blog-post .text #howto{width: 100%;border-collapse:collapse;}
#container #content .blog-post .text #howto td {width:50%;vertical-align:top;border:1px solid #c0c0c0}
#container #content .blog-post .text #howto td pre{border:1px dashed #c0c0c0}
#container #content .blog-post div {margin-bottom:1em;}
#container #content .blog-post #div_com p.date{text-align:right;margin-top:0.5em;}
#container #content .blog-post #div_com div{min-height:5em;}


#container #menu {
    padding-top:6em !important;
    padding-bottom:4em !important;
    float:right;
    position:relative;
    width:20%;
    text-align:right;
}

#container #menu a, #container #menu span{display:block;cursor:pointer;line-height: 2;font-family:Tahoma;font-size:1em;font-weight: bolder;color:#54B0F8;}
#container #menu div{padding-left:1em;display:none;}
#container #menu div a{line-height: 1;padding-bottom:1em;color:#07539B;font-size:0.9em;font-weight: normal;}



#footer{
    height:3em;
    margin-top:-3em;
    position:relative;
    width:100%;
    z-index:100;
    clear:both;
    background-color:#54B0F8;
    border-top:2pt solid #E87E16;
}
#footer div{text-align:right;font-size:0.8em; color:#000;}
#footer div{padding:1em 0;}

@media print {
    body{padding:0px; font-size:10px;}
    #menu, .post-info div, #div_com span, #div_com hr,.blog-post .cmd, #site-message {display:none;}
    #container,#content,#footer   {position:static;}
    #container {overflow: visible}
    #container #content{width:100%;float:none;}
    #header #top, #footer div, #container {margin:0 auto;width:100%;}
    #container #content .date {opacity:1;border-bottom:1px solid #DD2A2B;}
    #container #content #div_com div {border-bottom:1px dashed #505050;}
    #container #content #div_com div .date {border-bottom:0px;}
}
#site-message {z-index:2000;background:#ff9393;padding:3px 0;
font-size:0.8em;text-align:center;
border-bottom:1px solid #505050;cursor:pointer;position:absolute; width:100%;}


.MESSAGE {width:100%;min-height:400px;}
.TITLE {width:100%;font-weight: bolder;font-family:Tahoma;font-size:1.2em;}
.fs8, .fs9, .fs10,  .fs11, .fs12, .fs13, .fs14 {cursor:pointer;}
.fs8 {font-size:8pt;}
.fs9 {font-size:9pt;}
.fs10 {font-size:10pt;}
.fs11 {font-size:11pt;}
.fs12 {font-size:12pt;}
.fs13 {font-size:13pt;}
.fs14 {font-size:14pt;}