body {
  font-family : Verdana, "Geneva CE", lucida, sans-serif;
  font-size : 85%;
  background-color : #000;
  color : #ddd;
  line-height : 1.6;
  width : 90%;
  margin : 1em auto;
}


/* hlavní odkazy */

a {
  color : #fff;
  padding : 0.2em 0;
}
a:hover, a:active, a:focus {
  background-color : #eee;
  color : #000;
  text-decoration : none;
}


/* hlavní nadpisy */

h1 {
  font-size : 400%;
  font-weight : normal;
  color : #999;
  border-bottom : 4px solid #fff;
  width : 80%;
  padding-left : 0.5em;
  margin : 0.5em 0 0.2em 0;
}
h1 a:hover, h1 a:active, h1 a:focus {
  padding-right : 70px;
  background : url("/img/web/home.png/") 100% 50% no-repeat;
  color : #555;
}
h1 strong {
  color : #2b0;
}
h1 small#version {
  font-size : 50%;
  color : #333;
  position : absolute;
  right : 1.5em;
}
h2 {
  font-size : 250%;
  color : #38f;
}
h2#rubrika {
  color : #ff5500;
}
h3 {
  font-size : 180%;
  color : #999;
}
h3#pridat-komentar {
  margin-bottom : 0.5em;
}
h3#autor {
  background : url("/img/web/tux.png") 4em 50% no-repeat;
  min-height : 40px;
}
h4 {
  font-size : 140%;
}
h5 {
  font-size : 120%;
}
h6 {
  font-size : 100%;
}


/* další hlavní prvky  */

p {
  margin : 1.5em 0;
}
em {
  font-style : normal;
  color : #fff;
}
img {
  border : 0;
}
img.odsazeni {
  margin : 1em;
}
object.obj-odsazeni {
  display : block;
  margin : 2em 1em;
}
hr {
  background-color : #555;
  border : 0px solid #555;
  height : 1px;
  width : 100%;
  margin-left : 0;
}
blockquote {
  font-style: italic;
}
pre {
  background-color : #000;
  border : 1px solid #222;
  overflow : auto;
  padding : 0.3em;
}
code {
  font-family : monospace;
  font-size : 100%;
}
abbr, acronym {
  border-bottom : 1px dotted;
  cursor : help;
}


/* layout (dvousloupcový)  */

div#obsah {
  width : 70%;
  float : left;
}
div#menu {
  width : 25%;
  float : right;
}


/* speciální pravidla pro layout  */

div#menu h2 {
  color : #b1f;
  margin-bottom : 0.3em;
}
div#menu h3 {
  margin-bottom : 0.3em;
}
div#menu p {
  margin-top : 0;
}


/*  rubriky, výpis rubrik, chyby */

ul#rubriky {
  font-size : 140%;
  font-weight : bold;
  list-style-type : none;
  padding : 0;
  margin : 0;
}
ul#rubriky li {
  background : url("/img/web/folder.png") 0 50% no-repeat;
  padding-left : 30px;
}
ul#rubriky li:hover, ul#rubrika li:active, ul#rubrika li:focus, ul#rubriky li#rubriky-aktivni {
  background-image : url("/img/web/folder-open.png");
}


ul#odkazy {
  list-style-type : none;
  padding : 0;
  margin : 0 0 0 0.2em;
}
ul#odkazy li {
  background : url("/img/web/link.png") 0 50% no-repeat;
  padding-left : 20px;
}


ul#vypis-rubrik {
  font-size : 85%;
  margin-top : 0;
}
ul#vypis-rubrik a {
  font-size : 120%;
}


ul#komentare-pravidla {
  margin-top : 0;
}


ul#komentare-posledni {
  list-style : none;
  margin-left : 1em;
  padding-left : 0;
}


ul#chyby {
  color : #f00;
}


/* webová grafika */

span.datum, span.rubrika, span.zobrazeno, span.vytisknout, span.komentare, strong.kom-jmeno, span.kom-cas {
  padding-left : 22px;
}
span.datum {
  background : url("/img/web/fam/datum.png") 0 50% no-repeat;
}
span.rubrika {
  background : url("/img/web/fam/rubrika.png") 0 50% no-repeat;
}
span.zobrazeno {
  background : url("/img/web/fam/zobrazeno.png") 0 50% no-repeat;
}
span.vytisknout {
  background : url("/img/web/fam/vytisknout.png") 0 50% no-repeat;
}
span.komentare {
  background : url("/img/web/fam/komentare.png") 0 50% no-repeat;
}
strong.kom-jmeno {
  background : url("/img/web/fam/kom-jmeno.png") 0 50% no-repeat;
  margin-left : 0.5em;
}
span.kom-cas {
  background : url("/img/web/fam/kom-cas.png") 0 50% no-repeat;
  margin-left : 0.5em;
}


/* další nastavení  */

p.pata-clanku {
  text-align : right;
}

p#starsi-clanky {
  font-size : 120%;
}


hr#oddelovac {
  width : 80%;
  text-align : center;
  margin : 0 auto;
}


a#licence-big {
  float : left;
  margin : 0 1em 1em 0;
}


div.podekovani {
  margin : 1em 0;
}
div.podekovani img {
  margin : 0.5em;
}


.invisible {
  position : absolute;
  top : -100000px;
  height : 1px;
  left : 0;
  overflow : hidden;
}


/*  komentáře */

div.vypis-komentare {
  border : 1px solid #555;
  background-color : #111;
  margin : 1em 0;
}
div.vypis-komentare p {
  margin : 0.3em;
}
div.vypis-komentare div p {
  margin : 1em;
}
div.vypis-komentare p.vypis-komentare-patka {
  text-align : right;
}
div.vypis-komentare div {
  border : 1px solid #222;
  background-color : #000;
  padding : 0.5em;
}


form#komentar-form {
  width : 65%;
  margin : 1.5em 0 0 0;
}
form#komentar-form label {
  font-size : 90%;
}
form#komentar-form label em {
  color : #f80;
}
form#komentar-form input, form#komentar-form textarea {
  font-family : Verdana, "Geneva CE", lucida, sans-serif;
  font-size : 110%;
  width : 70%;
  margin-bottom : 0.6em;
  padding : 0.3em;
}
form#komentar-form input.chyba, form#komentar-form textarea.chyba {
  border : 2px solid #f00;
}
form#komentar-form textarea {
  width : 100%;
}
form#komentar-form input#komentar-form-odeslat {
  width : 10em;
  padding : 0.4em;
  margin-bottom : 0;
}



/* pata  */

p#pata {
  clear : both;
  color : #555;
  font-size : 85%;
  text-align : center;
  margin : 0;
  padding-top : 2em;
}
p#pata a {
  color : #888;
}
p#pata a:hover, p#pata a:active, p#pata a:focus {
  color : #000;
}

p#pata a#licence {
  background-image : url("http://i.creativecommons.org/l/by/3.0/cz/80x15.png");
  background-position : 100% 50%;
  background-repeat : no-repeat;
  padding-right : 85px;
}

p#nastroje {
  font-size : 85%;
  text-align : center;
  margin-top : 1em;
}