/* *************************************************************************** *
file:           main.css
description:    definiton of main css behaviour
author:         Jiri Urbasek <devel@urbasek.cz>
date:           2008-09-28
version:        0.2
* *************************************************************************** */

* {
    margin : 0;
    padding : 0;
    overflow : auto;
}

body {
    background-color : #dadada;
    text-align : center;
    font-family : verdana, tahoma, sans-serif;
    font-size : 84%;
}

ul {
    list-style : none;
}

li a {
    color : black;
}

#menu_2 a:hover, a:hover, #content a:hover {
    text-decoration : underline;
    color : #d11a1a;
}

a, #content li a {
    overflow: hidden;
    text-decoration : none;
    color : #2a528c;
    overflow : none;
}

a img {
    border : 0;
}

#body {
    margin : 20px auto;
    background : #fff url('../image/bg-main.gif') repeat-y 0 0;
    width : 806px;
    text-align : left;
    border : 0 solid #838383;
}

#top {
    width : 806px;
    height : 180px;
    background : url('../image/logo.png') no-repeat 3px 0;
}

#homelink a {
    position : absolute;
    width : 400px;
    height : 150px;
    border : 0px solid black;
    color : transparent;
}

#menu_1 {
    float : right;
    width : 270px;
    height : 160px;
    background : url('../image/menu.bg.png') no-repeat top right;
    padding : 10px 0;
    margin-right : 3px;
}

#menu_1 ul {
    font-size : 22px;
    margin-left : 9px;
}

#menu_1 li {
    overflow : hidden;
}

#menu_1 li a, #menu_1 li.current {
    padding : 2px 0;
    height : 26px;
    line-height : 22px;
    padding-left : 30px;
    display : block;
}

li.current, li a:hover {
    text-decoration : none;
    color : #d11a1a;
}

#menu_1 li.current, #menu_1 li a:hover {
    background : url('../image/main.menu.bg.png') no-repeat 0 10px;
}

#crumbs {
    font-size : 11px;
    margin-top : 160px;
    margin-left : 15px;
}

#shadow {
    margin : 2px 3px 10px 3px;
    width : 800px;
    background : url('../image/shadow.png') repeat-x 0 0;
    clear : both;
    overflow : hidden;
}

#menu_2 {
    float : right;
    margin-top : 5px;
    margin-right : 15px;
}

#menu_2 li {
    float : right;
    padding : 0 5px;
    border-right : 1px solid #555;
    font-size : 1.1em;
    overflow : hidden;
}

.menu_3 {
    background : url(../image/small.asterisk.png) no-repeat 10px 50%;
    padding : 8px 50px;
}

.cap, .foot, .box-top, .box-bottom {
    background : transparent url(../image/cap-c.gif) repeat-x scroll left top;
    height : 3px;
}

.cap .l {
    background : transparent url(../image/cap-l.gif) no-repeat scroll left top;
    height : 3px;
}

.box-top .l {
    background : transparent url(../image/box-l.gif) no-repeat scroll left top;
    height : 3px;
}

.cap .r {
    background : transparent url(../image/cap-r.gif) no-repeat scroll right top;
    height : 3px;
    overflow : hidden;
}

.box-top .r {
    background : transparent url(../image/box-r.gif) no-repeat scroll right top;
    height : 3px;
    overflow : hidden;
}

.foot .l {
    background : transparent url(../image/cap-f-l.gif) no-repeat scroll left bottom;
}

.box-bottom .l {
    background : transparent url(../image/box-f-l.gif) no-repeat scroll left bottom;
}

.foot .r {
    background : transparent url(../image/cap-f-r.gif) no-repeat scroll right top;
}

.box-bottom .r {
    background : transparent url(../image/box-f-r.gif) no-repeat scroll right top;
}

.right-edge {
    background : url(../image/right-col.gif) repeat-y top right;
}

.left-edge {
    background : url(../image/left-col.gif) repeat-y top left;
    width : 100%;
}

#content {
    padding : 25px;
    padding-top : 5px;
    margin : 3px;
    margin-top : 5px;
    background : #fff url('../image/bg-main.gif') repeat-y 0 0;
}

#content p {
    margin : 8px;
    overflow : visible;
}

#content ul, ol {
    margin : 10px 50px;
    border : 0 solid black;
}

table {
    margin-left : 50px;
}

td {
    padding : 4px;
}

#sidebar {
    width : 160px;
    float : left;
    padding : 0 10px;
    margin-right : 0;
    margin-top : 100px;
    overflow : visible;
    font-size : 90%;
}

#sidebar ul, ol {
    margin-left : 10px;
}

#sidebar li {
    margin: 5px 0;
}

#textarea {
    padding : 0 10px;
    margin-bottom : 20px;
    width : 549px;
    float : right;
}

#textarea ul li, ol li {
    margin : 3px 0;
    overflow : visible;
}

#textarea ul {
    list-style : disc;
    overflow : visible;
}

#jigsaw {
    width : 860px;
    height : 80px;
    margin : -75px auto 0 auto;
    background : transparent url('../image/jigsaw.png') no-repeat top right;
}

#footer {
    width : 800px;
    height : 70px;
    border : 0 solid black;
    margin : 0 auto;
}

#data {
    border : 0 solid black;
    height : 32px;
    font-size : 14px;
}

.validator {
    overflow: hidden;
    float : right;
    margin-right : 10px;
    font-size : 0.8em;
}

.sitemap {
    width : 150px;
    float : right;
    margin-top : 40px;
    margin-right : 95px;
}

pre {
    border : 1px solid #ddd;
    background-color : #f0f0f0;
    padding : 5px;
}

pre, .code {
    font-family : monaco, monospace, courier-new, sans-serif;
    font-size : 11px;
}

.code {
    font-weight : 600;
}

.date {
    margin-top: 25px;
    text-align: left;
    color: #818181;
    font-size: 0.8em;
}

h1, h2, h3, h4, h5 {
    font-family : "trebuchet ms", arial, tahoma, verdana, sans-serif;
    font-weight : normal;
    letter-spacing : 0.0050em;
    color : #8ae234;
}

acronym {
    border-bottom : 1px dotted #000;
    cursor : help;
}

h1 {
    font-size : 2.6em;
    letter-spacing : 0.03em;
    margin : 35px 0 25px 0;
    border-bottom : 0 solid #d0d0d0;
}

h2, h3, h4 {
    border-bottom : 1px solid #d0d0d0;
    margin : 25px 0 15px 0;
}

h2 {
    font-size : 1.9em;
}

h3 {
    font-size : 1.55em;
    color : #2a528c;
    overflow : hidden;
}

h4 {
    font-size : 1.2em;
    color : #2a528c;
    border : 0;
}

h5 {
    font-size : 1.1em;
    color : #2a528c;
    border : 0;
}

img {
    margin : 10px 20px;
}

.gray {
    background-color : #dadada;
}

.item {
    margin : 20px 0;
    background-color : #eee;
}

.item {
    font-size : 90%;
}

.list {
    width : 523px;
    margin-left : 3px;
    padding : 7px;
}

.left {
    overflow: hidden;
    float : left;
}

.right {
    overflow: hidden;
    float : right;
}

.clear {
    clear : both;
}

.justify {
    text-align : justify;
}

.question {
    font-family : Georgia, Times, 'Times New Roman', serif;
    font-size : 200%;
    text-align : center;
    color : #333;
    padding : 2px;
    margin : 4px;
    border : 1px solid #eee;
    width : 6em;
}