/* Evilus 2004 — CSS celowo bez flexboxa, grida, zmiennych i JavaScriptu. */
html, body { margin: 0; padding: 0; }
body {
  background: #8998b0 url('../images/page-bg.gif') repeat;
  color: #202020;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.55;
}
a { color: #003a8c; text-decoration: underline; }
a:visited { color: #5a287f; }
a:hover { color: #c03020; text-decoration: none; }
img { border: 0; }
#page {
  width: 780px;
  margin: 10px auto;
  background: #f5f5f5;
  border: 1px solid #1d2e4d;
}
#utility {
  padding: 3px 7px;
  color: #e5edf7;
  background: #182b48;
  border-bottom: 1px solid #6f84a6;
  font-size: 10px;
}
.utility-left { float: left; }
.utility-right { float: right; }
#utility a { color: #ffffff; }
#banner {
  height: 92px;
  padding: 0 18px;
  background: #315b94 url('../images/header-bg.gif') repeat-x;
  border-bottom: 1px solid #182b48;
}
#site-title { padding-top: 18px; font-family: Georgia, "Times New Roman", serif; font-size: 31px; font-weight: bold; text-shadow: 1px 1px 0 #0e2038; }
#site-title a, #site-title a:visited { color: #ffffff; text-decoration: none; }
#site-tagline { margin-top: 2px; color: #dbe9ff; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13px; }
#breadcrumbs {
  padding: 5px 9px;
  background: #d7e0ed url('../images/nav-bg.gif') repeat-x;
  border-bottom: 1px solid #7387a5;
  color: #34445c;
  font-size: 10px;
}
#columns { padding: 10px; background: #e9edf2; }
#sidebar { float: left; width: 188px; }
#content { float: right; width: 558px; min-height: 520px; padding: 0 2px 10px 0; }
.clear { clear: both; height: 0; overflow: hidden; }
.sidebox { margin: 0 0 10px 0; border: 1px solid #5b6f8e; background: #ffffff; }
.sidebox-title, .content-box-title, .section-heading {
  padding: 4px 7px;
  color: #ffffff;
  font-weight: bold;
  background: #315984 url('../images/titlebar-bg.gif') repeat-x;
  border-bottom: 1px solid #344c6c;
}
.sidebox-body { padding: 7px; }
ul.menu, ul.compact-list { margin: 0; padding: 0; list-style: none; }
ul.menu li, ul.compact-list li { margin: 0; padding: 3px 2px 3px 13px; background: url('../images/bullet.gif') no-repeat 2px 7px; border-bottom: 1px dotted #c2cad6; }
ul.menu li:last-child, ul.compact-list li:last-child { border-bottom: 0; }
ul.menu li.active { background-color: #e5ecf6; font-weight: bold; }
ul.menu a { display: block; }
.smalltext { font-size: 10px; }
.tag-cloud { line-height: 1.9; }
.tag-cloud a { margin-right: 4px; }
#badges { text-align: center; }
#badges img { display: inline; margin: 2px 0; }
.page-title { margin: 0 0 8px 0; padding: 5px 8px; background: #f7f8fa; border: 1px solid #8594aa; border-left: 5px solid #315b94; }
.page-title h1 { margin: 0; color: #253b5d; font: bold 20px Georgia, "Times New Roman", serif; }
.content-box { margin: 0 0 12px 0; background: #ffffff; border: 1px solid #7b899f; }
.content-box-body { padding: 9px; }
.welcome-box .content-box-title { background-color: #4b6f3e; background-image: url('../images/titlebar-green.gif'); }
.warning-box .content-box-title { background-color: #8a4a2e; background-image: url('../images/titlebar-red.gif'); }
.section-heading { margin: 0 0 8px 0; font-size: 13px; }
.post-summary { margin: 0 0 12px 0; background: #ffffff; border: 1px solid #8997aa; }
.post-summary h2 { margin: 0; padding: 5px 8px; color: #213758; background: #e0e7f0 url('../images/post-bg.gif') repeat-x; border-bottom: 1px solid #a1adbd; font: bold 16px Georgia, "Times New Roman", serif; }
.post-summary h2 a { color: #213758; text-decoration: none; }
.post-summary h2 a:hover { color: #a02818; text-decoration: underline; }
.post-meta { padding: 3px 8px; color: #5e6672; background: #f1f3f6; border-bottom: 1px dotted #b6beca; font-size: 10px; }
.post-excerpt { padding: 9px; }
.read-more { padding: 0 9px 8px 9px; text-align: right; font-weight: bold; }
.page-content { padding: 3px 8px 12px 8px; background: #ffffff; border: 1px solid #b3bcc9; }
.page-content h2 { color: #2b466d; border-bottom: 1px solid #9caabd; font: bold 17px Georgia, "Times New Roman", serif; }
.page-content h3 { color: #38547a; font-size: 13px; }
.page-content img { max-width: 100%; height: auto; }
.page-content blockquote { margin: 10px 18px; padding: 7px 10px; color: #3d4652; background: #eef1f5; border-left: 4px solid #7d8da4; }
.page-content pre { overflow: auto; padding: 8px; color: #e8f2e8; background: #172117; border: 1px solid #4d624d; font: 11px "Courier New", monospace; }
.page-content code { color: #5e1818; font-family: "Courier New", monospace; }
table { border-collapse: collapse; }
.page-content table { width: 100%; margin: 8px 0; background: #ffffff; }
.page-content th { padding: 4px; color: #ffffff; background: #3d5d86; border: 1px solid #5f7189; }
.page-content td { padding: 4px; border: 1px solid #9ba7b6; }
.content-image { margin: 10px auto; text-align: center; }
.image-caption { margin-top: 3px; color: #555f6c; font-size: 10px; font-style: italic; }
.post-tags, .download-box { margin-top: 8px; padding: 6px 8px; background: #eef2f6; border: 1px solid #a5afbd; }
.post-navigation { margin-top: 12px; padding: 6px; background: #f4f5f7; border-top: 1px solid #9da8b6; }
.post-navigation .previous { float: left; width: 48%; }
.post-navigation .next { float: right; width: 48%; text-align: right; }
.pagination { margin: 10px 0; padding: 6px; text-align: center; background: #dfe6ef; border: 1px solid #8898ad; }
.pagination a, .pagination span, .pagination strong { margin: 0 8px; }
ul.directory-list { margin: 0; padding-left: 22px; }
#footer { padding: 8px; color: #d8e1ee; text-align: center; background: #1c304e; border-top: 1px solid #5d7393; font-size: 10px; }
#footer a { color: #ffffff; }
.footer-small { margin-top: 3px; color: #aebdd0; }

@media screen and (max-width: 820px) {
  #page { width: 96%; margin: 4px auto; }
  #sidebar, #content { float: none; width: auto; }
  #sidebar { margin-bottom: 10px; }
  #site-title { font-size: 25px; }
}

@media print {
  body, #page, #columns { background: #ffffff; }
  #utility, #banner, #breadcrumbs, #sidebar, #footer { display: none; }
  #page, #content { width: auto; margin: 0; border: 0; }
}

/* Komentarze Disqus */
.comments-box {
  margin: 14px 0 0 0;
  background: #ffffff;
  border: 1px solid #7b899f;
}
.comments-box .section-heading { margin: 0; }
.comments-body { padding: 10px; }
.comments-note {
  margin: 0;
  padding: 8px;
  color: #5e6672;
  background: #f4f5f7;
  border: 1px dashed #a5afbd;
}