body { background-color: #000000; }

/* cela stranka ============================================================ */
#entire-page {
   margin: auto;
   min-width: 700px;
   max-width: 900px;
   color: #bbbbbb;
   font-family: tahoma, sans-serif;
   font-size: 12px;
}

/* hlavicka ================================================================ */
#page-header {
   margin: auto;
   border-top: 1px solid #333333;
   border-left: 1px solid #333333;
   background-color: #222222;
}
#page-header-left {
   float: left;
   padding-left: 10px;
   color: #ffffff;
   font-variant: small-caps;
   font-weight: bold;
}
#page-header-right {
   float: right;
   padding-right: 10px;
}

/* centralni oblast stranky ================================================ */
#page-center {
   margin-top: 10px;
   background-color: #222222;
   border-left: 1px solid #333333;
}

/* index =================================================================== */
#page-index-overall {
   float: left;
   width: 9em;
   text-align: left;
}
#page-index-label {
   margin-bottom: 5px;
   padding: 0px;
   border: 1px outset #333333;
   background-color: #333333;
   text-align: center;
   font-variant: small-caps;
}
#page-index {
   margin-left: 5px;
}
#page-index .index-item {
   margin: 0px 0px 1px 0px;
   padding-left: 5px;
   border-top: 1px solid #222222;
   border-bottom: 1px solid #444444;
   background-color: #333333;
   font-size: 11px;
}
#page-index .index-item a:link, #page-index .index-item a:active, #page-index .index-item a:visited {
   color: #888888;
   text-decoration: none;
}
#page-index .index-item a:hover {
   color: #dddddd;
   text-decoration: none;
}

/* pocitadlo =============================================================== */
#page-counter {
   margin: 20px auto 0px auto;
   width: 80px;
   height: 15px;
}

/* paticka ================================================================= */
#page-footer {
   clear: left;
   padding-left: 10px;
   text-align: center;
   font-size: 10px;
   color: #ffffff;
}

/* aktualne zobrazeny obsah ================================================ */
#page-content {
   margin-left: 9.2em;
   padding: 5px;
   border-top: 1px solid #555555;
/*   background-image: url("/areas/images/female.gif");
   background-position: top right;
   background-repeat: no-repeat;*/
   background-color: #444444;
   color: #dddddd;
}
 
#page-content h1 { margin: 0px; font-size: 20px; }
#page-content h2 { margin: 0px; font-size: 15px; }
#page-content h3 { margin-top: 10px; margin-bottom: 0px; font-size: 15px; color: #ffffbb; }
#page-content hr { margin: 0px; margin-bottom: 10px; border-width: 1px; }
#page-content p  { margin-top: 10px; margin-bottom: 10px; text-align: justify; }
#page-content a:link, #page-content a:active, #page-content a:visited {
   color: #ffffff;
   text-decoration: underline;
}
#page-content a:hover {
   color: #ffd700;
   text-decoration: none;
}


#page-content .table-area {
   margin-top: 0px;
   margin-bottom: 10px;
}
#page-content .table-area table {
   width: 100%;
   border-spacing: 1px 1px;
}
#page-content .table-area table td.header {
   padding: 2px 10px 2px 10px;
   background-color: #222222;
   color: inherit;
}
#page-content .table-area table td.highlight {
   padding: 2px 10px 2px 10px;
   background-color: #333333;
   font-family: monospace;
   color: #ffaa00;
}
#page-content .table-area table td {
   margin: 10px;
   padding: 2px 10px 2px 10px;
   background-color: #333333;
   vertical-align: top;
   color: inherit;
}
#page-content .table-area table td img { 
   margin: 0px;
   float: left;
}

#page-content .source-area {
   margin: 5px 0px 5px 0px;
   border: 1px dashed #000000;
   padding: 5px;
   font-family: monospace;
   background-color: #555555;
	color: #ffaa00;
}
#page-content .source-area pre {
   margin: 0px;
}

/* oblast obrazku ---------------------------------------------------------- */
#page-content .preview-area {
   border: 1px dashed #000000;
   margin-top: 10px;
   margin-bottom: 0px;
   padding: 10px;
   background-color: #555555;
   text-align: center;           
}
#page-content .preview-area img { margin: 0px 30px 0px 30px; }   

