/* 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
----------------------------------------------- */
html {height: 100%;}
body {color: #8e8e8e; font: 16px/1em Verdana, "Trebuchet MS"; height: 100%; background: url("../images/back.jpg") repeat-x #141414;}
a, a:visited {color: #c7c7c7; text-decoration: none;}
a:hover {color: #f6f6f6;}
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;}



/* 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: #5f5f5f; 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: 1px solid #000; padding: 20px 20px; float: left; background: #444;}
#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: #6d6d6d; border: 1px solid #000;}
#kniha .kniha-antispam {width: 150px; float: left;}
#kniha .kniha-antispam input {width: 100px; background: #6d6d6d; border: 1px solid #000;}
#kniha .kniha-kod {width: 100px; float: left;}
#kniha .kniha-bottom {width: 340px; 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: #4e4e4e; color: #b6b6b6;}

#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: 340px; height: 91px; margin-bottom: 10px; position: relative; top: -1px; background: #6d6d6d; 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: #444; border: 1px solid #000; color: #cecece; 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: #5f5f5f; border: 1px solid #000; border-top: 0; font-size: 0.75em; color: #cecece;}
.postdate-book {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 992px; margin: 0 auto;}
#content {float: left; width: 560px; padding: 0 0 15px 115px;}
#content p {font-size: 0.875em;}
#inner {float: left; width: 992px; background: url("../images/content.jpg") repeat-y;}
#top {float: left; width: 992px;}



/* Header
----------------------------------------------- */
#header {position: relative; background: url("../images/h1.jpg") no-repeat; width: 992px; height: 235px;}
#header ul {width: 992px; height: 20px; float: right; position: relative; top: 191px; left: 47px;}
#header ul li {display: inline;}
#header ul li a {color: #8e8e8e; text-decoration: none; float: left; height: 20px; font-size: 0.875em; font-weight: bold; text-align: center; margin-right: 20px;}
#header ul li a:hover {color: #c7c7c7;}

.menu-domu {width: 72px;}
.menu-aktuality {width: 88px;}
.menu-autor {width: 68px;}
.menu-technika {width: 92px;}
.menu-galerie {width: 84px;}
.menu-kniha {width: 126px;}
.menu-clanky {width: 76px;}
.menu-odkazy {width: 84px;}
.menu-kontakt {width: 86px;}



/* Footer
----------------------------------------------- */
#footer {background: #333; color: #8e8e8e; clear: both; width: 100%; height: 76px; background: url("../images/footer.jpg") no-repeat;}
#footer p {padding: 23px 10px 10px 10px; text-align: center; font-size: 0.75em;}
#footer a {display: inline; color: #c7c7c7; text-decoration: underline;}
#footer a:hover {color: #f6f6f6; text-decoration: underline;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 125px; height: 140px; 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 {display: block; float: left; padding: 4px 2px; margin-right: 2px;}
#pagination .previous, #pagination .next {font-weight: bold;}
#pagination .active {color: #fff; font-weight: bold; text-decoration: underline;}
#pagination .active:hover {color: #ff0000;}

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

#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;}



/* Navigace
----------------------------------------------- */
#navigation {float: right; width: 180px; padding: 10px 20px 100px 20px; background: #444; margin: 0 70px 15px 0;}
#navigation .menu-galerie {border-bottom: 0px solid #e1e2cf; height: 18px; width: 150px;}
#navigation .menu-galerie a {display: block;}
#navigation .menu-galerie a:hover {color: #f6f6f6;}



/* Clanek
----------------------------------------------- */
.article h3 {margin: 0 0 2px 0; font-size: 1.25em;}
.article span {font-size: 0.875em; margin-top: 2px;}