/*
 * Zakladni Styl Filuv blog v8
 * Autor: Jan Rezac - Filosof
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #cf292e;
}

a:visited {
  color: #a92025;
}

a:hover, a:focus, a:active {
  color: #000;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  line-height: 1.7;
  color: #333;
}

div.mainWrap {
  background: #fff url(../images/top.gif) 0 0 repeat-x;
}

div.kalendar a,
div.kalendar a:link,
div.kalendar a:visited {
  display: block;
  text-align: center;
  background: #400169;
  color: #fff;
  font-family: Georgia, 'New York CE', utopia, serif;
  font-size: 22px;
  font-style: italic;
  padding: 4px 0 7px;
  text-decoration: none;
}

div.kalendar a:hover {
  background: #85156c;
  text-decoration: underline;
  color: #fff;
}

div.kalendarAd {
  margin: 40px 0;
  border-top: 1px solid #e7e7e7;
  padding-top: 40px;
}

div.kalendarAd a,
div.kalendarAd a:link,
div.kalendarAd a:visited {
  color: #400169;
  display: block;
  padding: 0 0 10px 80px;
  font-size: 16px;
  background: url(../images/kalendar.jpg) 0 0 no-repeat;
}

div.kalendarAd a:hover {
  color: #85156c;
}

table {line-height: 1.7;}

div#main,
div#footer div.clr {
  font-size: 0.77em;
  width: 880px;
  margin: 0 auto;
  text-align: left;
}

div#altNav a {
  position: absolute;
  left: -9999px;
}

div#altNav a:active, div#altNav a:focus {
  left: 0;
  padding: 4px 10px 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.89em;
  top: 0;
  display: block;
  color: #fff;
  background: #cf292e;
  outline-style: none !important;
  z-index: 100;
}

/*========== [header] ========================================================*/
div#header {
  height: 175px;
  position: relative;
  margin-bottom: 40px;
}

div#logo {
  position: absolute;
  left: -121px;
  top: 0;
  width: 620px;
  height: 175px;
}

div#logo span {
  background: url(../images/logo.gif);
}

div#logo a:hover span {
  background-position: 0 -176px;
}

div#cat {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
}

div.rss {
  width: 100px;
  float: left;
  padding-top: 10px;
}

div.rss a {
  color: #ee8533;
  background: url(../images/rss.gif) 0 3px no-repeat;
  padding-left: 20px;
}

div.rss a:hover {
  color: #333;
  background-position: -1000px 3px;
}

input.send {
  width: 62px;
  height: 23px;
  background: url(../images/vyhledat.gif);
  position: relative;
  top: 7px;
}

input.send:hover,
input.send:focus {
  background-position: 0 -24px;
}

div#search {
  float: right;
  padding-top: 3px;
}

div#cat div.box {
  margin-bottom: 16px;
}

div#search input.text {
  width: 150px;
  padding: 3px 2px;
  border: 1px solid #dedede;
}

div#cat ul li {
  display: none;
}

div#cat ul li.cat-item {
  display: block;
}

div#cat ul a {
  color: #000;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 3px;
  text-align: left;
}

div#cat ul a:hover {
  color: #cf292e;
  text-decoration: underline;
}

div#cat li {
  float: left;
  width: 100px;
  margin-right: 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
  text-align: right;
  color: #777;
  padding: 3px 0 4px;
}

div#cat li.cat-item-1,
div#cat li.cat-item-3,
div#cat li.cat-item-4 {
  margin: 0;
}

div#cat li.cat-item-2,
div#cat li.cat-item-7,
div#cat li.cat-item-4 {
  border: 0 none;
}

/*========== [text] ==========================================================*/
div.text {
  width: 700px;
  float: left;
  position: relative;
}

div.archiv {
  width: 160px;
  float: right;
  border-left: 1px solid #e7e7e7;
}

div.archiv ul {
  padding-left: 20px;
}

div.clanek {
  width: 220px;
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
}

div.clanek2 {
  width: 205px;
}

div.clanek div.edit {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.89em;
}

div.intro div.edit {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.89em;
}

div.edit a {
  color: #ddd;
}

div.lc {
  margin-right: 0;
}

div.date {
  border-bottom: 1px solid #e7e7e7;
  color: #aaa;
  font-size: 0.89em;
  padding-bottom: 2px;
}

div.date span,
div.date a,
div.date a:link,
div.date a:visited {
  color: #777;
  text-transform: uppercase;
  text-decoration: none;
}

div.date a:hover {
  color: #000;
  text-decoration: underline;
}

h2 {
  font-size: 2.2em;
  font-weight: bold;
  line-height: 0.9;
  color: #cf292e;
  letter-spacing: -1px;
}

h2 a {
  text-decoration: none;
}

div.clanek h2 {
  padding: 16px 0 18px;
  border-bottom: 1px solid #e7e7e7;
}

div.clanek h2 a, 
div.clanek h2 a:link,
div.clanek h2 a:visited {
  color: #cf292e;
  display: block;
  position: relative;
  left: -1px;
  text-decoration: none;
  min-height: 74px;
}

div.clanek h2 a:hover {
  color: #000;
}

div.clanek p {
  border-bottom: 1px solid #e7e7e7;
  padding: 16px 0 18px;
  min-height: 85px;  
}