/* oblast stahovani -------------------------------------------------------- */
#page-content .download-area {
   border: 1px dashed #000000;
   margin-top: 10px;
   padding: 5px 10px 3px 10px;
   background-color: #555555;
}
#page-content .download-area a:link, #page-content .download-area a:active, #page-content .download-area a:visited {
   color: #aaaaaa;
   text-decoration: underline;
}
#page-content .download-area a:hover {
   color: #ffd700;
   text-decoration: none;
}
#page-content .download-area .link { float: left; clear: both; }
#page-content .download-area .counter { margin-top: 2px; float: right; }
#page-content .terminator { clear: both; visibility: hidden; height: 1px; }

/* oblast formulare -------------------------------------------------------- */
#page-content .form-area {
   padding: 5px;
   border: 1px solid #000000;
   background-color: #555555;
}
#page-content .form-area p { margin: 0px; }
#page-content .form-area input.text {
   margin: 2px auto 2px auto;
   width: 200px;
   padding: 2px 4px 2px 4px;
   border: 1px solid #777777;
   background-color: #333333;
   font-family: tahoma, sans-serif; 
   font-style: normal;
   font-size: 12px; 
   color: #ffffff;
}
#page-content .form-area input.button {
   width: 100px;
   border: 1px solid #000000;
   background-color: #444444;
   font-family: tahoma, sans-serif; 
   font-size: 12px; 
   color: #dddddd;
}
#page-content .form-area textarea {
   width: 75%;     
   height: 100px;
   margin: 2px 0px 2px 0px;
   padding: 2px 4px 2px 4px;
   border: 1px solid #777777;
   background-color: #333333;
   font-family: tahoma, sans-serif;
   font-style: normal;
   font-size: 12px; 
   color: #ffffff;
}
#page-content .form-area select {
   margin: 2px auto 2px 10px;
   padding: 1px 0px 1px 4px;
   width: 120px;
   border: 1px solid #777777;
   background-color: #333333;
   font-family: tahoma, sans-serif; 
   font-style: normal;
   font-size: 12px; 
   color: #dddddd;
}   

#forum {
   border: 2px solid #333333;
   background-color: #222222;
}
#forum #header {
   border-bottom: 2px solid #222222;
   background-color: #555555;
   font-weight: bold;
   padding: 2px 5px 2px 5px;
   font-size: 14px;
}
#forum #header #newentry {
   float: right;
}
#forum #categories {
}
#forum #categories table {
   width: 100%;
   border-spacing: 0px 0px;
}
#forum #categories td.header {
   background-color: #222222;
   padding: 2px 5px 2px 5px;
}
#forum #categories td.content {
   background-color: #333333;
   padding: 2px 5px 2px 5px;
   border-top: 1px solid #555555;
}

/*#forum #form {
   padding: 5px;
   background-color: #333333;
}
#forum #form p {
   margin: 0px;
}
#forum #form input.text {
   width: 30%;
   background-color: #222222;
   border: 1px solid #444444;
   padding-left: 2px;
   padding-right: 2px;
   font-family: tahoma, sans-serif;
   font-size: 13px;
   font-style: normal;
}
#forum #form input.button {
   width: 100px;
   background-color: #222222;
   border: 1px solid #444444;
   font-family: tahoma, sans-serif;
   font-size: 13px;
   font-style: normal;
}
#forum #form textarea {
   width: 75%;
   height: 100px;
   background-color: #222222;
   border: 1px solid #444444;
   padding-left: 2px;
   padding-right: 2px;
   font-family: tahoma, sans-serif;
   font-size: 13px;
   font-style: normal;
}
#forum #form select {
   width: 100px;
   background-color: #222222;
   border: 1px solid #444444;
}
*/
#forum #entries {
}
#forum #entries .entry {
   background-color: #333333;
   padding: 2px;
   margin-bottom: 2px;
}
#forum #entries .myentry {
   background-color: #555555;
   padding: 2px;
   margin-bottom: 2px;
}
#forum #entries img {
   margin-right: 5px;
   float: left;
}
#forum #entries .message {
   background-color: #222222;
   margin-left: 16px;
   padding: 2px 5px 2px 5px;
}

#youtube {
}
#youtube .item {
   height: 50px;
}
#youtube .item img {
   float: left;
   margin-right: 10px;
   width: 65px;
   height: 48px;
}
#youtube .caption {
   font-weight: bold;
   margin-bottom: 5px;
}

/* doplnkove styly ========================================================= */
.bold { font-weight: bold; }
.warning { color: #ff0000; font-weight: bold; }