/* 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: #333; font: 16px/1em Verdana, "Trebuchet MS"; height: 100%; background: url("../images/back.jpg") repeat-x #b6bd9b;}
a, a:visited {color: #695949; text-decoration: none;}
a:hover {color: #d54e21;}
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: #ebe1bc; 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 #b9bbaa; padding: 20px 20px; float: left; background: #dee1c2;}
#kniha .kniha-input {width: 350px; margin-bottom: 4px; float: left;}
#kniha .kniha-nadpis {width: 80px; float: left; text-align: right; padding-right: 5px; font-weight: bold;}
#kniha .kniha-pole {width: 265px; float: left;}
#kniha .kniha-pole input {width: 260px; background: #eff0e0; border: 1px solid #b9bbaa;}
#kniha .kniha-antispam {width: 150px; float: left;}
#kniha .kniha-antispam input {width: 140px; background: #eff0e0; border: 1px solid #b9bbaa;}
#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: #c5ca99;}

#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: #eff0e0; border: 1px solid #b9bbaa;}

.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: #dee1c2; border: 1px solid #b9bbaa;}
.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: #eef0dc; border: 1px solid #b9bbaa; border-top: 0; font-size: 0.75em;}
.postdate-book {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}



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



/* Header
----------------------------------------------- */
#header {position: relative; background: url("../images/h1.jpg") no-repeat; width: 1100px; height: 312px;}
#header ul {width: 800px; height: 20px; float: left; position: relative; top: 228px; left: 150px;}
#header ul li {display: block; float: left; padding: 0 6px;}
#header ul li a {color: #e9e0e3; text-decoration: none; float: left; height: 20px; font-size: 0.875em; font-weight: bold; text-align: center;}
#header ul li a:hover {color: #fff;}

.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: #fff; clear: both; width: 100%; height: 93px; background: url("../images/footer.jpg") no-repeat;}
#footer p {padding: 50px 10px 10px 10px; text-align: center; font-size: 0.75em;}
#footer a {display: inline; color: #fff; text-decoration: underline;}
#footer a:hover {color: #eaefd8; text-decoration: underline;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 91px; height: 120px; float: left; text-align: center; font-size: 0.69em;}
.thumbnail-title {height: 90px;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0; height: 65px; width: 65px;}

#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; margin-bottom: 40px; text-align: justify;}
#left .article {margin-bottom: 15px;}
.article img {margin: 0 10px 10px 0;}



/* Left
----------------------------------------------- */
#left {float: left; width: 180px; padding: 10px 0 100px 90px;}



/* Navigace
----------------------------------------------- */
#navigation {float: right; width: 180px; padding: 10px 75px 100px 0;}
#navigation .menu-galerie {border-bottom: 1px solid #e1e2cf; height: 18px; width: 150px;}
#navigation .menu-galerie a {display: block;}
#navigation .menu-galerie a:hover {color: #000;}



/* Clanek
----------------------------------------------- */
.article h3 {margin: 0 0 2px 0; font-size: 1.25em; color: #000; text-align: left;}
#left .article h3 {margin: 0; font-size: 1.0em; color: #6a5a4a; text-align: left; width: 165px;}
.article h3 a, .article h3 a:visited {color: #000;}
#left .article h3 a, #left .article h3 a:visited {color: #6a5a4a;}
#left .article h3 a:hover {color: #000;}
.article span {font-size: 0.875em; margin-top: 2px;}
#left .article span {border-bottom: 1px solid #e1e3ce; padding-bottom: 12px; display: block; width: 165px;}
#content .article p {font-size: 1.0em;}