/*--  TEMPLATE --*/
*{margin:0;padding:0;}
body {background-color: #ffffcb; color:#444; font-size: 13px; font-family: "Trebuchet MS",Tahoma, Helvetica, Verdana; text-align: center;}
a {color: #000000;}
a:hover {text-decoration: none;}
h1{font-size:1.5em;margin-bottom:4px;}
h2 {font-size: 15px;}
h3 {font-size: 11px;}
h1, h2, h3{color:black;padding-top:6px;}

p {padding: 0px; margin: 0px 0px 20px 0px; font-size: 12px; line-height: 140%; text-align: justify;}
p.mini {margin: 0px 0px 10px 0px; line-height: 100%;}
td {font-size: 11px;}
img {border: none;}
pre {overflow: auto; margin: 0px;}
form {margin: 0px 0px 10px 0px;}
fieldset {margin: 0px 0px 10px 0px; padding: 10px;}
input,select,textarea {background-color: white; border: 1px solid gray;}
ul {margin: 0px 0px 0px 15px; padding:0px;}
li {text-align: left;}

/*hlavni layout*/
#border-middle {padding:8px 18px;clear:both;}
#shade-middle { background:url(images/bgcontainer.gif) repeat-y; margin:0 auto; width:920px; text-align:left;clear:both;}

/* Logo */
#logo {float: left; height: 55px; padding: 0px;}
#logo * {text-decoration: none;}
#logo h1 {float: left; padding: 100px 0px 0px 20px; font-size: 46px;}
#logo h1 a {color: black; font-weight: bold;}
#logo h2 {float: left; padding: 122px 0 0 20px; font-size: 24px; border: none; color: #ffffcb;}

/* Menu */
#menu {margin: 0 auto; width: 860px; text-align: right; padding: 0px 0px -5px 1px; }
#menu ul {margin: 0px; padding: 0px; list-style: none;}
#menu li {display: inline;}
#menu a {padding: 0px 0px 0px 15px; text-decoration: none; font-size: 12px; color: white; font-weight: bold;}

/* Splash */
#splash {width: 900px; height: 170px; background:url(images/logo.jpg) no-repeat; overflow: hidden;}

/* Content */
#colThree {float: left; width: 178px; padding: 8px 4px 8px 4px; overflow: hidden; background:#ffffcb; border:2px solid black;}
#colOne {float: left; width: 470px; padding: 15px 10px 20px 10px; overflow: hidden; border:2px solid black;background: #ffffcb;margin-left:1px;}
#colTwo {float: right; width: 178px; padding: 8px 8px 0px 8px; overflow: hidden; background:#ffffcb; border:2px solid black;}

/* Footer */
#footer {margin: 0 auto;  text-align: center;background: url(images/foother.jpg) no-repeat scroll;border:2px solid black; margin: 10px 0px 10px 0px; height: 42px;}



/*-- SYSTEM --*/
.menu { margin: 0px; list-style: none;}
.menu li {border-bottom:3px solid #black; margin:0;}
.menu a {display: block; padding: 4px 4px 4px 4px; font-weight: bold; font-size: 13px; color: #313131; text-decoration: none;}
.menu a:hover {background-color: #737373; color: white;}
.menu a.sublink {background-image: url(images/bgul.gif) repeat-x; font-weight: normal;}

.box-title {font-weight: bold; color: black; padding: 10px 2px 6px 2px; background:url(images/bgul.gif) repeat-x;}
.box-item { padding: 0px; margin-bottom: 2px; color: #313131; border:0px;}
.box-item a {color: #313131; text-decoration: none;}
.box-item a:hover {color: white; background-color: #737373}
.box-bottom {margin-bottom: 30px;}

.searchform input.q {width: 125px;  background: rgb(255, 255, 255) url("images/search.gif") no-repeat scroll left center;}

.list-title {padding: 0px; margin: 0px 0px 0px 0px;}
.list-title a {font-size: 12px; font-weight: normal;}
.list-perex {padding: 0px; margin: 3px 0px 3px 0px;}
.list-info {font-size: 11px; color: gray; margin: 0px 0px 15px 0px;}
.list-info span {font-weight: bold;}
.list-info a {text-decoration: none; color: gray;}

.article-perex {font-style: italic; color: black;}
.article-info {color: gray; padding: 20px 0px 0px 0px;}
.article-info td {padding: 10px; line-height: 18px;}
.article-info a {color: gray; text-decoration: underline;}
.article-info a:hover {text-decoration: none;}

.poll {border: 1px solid gainsboro; background-color: white;}
.poll-content {padding: 5px;}
.poll-question {text-align: center; padding-bottom: 5px;}
.poll-question div {color: #A4A4A4; font-size: 8px; }
.poll-answer {border-top: 1px solid gainsboro; padding: 3px 0px 3px 0px; }
.poll-answer input {padding: 0px; margin: 0px; background-color: #DFDFDF;}
.poll-answer div {background-image: url("images/system/votebar.gif"); background-repeat: repeat-x; height: 10px; margin: 4px 2px 2px 0px;}

.posts-comments, .posts-book {border-top: 1px solid #dcdcdc;}
.posts-comments {margin-top: 32px; padding-top: 5px;} .posts-book {padding-top: 12px;}
.posts h2 {margin-bottom: 10px;}
.posts-form {padding-bottom: 10px;}
.posts-form-buttons {padding-left: 16px;}
.posts-form-buttons img {vertical-align: middle;}
.post-head {margin-top: 20px;}
.post-author {font-weight: bold;}
.post-author-guest {font-weight: bold; color: #a03800;}
.post-subject {font-weight: bold;}
.post-info {color: gray;}
.post-actions a {font-size: 10px; text-decoration: none; padding-left: 4px;}
.post-body {padding: 0px; margin: 0px;}
.post-smiley {vertical-align: middle;}
.post-answer {padding-left: 6px; margin-left: 20px; background-position: left top;}
.post-answer .post-info {font-size: 10px;}
.post-answer .post-head {margin-top: 15px;}

.gallery td {overflow: hidden;}
.gallery img {margin: 3px;}

.messages-menu a {padding: 0px 6px 0px 6px; text-decoration: none; border-right: 1px solid #dcdcdc;}
.messages-menu a.active {font-weight: bold;}
.messages-table {width: 620px; border: 1px solid #dcdcdc;}
.messages-table td {padding: 5px 15px 5px 15px;}
.messages-table a {text-decoration: none;}
.messages-table a.notreaded {font-weight: bold;}

.widetable {width: 620px; border: 1px solid #dcdcdc;}
.widetable td {width: 50%; padding: 5px 15px 5px 15px;}
.widetable td.rbor {border-right: 1px solid #f5f5f5;}
.widetable h2 {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dcdcdc;}

.profiletable td {padding: 3px 10px 3px 10px;}
.avatartd {padding: 5px;}
.avatar {width: 96px; height: 128px; border: 1px solid #000000; overflow: hidden;}
.note {padding: 8px 5px 5px 8px; width: 300px; height: 96px; overflow: auto;}

.areasmall {width: 354px; height: 100px;}
.areamedium {width: 500px; height: 150px;}
.inputsmall {width: 209px;}
.inputmedium {width: 354px;}
.inputc {width: 136px;}

.paging {padding: 6px 0px 3px 1px;}
.paging span a {padding: 0px 2px 0px 2px; text-decoration: none;}
.paging a.act {text-decoration: underline;}

.message1, .message2, .message3 {margin: 5px 0px 20px 0px; padding: 13px 5px 13px 48px; font-weight: bold; background-color: #ffffff; background-position: 5px 5px; background-repeat: no-repeat;}
.message1 {background-image: url("images/icons/info.gif");}
.message2 {background-image: url("images/icons/warning.gif");}
.message3 {background-image: url("images/icons/error.gif");}

.hr {height: 10px; background-image: url("images/system/hr.gif"); background-position: left center; background-repeat: repeat-x;}
.hr hr {display: none;}

.pre {font-family: monospace; width: 90%; padding: 5px; margin: 5px; border: 1px solid #dcdcdc; background-color: #feffeb; overflow: scroll; white-space: pre; display: block;}
.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #dcdcdc;}
.backlink {display: block; font-weight: bold; padding-bottom: 15px;}
.hint {color: gray; font-size: 10px; padding: 0px 4px 0px 4px;}
.cimage {width: 68px; height: 22px; vertical-align: top;}
.icon {vertical-align: middle; margin-top: -1px;}
.minip {padding: 0px; margin: 0px 0px 4px 0px;}
.rpad {padding-right: 10px;}
.lpad {padding-left: 10px;}
.hidden {display: none;}
.inline {display: inline;}
.cleaner {clear: both;}
.important {color: red;}

.exp {border-bottom: 1px dashed #808080; cursor: help;} 
.leftimg {float: left; margin: 1px 10px 5px 1px;} 
.rightimg {float: right; margin: 1px 1px 5px 10px;}