/* *************************************************************************************************
 *
 *  @author: Michal Sobola, msobola@seznam.cz
 *  @theme: Coldstone, motiv Grunge 
 *   
 * ************************************************************************************************* */

/* *************************************************************************************************
 *
 *  resety | globalni definice
 *   
 * ************************************************************************************************* */

a img, address, applet, area, blockquote, body, caption, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, legend, li, map, object, ol, p, param, pre, small, sub, sup, table, td, th, tr, ul {border:0;margin:0;padding:0;text-indent:0;font-size:100%;}
sub, sup {line-height:1;font-size:60%;}

table  {border-collapse:collapse;border-spacing:0;}
td, th {vertical-align:top;}
address {font-style:normal;}

.required, .red {color:#A40505;}
.green {color:green;}
.cleaner {clear:both;font-size:0;height:1px;display:block;}
.hidden {display:none;}
.orange {color:#F24B00;}

.float-left {float:left;}
.float-right {float:right;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.italic {font-style:italic;}
.bold {font-weight:bold;}

.aligncenter, div.aligncenter {display:block;margin-left:auto;margin-right:auto;}

:focus {outline:0;}

a {color:#111312;}
a:hover {text-decoration:none;}

h1 {font-size:;}
h2 {font-size:;}
h3 {font-size:;}
h4 {font-size:;}

small {font-size:90%;}

form input.text {font-size:11px;}
form input.radio {}
form input.checkbox {}
form input.submit {cursor:pointer;font-size:13px;}
form button {cursor:pointer;}
form select {}
form textarea {}
form br {clear:both;}

.page p, .page, .page ul, .page ol, .page h1, .page h2, .page h3, .page h4, .page table, .page form {margin-bottom:10px;}
.page ol, .page ul {margin-left:30px;}
.page .nomargin {margin:0;}

/* *************************************************************************************************
 *
 *  rozvrzeni stranky
 *   
 * ************************************************************************************************* */
 
#all #header {font: 12px/18px Verdana, Tahoma, Arial, sans-serif;}
#all #header #header-image {font: 24px/24px Georgia, Palatino, 'Times New Roman' !important;}
#all #obsah {font: 14px/22px 'Palatino Linotype', Georgia, Palatino, 'Times New Roman';}
#all #footer, pre {font: 12px/16px 'Trebuchet MS', Tahoma, Arial, sans-serif;}
#all #obsah .right {font: 13px/18px 'Trebuchet MS', Tahoma, Arial, sans-serif;}
#all #bottom {font: 11px/62px 'Trebuchet MS', Tahoma, Arial, sans-serif;}

body {background:#F9EECD url('images/design/body-bg.jpg') center top no-repeat;}

#all {width:944px;margin:0 auto;}
#all .obsah-bg {background:url('images/design/content-foot.png') no-repeat 0 0;height:27px;}

#header {height:411px;background:url('images/design/header-gradient.jpg') repeat-x 0 133px;position:relative;}
#header img {float:left;margin:0;}
#header ul {list-style:none;}
#header li {float:left;}
#header li a {float:left;color:#fff;text-decoration:none;}
#header #red-menu {float:right;margin:52px 0 0 0;display:inline;width:662px;line-height:32px;height:36px;background:url('images/design/top-menu.gif') no-repeat -282px 0;}
#header #red-menu a {padding:4px 15px 0 15px;}
#header #red-menu a:hover, #header #red-menu a.active {background: #E9E9CE url('images/design/red-bottom-shipka.gif') no-repeat 50% 4px;color:#A41212;}
#header #red-menu li {behavior:url(/hover.htc);}
#header #red-menu .first:hover, #header #red-menu .first.hover, #header #red-menu .first.active {background:url('images/design/red-menu-1st-hover.png') no-repeat 0 0;}
#header #red-menu .first a:hover, #header #red-menu .first a.active {background:url('images/design/red-bottom-shipka.gif') no-repeat 50% 4px;}
#header #grey-menu {clear:both;height:45px;line-height:45px;margin-bottom:22px;background:url('images/design/top-menu.gif') no-repeat 0 -36px;}
#header #grey-menu a {padding:0 17px 0 15px;background:url('images/design/header-menu-border.gif') no-repeat 100% 0;}
#header #grey-menu a:hover, #header #grey-menu a.active {background-color:#A41212;}
#header #grey-menu .first a:hover, #header #grey-menu .first a.active {background:url('images/design/grey-menu-1st-hover.png') no-repeat 0 0;}
#header #grey-menu ul {float:left;} 
#header #header-image {height:46px;padding-top:210px;padding-right:50px;background:url('images/design/main-sample-1.jpg') no-repeat 50% 50%;text-align:right;}
#header #header-image a {color:#fff;text-decoration:none;background:#3B3F46;padding:2px 6px 4px 6px;float:right;margin-left:6px;}
#header #header-image a:hover, #header #header-image a.active {background:#2C2E32;}
#header form {position:absolute;right:10px;top:95px;background:url('images/design/fulltext-form.png') no-repeat 0 0;width:229px;height:32px;}
#header form input.text {border:0;margin-top:7px;float:left;width:175px;background:none;font-size:14px;color:#fff;}
#header form input.submit {float:left;border:0;width:32px;height:32px;padding:0;margin-right:10px;background:none;}

#obsah {background:#fff url('images/design/content-bg.png') repeat-y 592px 0;padding:20px 26px 0 26px;}
#obsah h1 {width:500px;font-size:28px;line-height:36px;font-weight:normal;color:#A40505;padding-left:47px;margin:0 0 10px -47px;background: url('images/design/h1.gif') no-repeat 10px 5px;position:relative;}
#obsah h2 {font-size:20px;font-weight:normal;}
#obsah h3 {font-size:17px;}
#obsah h3 {font-size:14px;}
#obsah small.author {color:#B8B8B8;font-size:16px;line-height:16px;display:block;margin-bottom:5px;}
#obsah .right {width:285px;float:right;padding-top:15px;color:#727272;}
#obsah .right h3 {font-size:15px;background: url('images/design/sidebar-h3.gif') no-repeat 0 7px;padding-left:22px;margin-bottom:10px;padding-top:5px;}
#obsah .right ul {list-style:none;margin:0 0 10px 22px;line-height:25px;}
#obsah .right ul li {padding:0 5px 2px 1px;background: url('images/design/li-bg.gif') no-repeat 0 100%;}
#obsah .right ul.cats li {background:none;padding:0;width:261px;}
#obsah .right ul.cats li a {padding:0 5px 2px 1px;background: url('images/design/li-bg.gif') no-repeat 0 100%;display:block;}
#obsah .right ul.cats .current-cat a {background-image:url('images/design/li-bg-active.gif');color:#A32928;}
#obsah .right ul.cats .current-cat li a {background-image:url('images/design/li-bg.gif');color:#000;}
#obsah .right ul.cats li ul {margin-bottom:0;}
#obsah .right ul.cats li ul li {width:241px;}
#obsah .right a {text-decoration:none;color:#000;}
#all #obsah .right .cloud a {color:#2C2D31;padding-bottom:4px;padding-right:2px;}
#all #obsah .right a:hover {color:#A32928;}
#obsah .left {margin-left:47px;float:left;display:inline;width:500px}
#obsah .left .item h2 {float:left;}
#obsah .left .item h2 a {color:#A40505;font-size:16px;line-height:20px;font-weight:normal;}
#obsah .left .item small {float:right;font-size:12px;line-height:20px;/* background:url('images/date.gif') no-repeat 0 2px;padding:0 0 0 20px; */}
#obsah .left .item .entry {border-bottom:2px solid #DEDEDE;margin-bottom:5px;clear:both;}
#obsah .left .item .entry .align-right {font-size:12px;margin-bottom:0;}
#obsah .left .item .entry h2 {float:none;}
#obsah .left .item .postmeta {font-size:12px;padding-bottom:10px;}
#obsah .left .tags {background:url('images/tag.gif') no-repeat 0 0;padding-left:20px;}
#obsah .left .comm {background:url('images/comment.gif') no-repeat 0 0;padding-left:20px;}
#obsah .left .cats {background:url('images/home.gif') no-repeat 0 0;padding-left:20px;}
#obsah .left .read {background:url('images/eye.gif') no-repeat 0 2px;padding-left:20px;}
#obsah .left .pager a {color:#A40505;}
#obsah .left .meta {list-style:none;margin-left:0;padding:5px 0 5px 10px;border-top:2px solid #dedede;border-bottom:2px solid #dedede;}
#obsah .left .alignleft {float:left;margin-right:10px;}
#obsah .left .alignright {float:right;margin-left:10px;}
#obsah .comments {list-style:none;margin:0 0 20px 0;}
#obsah .comments li {padding:10px 10px 1px 10px;font-size:12px;background:#eee;border:1px solid #dedede;margin-bottom:10px;}
#obsah .comments li img {float:right;}
#obsah .comments li .comment-author cite {font-style:normal;font-weight:bold;font-size:14px;}
#obsah .comments li .comment-meta {margin-top:-5px;margin-bottom:5px;}

#footer {background:url('images/design/footer-bg.jpg') left top repeat-y;}
#footer .footer-bg {background:url('images/design/footer.jpg') no-repeat 0 0;color:#fff;}
#footer .footer-bg a {color:#fff;}
#footer .footer-bg .left {width:494px;padding-top:34px;float:left;}
#footer .footer-bg .left .item {background: url('images/design/left-item-bottom.gif') left bottom no-repeat;padding:0 12px 17px 0;margin:0 0 20px 24px;}
#footer .footer-bg .left .alignleft {float:left;margin-right:12px;}
#footer .footer-bg .left .alignright {float:right;margin-left:12px;}
#footer .footer-bg .left img {border:5px solid #615E56;}
#footer .footer-bg .left .item h2 {margin:0 0 5px 0;font-weight:normal;font-size:16px;line-height:28px;height:28px;}
#footer .footer-bg .left .item h2 a {color:#fff;text-decoration:none;background-color:#8E0000;padding:0 10px;float:left;}
#footer .footer-bg .left .item h2 a:hover {background-color:#615E56;}
#footer .footer-bg .left .item h3 {font-weight:normal;margin-bottom:6px;font-size:14px;}
#footer .footer-bg .left .item h4 {font-weight:normal;margin-bottom:5px;}
#footer .footer-bg .left .item .content {clear:left;}
#footer .footer-bg .right {float:right;width:380px;padding-top:60px;margin-right:22px;display:inline;}
#footer .footer-bg .right p {margin-bottom:5px;}
#footer .footer-bg .right h3.main-heading {font-size:16px;background:#9D8873 url('images/design/tuzka.gif') no-repeat 6px 8px;font-weight:normal;line-height:32px;padding:0 20px 0 30px;float:left;}
#footer .footer-bg .right h4.secondary-heading {margin-bottom:5px;font-weight:normal;font-size:14px;}
#footer .footer-bg .right h4.secondary-heading small {font-size:11px;color:#eee;padding-left:10px;}
#footer .footer-bg .right .anotation p {margin-bottom:5px;}
#footer .footer-bg .right .anotation h2 {font-weight:normal;margin-bottom:5px;font-size:14px;}
#footer .footer-bg .right .anotation h3 {font-weight:normal;margin-bottom:5px;font-size:12px;}
#footer .footer-bg .right .anotation h4 {font-weight:normal;margin-bottom:5px;font-size:12px;}
#footer .footer-bg .right .item {padding:10px 15px 20px 15px;background-color:#9D8873;width:350px;clear:left;}
#footer .footer-bg .right #tabs {list-style:none;height:32px;margin-top:20px;}
#footer .footer-bg .right #tabs li {float:left;}
#footer .footer-bg .right #tabs li a {float:left;line-height:32px;padding:0 20px 0 35px;background:#84715E url('images/design/tuzka-passive.gif') no-repeat 6px 8px;color:#fff;text-decoration:none;margin-right:13px;}
#footer .footer-bg .right #tabs li a.active, #footer .footer-bg .right #tabs li a:hover {background-color:#9D8873;background-image:url('images/design/tuzka-active.gif');}
#footer .footer-bg .right .dombox {font-size:11px;margin-bottom:10px;}
#footer .footer-bg .right .dombox ul {list-style:none;line-height:24px;}
#footer .footer-bg .right .dombox ul li {background:#9D8873 url('images/design/play.png') no-repeat 2px 6px;padding-left:25px;}

#bottom {height:62px;background:#2C2D31;padding:0 25px;color:#fff;}
#bottom a {color:#fff;}

#obsah form fieldset {border:1px solid #9D8873;padding:10px;}
#obsah form legend {font-size:16px;padding:0 10px;font-weight:bold;}
form.form#comments label, #captchaInputDiv label {float:left;width:200px;line-height:25px;color:#505050;}
form.form#comments input.text, #captcha_code {width:265px;padding:5px;margin-bottom:10px;border:1px solid #9D8873;float:left;}
form.form#comments input.submit {width:150px;padding:5px;_padding:3px;border:1px solid #9D8873;background:#dedede;float:right;clear:both;}
form.form#comments textarea {width:465px;margin-bottom:10px;border:1px solid #9D8873;float:left;padding:5px;}
#si_image {border:1px solid #9D8873 !important;;padding:1px;margin:0 10px 10px 0 !important;}
.refr {position:absolute;margin:-73px 0 0 220px !important;}
#obsah form p input {width:150px;padding:5px;_padding:3px;border:1px solid #9D8873;background:#dedede;}
#obsah form p span input {width:265px;background:#fff;padding:5px;}
#obsah form textarea {border:1px solid #9D8873;width:465px;padding:5px;}
#obsah form select {border:1px solid #9D8873;width:277px;_width:279px;padding:5px;}

.box {padding:10px;margin-bottom:10px;background:#EEEEEE;border:1px solid #DEDEDE;}