div.clanek div.cont {
  padding: 3px 0 0;
}

div.cont a, 
div.cont a:link {
  padding-left: 20px;
  background: url(../images/dot2.gif) 0 3px no-repeat;
  font-size: 0.89em;
}

div.cont a:hover {
  background-position: -1000px 3px;
}

div.archiv {
  font-size: 0.89em;
}

div.archiv a {
  text-decoration: none;
}

div.archiv a:hover {
  color: #fff;
  background: #cf292e;
}

div.dot {
  position: absolute;
  top: 3.3em;
  left: -32px;
  width: 8px;
  height: 16px;
  background: url(../images/dot.gif);
  overflow: hidden;
}

div.wrap {
  padding-top: 24px;
}

div.wrap h2 {
  color: #333;
  margin-bottom: 24px;
}

div.weboviny {
  float: left;
  color: #777;
  width: 220px;
}

div.tube {
  width: 460px;
  float: right;
}

div.weboviny a,
div.weboviny a:link,
div.weboviny a:visited {
  display: block;
  color: #333;
}

div.weboviny a:hover {
  color: #cf292e;
}

div.weboviny p {
  font-size: 0.89em;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid #e7e7e7;
}

div.weboviny div.all {
  padding-top: 0.6em;  
}

div.weboviny div.all a,
div.weboviny div.all a:link,
div.weboviny div.all a:visited {
  font-size: 0.89em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #333;
  padding: 5px 8px;
  display: inline;
}

div.weboviny div.all a:hover {
  color: #fff;
  background: #cf292e;
}

div.text2 {
  position: relative;
  font-size: 1.2em;
  width: 640px;
}

div.text2 div.date {
  font-size: 1em;
}

div.intro {
  position: relative;
}

div.intro p {
  color: #cf292e;
  font-weight: bold;
}

h1 {
  color: #cf292e;
  font-size: 2.5em;
  line-height: 1.0;
  padding: 16px 0 18px;
  letter-spacing: -2px;
}

div.text2 p,
div.text2 code,
div.text2 table,
div.text2 dl,
div.text2 ul,
div.text2 ol,
div.text2 blockquote {
  margin-bottom: 1.2em;
  display: block
}

div.text2 h2 {
  font-size: 1.6em;
  margin: 0.9em 0 0.9em;
}

h3 {
  color: #cf292e;
  margin-bottom: 1.2em;
}

h4 {
  color: #000;
  font-size: 0.89em;
  margin: 1.2em 0;
}

div.text2 ul li {
  padding-left: 35px;
  background: url(../images/dot3.gif) 15px 10px no-repeat;
}

div.text2 ol li {
  margin-left: 33px;
  padding-left: 2px;
}

code {
  font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
  font-size: 0.89em;
  color: #777;
}

blockquote {
  color: #cf292e;
  font-style: italic;
  border-top: 1px solid #cf292e;
  border-bottom: 1px solid #cf292e;
  padding: 1.2em 0 1.4em;
  font-size: 1.1em;
}

div.prev {
  float: left;
}

div.next {
  float: right;
}

div.pos a,
div.pos a:link,
div.pos a:visited {
  font-size: 0.77em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #cf292e;
  padding: 5px 8px;
}

div.pos a:hover {
  background: #333;
}

div.cmt {
  padding-top: 1px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 1.6em;
  position: relative;
}

div.cmt div.rss {
  position: absolute;
  top: 0.9em;
  right: 0;
  width: auto;
}

div.cmt h2,
div.cform h2 {
  color: #333;
}

div.comment {
  border-top: 1px solid #e7e7e7;
  position: relative;
  padding-top: 0.7em;
}

div.cdate {
  color: #aaa;
  float: right;
}

div.ca {
  float: left;
  font-weight: bold;
}

div.ca a,
div.ca a:link,
div.ca a:visited {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #e7e7e7;
}

div.ca a:hover {
  color: #cf292e;
}

div.text2 p.n {
  margin: 0;
}

div.gravatar {
  position: absolute;
  top: 0;
  left: -50px;
}

div.txt {
  padding: 0.7em 0 1px;
}

td, th {
  padding: 2px 20px 2px 0;
  vertical-align: top;
}

div.text2 input.text, 
textarea {
  border: 1px solid #aaa;
  padding: 3px 2px;
  width: 220px;
}

textarea {
  width: 460px;
  height: 140px;
}

div.text2 input.text:focus,
textarea:focus {
  border: 1px solid #777;
}

input.sub {
  padding: 1em 2em;
  cursor: pointer;
}

div.cform p {
  color: #777;
}

div.cform a,
div.cform a:link,
div.cform a:visited {
  color: #777;
}

div.cform a:hover {
  color: #000;
}

div.rAbs {
  position: absolute;
  top: 0;
  right: 0;
}

/*========== [footer] ========================================================*/
div#footer {
  background: #ececec url(../images/bot2.gif) 0 0 repeat-x;
  color: #777;
}

div#footer2 {
  height: 405px;
  background: url(../images/bot.gif) 50% 100% no-repeat;
}

div#footer a,
div#footer a:link,
div#footer a:visited {
  color: #777;
}

div#footer a:hover {
  color: #000;
}

div#footer div.clr {
  padding-top: 110px;
}