/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */


body {background:#EAF8FB; color:#000;}

a {color:#004c8e;}
a:hover {color:#1F1F1F;}

fieldset {border:1px solid #CEE780;}
legend {background:#FFF; color:#25A8C4;}

table.table-style01 th {background:#0087bc; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #7FD5E7;}
table.table-style01 tr.bg td {background:#D4F1F7;}
table td{text-align:center;}
table td.alignr{text-align:right;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background:#1F1F1F;}

#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo span {color:#BFE024;}
#logo a {color:#FFF;}

#slogan {color:#B0B0B0;}

#search #search-input {border:1px solid #FFF;}
#search #search-submit {border:1px solid #25A8C4; background:#25A8C4; color:#FFF;}

#nav {background-color:#004C8E;}
#nav li a {border-left:1px solid #009DD7; color:#FFF;}
#nav li.last a {border-right:1px solid #009DD7;}
#nav li#nav-active a {background:#008ABE; color:#FFF;}
#nav li a:hover {background:#008ABE; color:#FFF;}

#cols .main {background-color:#FFF;}

#content h1 {border-bottom:1px solid #77BCFF;margin-top:10px;}
#content h2, #content h3, #content h4 {border-bottom:1px solid #CDCDBE; color:#52523F;}

#aside h3 {color:#7DAC09;}
#aside ul li {border-bottom:1px solid #CEE780;}

#footer {background:#4F4F4F; color:#BFBFBF;}
#footer a {color:#BFBFBF;}
#footer a:hover {color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage #perex {border-bottom:5px solid #77BCFF; background:#E1EEFA;} 
---------------------------------------------------------------------------------------------------------- */

#perex {border-bottom:5px solid #77BCFF; background:#fff;}             

.section {border-bottom:1px solid #CDCDBE; background:#EEEEE9;}
.section h3 {background-color:#979779; color:#FFF;}
.section h3 a {color:#FFF;text-decoration:none;}
.section h3 a:hover {color:#FFF;}


#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}