body {background: #32261B; text-align: center; margin: 0; padding: 0; outline: none;}
body, input, select, textarea {font-family: "trebuchet MS", verdana, sans-serif;; font-size: 0.8em; color: #FFF;}
span, p, a {line-height: 1.5}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clear {clear: both;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-weight: bold;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}


/* link */
a {color: #FFF;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}


/* table */
div.table {width: 570px; _clear: both; margin: 0; @margin-left: 0;}
table {border-collapse: collapse; border: 1px solid #DBDBDB; font-size: 1em; width: 100%; clear: both; margin: 0.5em 0;}
td, th {text-align: left; border: 0px solid #DBDBDB; padding: 2px 3px; font-size: 1em; font-weight: normal;}
th {width: 250px; font-weight: bold; padding: 0; margin: 0;}
th.section {width: auto; background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }


/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

hr {display: none;}

/* Hlavni kostra */
#cms_container {width: 780px; margin: 10px auto; overflow: hidden; text-align: left }

#cms_header {width: 100%; height: 407px; overflow: hidden}
#cms_header .header-top-left {float: left;}
#cms_header .header-top-right {float: left; height: 102px; width: 428px; background: url('../images/header-top-right-bg.gif') bottom left no-repeat}
#cms_header .header-bottom-left {float: left; width: 280px; height: 305px; background: url('../images/header-bottom-left-bg.gif') top left no-repeat;}
#cms_header .header-bottom-right {float: left; width: 500px; height: 305px; background: url('../images/header-bottom-right-bg.jpg') top left no-repeat;}

h1#logo a {display: block; width: 352px; height: 102px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat;}

#cms_content {padding: 0 0 50px 0; background: url('../images/content-bg.gif') bottom left no-repeat;}
#cms_content .content-main {background: url('../images/content-line-bg.gif') top left repeat-y; width: 100%;}
#cms_content .content-left {float: left; width: 230px; padding: 0 25px;  margin: 0}
#cms_content .content-left ul, #cms_content .content-left li {padding: 0; margin: 0; list-style-type: none;}
#cms_content .content-left ul {padding: 1em 0; color: #FFF}
#cms_content .content-left li {padding: 0.5em 0}
#cms_content .content-left li .time {color: #CBB79E; font-size: 0.9em}
#cms_content .content-right {float: right; width: 434px; padding: 0 34px 0 32px; margin: 0}

#special-guest {margin: 10px 0; width: 100%}
#special-guest .special-guest-top {background: #483625 url('../images/special-guest-top.gif') top left no-repeat}
#special-guest .special-guest-bottom {background: url('../images/special-guest-bottom.gif') bottom left no-repeat; padding: 15px 15px 5px 15px}


#menu {margin: 244px 0 0 0;}
#menu ul, #menu li {padding: 0; margin: 0; list-style-type: none;}
#menu li {padding: 0 0 0 10px; margin: 0 10px 0 0; float: left; height: 38px; background: url('../images/menu-bg.gif') top left no-repeat}
#menu li a {font-weight: bold; text-decoration: none; line-height: 2.8em; text-transform: lowercase;}
#menu li a:hover, #menu li a.active {text-decoration: none; color: #F26522}

#path {padding: 0 0 10px 0 !important; margin: 0; line-height: 1}
#post_box {padding: 0}

#top {background: 0}

#comments_box {text-align: left; margin: 0 auto;}
#comments_box .preview {font-size: 0.8em; padding: 5px 10px; margin: 10px 0; background: #483625;}
#comments_box .no_comment {background: #483625; border: 1px solid #D4D4D4; padding: 8px; text-align: center; margin: 8px 0;}

#add_new_comments {text-align: left; margin: 0 auto}
#add_new_comments .comment_help {background: #483625; border: 1px solid #EFEFEF; padding: 5px; margin: 5px 0;}
#add_new_comments .comment_help p {font-size: 0.8em; padding: 2px; margin: 2px 0;}
#add_new_comments table, #add_new_comments th, #add_new_comments td {width: 434px; border: 0; background: 0; vertical-align: top;}
#add_new_comments th {text-align: right; padding-right: 5px;}
#add_new_comments label {font-weight: bold; vertical-align: middle;}
#add_new_comments input, #add_new_comments textarea {color: #FFF; border: #483625 solid 1px; background: #362A1F; padding: 2px; font-family: trebuchet MS, verdana, sans-serif; width: 296px;}
#add_new_comments textarea {height: 150px;}
#add_new_comments input.submit {width: auto; background: #231b13; padding: 5px 20px !important; font-weight: bold; font-size: 1.1em; margin: 0 0 0 3px}
#add_new_comments img {background: 0;}

#comments_box .comment_item {background: #483625; border: #231b13 solid 1px}
#comments_box .comment_header {background: #231b13}
#comments_box .comment_header a.comment_user span {background: #231b13 url(/system/images/user_ico.gif) no-repeat scroll center;}
#comments_box .comment_header a.re {right: 5px; font-size: 0.8em; padding-top: 3px }

#comments ul {#margin: 10px 0}

div.table {width: 434px;}

#cms_foot {width: 100%;}
#cms_foot .foot-left {float: left; width: 167px; padding: 9px 0 0 5px; height: 48px;}
#cms_foot .foot-left a {display: block; width: 152px; height: 35px; background: url('../images/fajnyweb.gif') top left no-repeat; cursor: pointer; cursor: hand;}
#cms_foot .foot-left a span {display: none}
#cms_foot .foot-right {float: left; width: 592px; margin: 9px 0 0 0; font-size: 0.95em; padding: 10px 0 0 15px; height: 25px; border-left: #4A3A2A solid 1px}
#cms_foot .foot-right p {margin: 0; padding: 0}
#cms_foot .foot-right p, #cms_foot .foot-right a {color: #8C6F56;}

#poll_box .vote-button {color: #000;}
#poll_box .voted-for-this {border-color: #f26522;}
#poll_box .graph a, #poll_box .graph a:hover {background-color: #fce0d3; border-color: #f26522;}
#poll_box .graph {background-color: #201811; border: 1px solid #f26522;}
