/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {color: #000; font: 16px/1em arial, verdana; height: 100%; background: url("../images/back.jpg") repeat; margin-top: 10px;}
a, a:visited {color: #404040; text-decoration: none;}
a:hover {color: #6c6c6c;}
p {margin: 15px 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;}
.right {float: right;}
h2 {margin: 10px 0 15px 0px; font-weight: bold; font-size: 0.875em;}
h3 {font-weight: bold; margin-bottom: 9px;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 907px; margin: 0 auto; background: url("../images/content.jpg") repeat-y;}
#header {height: 144px; padding-left: 10px; background: #000; color: #fff; background: url("../images/header.jpg") no-repeat;}
#content {float: left; padding: 17px 0 10px 120px; width: 500px;}



/* Navigace sidebar
----------------------------------------------- */
#navigation {float: right; width: 150px; background: #ddd; margin: 30px 110px 6px 0; padding: 8px; border-left: 3px solid #000;}



/* Footer
----------------------------------------------- */
#footer {clear: both; width: 100%; background: url("../images/footer.jpg") no-repeat; height: 53px; padding: 1px 0 0 0; text-align: center; font-size: 0.75em;}
#footer a, #footer a:visited {text-decoration: underline;}



/* Menu
----------------------------------------------- */
#header ul {width: 460px; float: right; position: relative; top: 57px; margin-right: 45px;}
#header ul li {display: inline;}
#header ul li a {margin-right: 30px; padding-left: 12px; color: #fff; text-decoration: none; float: left; height: 20px; font-size: 0.875em; font-weight: bold; text-align: center; background: url("../images/dot.jpg") 0 4px no-repeat;}
#header ul li a:hover {color: #dadada;}



/* Login
----------------------------------------------- */
#login {width: 490px; height: 325px; background: url("../images/login-box.jpg") no-repeat; margin: 0 auto;}
#login h1 {font-size: 1.25em; font-weight: bold; position: relative; top: 63px; left: 115px;}
#login form {font-size: 1.25em; font-weight: bold; position: relative; top: 135px; left: 50px;}
#login .input-cell {width: 490px; text-align: left; height: 35px;}
#login .input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0; font-size: 0.75em;}
#login .input-input {width: 290px; float: left; text-align: left;}
#login .input-input input.field {height: 20px; border: 1px solid #68a6d9; background: #fff; padding: 3px 3px 0 3px; width: 150px;}
#login .input-input input.button {height: 24px; border: 1px solid #68a6d9; background: #fff; padding: 3px; width: 100px; font-weight: bold; background: url("../images/button-back.png") repeat-x;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0;}



/* Kniha navstev - editace barev
----------------------------------------------- */
#kniha input, #kniha textarea {background: #d4d4d4; border: 1px solid #000;}
.posttop-book {border: 1px solid #000; background: #ebe1bc;}
.posttext-book {border: 1px solid #000; background: #f4ecd1;}



/* Kniha navstev
----------------------------------------------- */
#kniha {width: 406px; margin: 10px 40px 40px 5px; border: 0px solid #000; padding: 20px 20px; float: left;}
#kniha .kniha-input {width: 350px; margin-bottom: 4px; float: left;}
#kniha .kniha-anti {width: 370px; margin-bottom: 4px; float: left;}
#kniha .kniha-nadpis {width: 100px; float: left; text-align: right; padding-right: 5px; font-weight: bold; font-size: 0.75em;}
#kniha .kniha-pole {width: 245px; float: left;}
#kniha .kniha-pole input {width: 260px; background: #d4d4d4; border: 1px solid #000;}
#kniha .kniha-antispam {width: 120px; float: left;}
#kniha .kniha-antispam input {width: 100px; background: #d4d4d4; border: 1px solid #000;}
#kniha .kniha-kod {width: 100px; float: left;}
#kniha .kniha-bottom {width: 366px; float: left;}
#kniha .kniha-smile {float: left; width: 180px;}
#kniha .kniha-button {float: right; font-weight: bold; width: 120px; text-align: right;}
#kniha .kniha-button input {background: #cecece; color: #000;}

#kniha .prvni-sloupec {width: 350px; float: left;}
#kniha .druhy-sloupec {float: right;}
#kniha em {font-size: 0.75em; color: red;}
#kniha #antispam img {position: relative; top: 5px;}
#kniha textarea {width: 365px; height: 91px; margin-bottom: 10px; position: relative; top: -1px; background: #d4d4d4; border: 1px solid #000;}

.post-book {margin: 0 0 16px 5px; width: 450px;}
.post-book-reply {margin: 0 0 16px 34px; width: 420px;}
.posttop-book {padding: 4px 4px 7px 4px ; height: 12px; background: #c7c7c7; border: 1px solid #000; font-size: 0.75em;}
.username-book {font-weight: bold; width: auto; float: left;}
.userweb-book {width: auto; float: left; margin-left: 10px;}
.userweb-image {width: 16px; height: 20px; border: 0;}
.posttext-book {padding: 4px; text-align: left; background: #d6d6d6; border: 1px solid #000; border-top: 0; font-size: 0.75em;}
.postdate-book {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}




/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 115px; height: 155px; float: left; text-align: center; font-size: 0.75em;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0; height: 100px; width: 100px;}

#thumbnail-edit {float: right; width: 450px; margin: 0 0 15px 15px; padding: 15px;}
#thumbnail-edit img {border: 1px solid #aaa; margin-right: 10px; float: left;}
#thumbnail-edit h2 {font-weight: bold; font-size: 0.875em;}

#thumbnail-edit div {float: right; width: 280px;}
#thumbnail-edit p {font-size: 0.75em; margin: 6px 0;}


/* Strankovani
----------------------------------------------- */
ul#pagination {margin: 20px 0 15px; clear: both; padding: 0 0 20px 30px; font-size: 0.69em;}
#pagination li {color: #695949; display: block; float: left; padding: 4px 2px; margin-right: 2px;}
#pagination .previous, #pagination .next {font-weight: bold;}
#pagination .active {color: #000; font-weight: bold;}
#pagination .active:hover {color: #ff0000;}

#pagination a, #pagination a:visited {text-decoration: none; color: #695949;}
#pagination li:hover {color: #695949;}

#pagination .dotty {text-decoration: none; border: 0;}
#pagination .dotty:hover {text-decoration: none; border: 0;}

.article {font-size: 0.75em;}
.article img {margin: 0 10px 10px 0;}