/* *************************************************************************************************
 *
 *  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:#cc0033;}
.green {color:green;}
.grey {color:#818181;}

.cleaner {clear:both;font-size:0;height:1px;display:block;line-height:0px;}
.hidden, .none {display:none;}

.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;}

.img-align-left {float:left;margin-right:10px;}
.img-align-right {float:right;margin-left:10px;}

a {text-decoration:underline;color:#18435D;}
a:hover {text-decoration:none;color:#3A8627}

small {font-size:12px;line-height:18px;}

form fieldset {}
form fieldset br {clear:both;}
form fieldset label {}
form fieldset select {}
form fieldset textarea {}
form fieldset input.text, form fieldset input.password {}
form fieldset input.radio {}
form fieldset input.radio, x:-moz-any-link, x:default {}
form fieldset input.submit {} 

h1, h2, h3, p, form, ul, ol, table, pre {margin-bottom:20px;}
h4 {margin-bottom:5px;}

h1 {font-size:24px;font-weight:normal;line-height:30px;color:#474747;}
.post h1 {font-size:22px;padding-bottom:2px;}
h2, h3#comments {font-size:22px;font-weight:normal;}
h3, .related h4 {font-size:18px;font-weight:normal;}
/*#right h3 {font-size:16px;}*/
h4 {font-size:14px;font-weight:normal;}

#left ul, #left ol {margin-left:30px;}

time {display:inline;}
mark {font-style:italic;}
nav, section, footer, header, article {display:block;}

/* *************************************************************************************************
 *
 *  rozvrzeni stranky
 *   
 * ************************************************************************************************* */

html {background: #712C1E url('../images/design/html-bg.jpg') center top repeat-y;font:normal normal normal 14px/20px 'Trebuchet MS', arial, Tahoma, Verdana, sans-serif;}
body {background: url('../images/design/body-bg.jpg') center top no-repeat;}

#all {width:980px;margin:auto;background: #fff url('../images/design/pattern.png') repeat-y 660px 0;}
#header {display:block;height:175px;border-bottom:2px solid #202002;background:url("../images/design/header.jpg") no-repeat scroll 300px -145px #FFFFFF;}
#header .logo img {margin-top:70px;margin-left:0px;}
header .logo img {margin-top:70px;margin-left:0px;}

* html #header .logo img {display:none;visibility:hidden;}
* html #header .logo {margin-top:70px;margin-left:0px;width:246px;height:49px;float:left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='scale');_background-image:none;cursor:pointer;}

#menu {height:30px;list-style:none;padding-top:0;margin:0 0 30px 0;border-bottom:2px solid #e5e5e5;background: #fff url('../images/design/pattern.png');}
#menu li {float:left;line-height:30px;}
#menu li a {text-decoration:none;float:left;border-bottom:2px solid #ccc;margin-right:20px;padding:0 10px;_position:relative;_top:2px;}
#menu li a:hover {border-bottom-color:#120D7E;color:#18435D;}

#left {float:left;width:700px;}
#right {float:right;width:240px;background-position:70px 0;padding-left:10px;}
#right .box p {padding-left:20px;}
#right ul, #right ol {list-style:none;}
#right .box ul ul {margin-bottom:0px;}
#right .box h3 {border-bottom:1px solid #aaa;padding-bottom:3px;}
#right .box li {padding-left:20px;}
#right .box li a {text-decoration:none;}
#right .box a:hover {text-decoration:underline;}
#right .archives ul li {padding-left:40px;}
#right .archives .showArchive {float:right;font-size:12px;padding-right:0px;width:100px;text-decoration:underline;}
#right .archives .showArchive:hover {text-decoration:none;}
#right .archives .arch {clear:both;height:0px;overflow:hidden;}
#right .archives h4  {float:left;}
* html #right .archives h4 {margin-left:10px;}
#right .links {padding-top:20px;}
#right .mikro {font-size:13px;}
#right .mikro h3 {margin-bottom:10px;}
#right .mikro h5 {padding-left:6px;border-lefT:4px solid white;font-weight:normal;font-size:13px;margin-left:0px;*margin-left:10px;*width:210px;}
#right .mikro li {background:#e2e2e2;padding:5px 10px 4px 10px;;margin:0 0 5px 0;clear:right;}
#right .mikro li.odd {background:none;}
#right .mikro li a:hover {color:#18435D;}
#right .mikro a.micro-more {float:right;padding-left:20px;text-decoration:underline;}
#right .mikro a.micro-more:hover {text-decoration:none;}
#right h4, #right nav h4 {margin-left:20px;}
* html #left pre {width:700px;overflow-x:scroll;}
#right .about p {font-size:13px;}
#right .about p img {margin-left:-20px;border:1px solid #712C1E;background:#fff;padding:2px;}

#footer {display:block;width:980px;margin:0 auto;background:#fff;font-size:14px;text-align:center;margin-top:40px;padding:20px 0 10px 0;border-top:1px solid #000;}

#bottom {width:980px;margin:0 auto;background:#fff;font-size:12px;text-align:center;padding-bottom:20px;}
#bottom .con {border-top:1px solid #ccc;margin-top:20px;padding-top:10px;margin-bottom:0;color:#808080;}

.item h2 a {font-weight:normal;display:block;padding-bottom:2px;border-bottom:1px solid #B18557;color:#6E3006;text-decoration:none;position:relative;}
.item h2 a:hover {color:#18435D;border-bottom-color:#18435D;}
.anot {float:left;margin:0 20px 10px 0;padding:2px;border:1px solid #B18557;}
.item a:hover .anot {border-color:#18435D;}
.item .meta, .post .metadata, .comments-meta {padding:10px 0 10px 10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:13px;color:#444;margin-bottom:20px;}
.item {padding-bottom:30px;}
.item .meta span, .item .meta time {float:left;padding:0 10px 0 20px;border-right:1px solid #333;line-height:16px;margin-right:10px;margin-bottom:7px;}
.item .meta {margin-bottom:20px;}
.item .meta br {clear:both;}
.item .meta .cat {background:url(../images/design/icon-news.gif) no-repeat 0px 0;}
.item .meta .ratings {float:right;border:0;padding:0;margin:0;margin-bottom:0;color:#216B0A;position:relative;}
.item .meta .an {color:#216B0A;position:absolute;width:150px;top:25px;right:0;text-align:right;}
.item .meta .comm {background:url(../images/design/icon-comments.gif) no-repeat 0 0;}
.item .meta .read {background:url(../images/design/icon-eye.gif) no-repeat 0 2px;border:0;}
.item .meta .author {background:url(../images/design/icon-cup.gif) no-repeat 0 1px;}
.item .meta .tags {background:url(../images/design/icon-tag.gif) no-repeat 10px 0;border:0;margin-bottom:0;border-left:1px solid #333333;padding-left:30px}
.item .meta .timestamp {background:url(../images/design/date_edit.gif) no-repeat 0 0;margin-bottom:0;border:0;margin-right:0;}
.item .more {font-size:13px;float:right;margin-top:-15px;margin-bottom:10px;color:#000;}

.post h1, .page h1 {border-bottom:1px solid #373737;}
.post h1 a {text-decoration:none;color:#373737;}
.post .metadata {font-size:12px;margin:0px 0 10px 0;padding-bottom:5px;padding-right:5px;background:#f5f5f5}
.post .metadata {_margin:5px 0 20px 0;_padding-bottom:10px;}
.post .metadata br {clear:left;}
.post .metadata a.icon {padding-left:20px;padding-right:10px;}
.post .metadata span.ratings {float:left;}
.post .metadata img {float:left;margin-top:4px;}
.post .metadata .float-left, .post .metadata .float-right {margin-bottom:5px;}
.post .social-box {margin:10px 0 10px;font-size:12px;*padding-top:10px;}
.post .social-box strong {padding-right:10px;}
.post .social-box .icon, .goo, .fac, .cia {padding-left:20px;padding-right:10px;}
.post .social-box .icon:hover {background-color:#cdcdcd;color:#000;text-decoration:none;}
.post .print {font-size:12px;background:url(../images/design/icon-print-small.gif) no-repeat 0 1px;float:right;padding-left:20px;}
.post .social-box .ksichtknizka, .fac {background:url(../images/design/facebook.gif) no-repeat 0 0;}
.post .social-box .linkuj {background:url(../images/design/linkuj.gif) no-repeat 0 0;}
.post .social-box .gugl, .goo {background:url(../images/design/google.gif) no-repeat 0 0;}
.post .social-box .sme {background:url(../images/design/smesk.gif) no-repeat 0 0;}
.post .rss {background:url(../images/design/rss-small.gif) no-repeat 0 1px;}
.post .rss-m {background:url(../images/design/rss-magnat-small.gif) no-repeat 0 1px;}
.post .rss-comments {font-size:12px;color:#686868;background:url(../images/design/icon-rss-grey.gif) no-repeat 0 1px;padding-left:20px;}
.post .related {width:700px;*margin-top:19px;}
.post .related .space {width:20px;}
.post .related .cell {width:318px;border:1px solid #e5e5e5;padding:10px;}
.post .related .cell h4 {margin-bottom:10px;}
.post .related .cell ul {margin-bottom:0;margin-left:20px;}
.post .anot {border-color:#000;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.metadata .second-line {width:525px;}
}

.tags-list {text-align:center;}
.tags-list a {padding:0 2px;text-decoration:none;}
.tags-list a:hover {text-decoration:underline;}
.box .tags-list a {padding:0 1px;}

.comments {padding-bottom:20px;}
.comments .com {position:relative;margin-bottom:20px;}
.comments .com img.grav {float:left;margin-right:10px;padding:1px;border:1px solid #F7D9D9;}
.comments .com .left {position:absolute;width:129px;z-index:10;*left:0;_left:-98px;}
.comments .com .left .name {clear:left;margin-top:10px;float:left;}
.comments .com .left strong, .comments .com .left a {float:left;font-weight:normal;font-size:16px;line-height:16px;}
.comments .com .right .top {margin-bottom:15px;}
.comments .com .right {width:600px;margin-left:100px;background:url(../images/design/comment-bg.gif) no-repeat 0 0;}
.comments .com .right .inner {margin-left:32px;padding:10px 10px 0 20px;overflow:hidden;border:1px solid #D7D9D9;border-left:0;min-height:100px;}
.comments .com .right small {font-size:12px;line-height:16px;}
.comments .com .right small.link {border-bottom:1px solid #18435D;}
.comments .com .right small.link a {text-decoration:none;}
.comments .com .right small.link:hover {border-bottom-color:#74B464;}
.comments .com .right small.counter {float:right;padding-left:30px;background:url(../images/design/icon-comments.gif) no-repeat 10px 0;}
.comments .com .right i {color:#aaa;}
.comments .com .right blockquote {margin-right:10px;}
.comments .com pre {color:#666;}
.comments .com .react {margin-bottom:0px;padding-bottom:10px;font-size:12px;}
.comments .com .react a {text-decoration:none;float:left;padding:1px 3px;margin-right:3px;}
.comments .com .react a.re {float:right;}
.comments .com .react a:hover {background-color:#cdcdcd;color:#58435D;}
.comments .com .react em {display:block;border-bottom:1px solid #DCDDDD;margin-bottom:3px;color:#777;}

.pager {font-size:13px;margin-top:-20px;*margin-top:0;*height:30px;}
.pager h3 {font-size:15px;margin-bottom:0px;float:left;margin-right:20px;}
.pager span {display:none;}
.pager a {border:1px solid #664747;background:#ddd;float:left;margin-right:5px;padding:2px 5px;text-decoration:none;}
.pager a:hover {background:#fff;color:#000;border-color:#216B0A;}
.pager strong {float:left;margin-right:5px;padding:3px 6px;}

.tags-1 {font-size:11px;}
.tags-2 {font-size:16px;}
.tags-3 {font-size:18px;}
.tags-4 {font-size:20px;}
.tags-5 {font-size:22px;}
.tags-6 {font-size:24px;}

#add {margin-bottom:10px;}

#speak {background:#D7D9D9;padding:20px;}
#speak label {color:#474747;float:left;font-size:14px;line-height:25px;width:250px;margin-right:10px;}
#speak label span.required {font-weight:normal;float:right;}
#speak input.text {border:1px inset #F7D9D9;float:left;width:390px;padding:3px;font-size:14px;margin-bottom:10px;}
#speak input.short {width:100px;text-align:center;}
#speak input.submit {width:250px;border:1px outset #F7D9D9;text-transform:uppercase;color:#fff;background:#712C1E;font-size:14px;float:right;line-height:14px;height:25px;}
#speak input.submit, x:-moz-any-link {padding-bottom:2px;height:26px;*padding-bottom:0;}
#speak textarea {border:1px inset #F7D9D9;float:left;font-size:14px;font-family: 'Trebuchet MS', arial;padding:5px;width:646px;height:200px;margin-bottom:10px;}
#speak span.readonly-input {border:1px inset #F7D9D9;color:#333;background:#e6e8e8;float:left;width:360px;padding:3px;font-size:14px;margin-bottom:10px;}
#speak span.react-field img {float:left;margin:7px 0 0 10px;}

#search {height:30px;}
#search .text {width:140px;float:left;margin-right:10px;border:2px inset #aaa;padding:3px;}
#search .submit {width:80px;border:2px outset #aaa;background:#e5e5e5;font-size:14px;float:left;height:26px;border-bottom-color:#fff;border-right-color:#fff;}
#search .submit, x:-moz-any-link {padding-bottom:4px;*padding-bottom:0;}

pre {border:1px dashed #9FD8F6;padding:10px;overflow-x:auto;font-size:12px;line-height:18px;}

.post-text {padding-bottom:20px;}
.post-text table {border:0;border-collapse:separate;border-spacing:2px;}
.post-text table td {border:1px solid #c5c5c5;padding:3px 5px;}
.category-anotation {font-style:italic;padding:0 0 10px 0;}
.subcategory {float:left;width:340px;padding-bottom:20px;height:100px;padding-right:10px;}
.subcategory img {padding:2px;border:1px solid #000;float:left;margin-right:7px;}
.subcategory a:hover img {border-color:#B18557;}
.subcategory h2 {font-size:16px;margin-bottom:10px;}
.subcategory h2 a {text-decoration:none;color:#000;}
.subcategory h2 a:hover {color:#B18557;}
.subcategory p {font-size:12px;line-height:16px;}
.gallery-detail img {float:left;margin:0 10px 10px 0;padding:2px;border:1px solid #B18557;}
.mikroblog h2 {font-size:18px;}
.mikroblog .item .meta span {margin-bottom:0;}
.napoveda {float:left;padding-left:260px;font-size:12px;margin-top:-5px;display:inline;}
.napoveda a {color:#202020;padding:0 5px;}
.napoveda a:hover {background-color:#adadad;}

#all #chili_selection {background-color:white !Important;}
#all .php__start {font-weight:normal;}
#all .php__keyword {font-weight:bold;color:#000;}
#all .php__variable {color:red;}
#all .php__number {color:#000080;}
#all .php__com {color:#aaa;font-style:italic;}
#all .php__string1, #all .php__string2 {color:green;}
#all .php__value {color:#000;}
#all .html__tag_start, #all .html__tag_end, #all .html__doctype {color:purple;}
#all .html__attr_name {color:#000;}
#all .html__attr_value {color:green;}
#all .css__id, #all .css__element, #all .css__class {color:purple;}
#all .css__value, #all .css__color {color:blue;}
#all .css__property {color:#000;}
#all .js__string {color:brown;}
#all .js__brace {font-weight:normal;}
#all .js__num {color:navy;}
#all .js__function, #all .js__object, #all .js__statement, #all .js__operator, #all .js__brace {color:black;}
#all .js__liveconnect {text-decoration:none;}
#all .js__ml_comment {color:green;}

.cia {background:url(../images/design/cia.gif) no-repeat 0 1px;}
