/*
 * trivialitty weblog (styly)
 * @autor Ondra Gersl, ondra.gersl@gmail.com
 */

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


/* hlavni odkazy */

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


/* hlavni nadpisy */

h1 {
  background-color: #222;
  border-bottom: 1px solid #000;
  color: #bbb;
  font-size: 300%;
  font-weight: normal;
  margin: 0;
  padding: 0 10%;
}
h1 a {
  color: #eee;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  background: url("/img/web/home.png") 100% 50% no-repeat;
  color: #eee;
  padding-right: 70px;
  text-decoration: underline;
}
h1 strong {
  color: #2b0;
}
h2 {
  color: #38f;
  font-size: 220%;
  margin: 0.8em 0 0.5em 0;
}
h2#rubrika {
  color: #ff5500;
}
h2#rubrika small {
  font-size: 60%;
}
h3 {
  color: #777;
  font-size: 180%;
  margin: 1.2em 0 0.5em 0;
}
h3#pridat-komentar {
  margin-bottom: 0.5em;
}
h3#autor {
  background: url("/img/web/tux.png") 3.5em 50% no-repeat;
  min-height: 40px;
}
h4 {
  font-size: 140%;
}
h5 {
  font-size: 120%;
}
h6 {
  font-size: 100%;
}


/* dalsi hlavni prvky  */

p {
  margin: 1.5em 0;
}
em {
  color: #000;
  font-style: normal;
}
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;
  margin-left: 0;
  width: 100%;
}
blockquote {
  font-style: italic;
}
pre {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  overflow: auto;
  padding: 0.5em;
}
code {
  font-family: monospace;
  font-size: 100%;
}
abbr, acronym {
  border-bottom: 1px dotted;
  cursor: help;
}


/* layout (dvousloupcovy)  */

div#obsah {
  background-color: #fff;
  float: left;
  margin-left: 10%;
  padding: 0 2em 2em 2em;
  width: 50%;
}
div#menu {
  float: left;
  margin: 0 0.5em 2em 3em;
  width: 20em;
}


/* specialni pravidla pro layout  */

div#menu h2 {
  color: #777;
  font-size: 200%;
  margin: 1em 0 0.3em 0;
}
div#menu h3 {
  margin-bottom: 0.3em;
}
div#menu p {
  margin-top: 0;
}


/*  rubriky, vypis rubrik, chyby */

ul#rubriky {
  font-size: 140%;
  font-weight: bold;
  list-style-type: none; 
  margin: 0;
  padding: 0;
}
ul#rubriky li#rubriky-aktivni {
  background: url("/img/web/folders.png") 2px -24px no-repeat;
  padding-left: 32px;
}
ul#rubriky li a {
  background: url("/img/web/folders.png") 2px 5px no-repeat;
  padding-left: 32px;
  text-decoration: none;
}
ul#rubriky li a:hover,
ul#rubriky li a:focus,
ul#rubriky li a#rubriky-aktivni {
  background: url("/img/web/folders.png") 2px -25px no-repeat;
  text-decoration: underline;
}


ul#odkazy {
  list-style-type: none;
  margin: 0 0 0 0.2em;
  padding: 0;
}
ul#odkazy li {
  background: url("/img/web/link.png") 0 40% no-repeat;
  padding-left: 18px;
}
ul#odkazy li a {
  text-decoration: none;
}
ul#odkazy li a:hover,
ul#odkazy li a:focus {
  text-decoration: underline;
}


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

p#nahodny-clanek {
	padding-top: 2em;
}
p#nahodny-clanek a {
	font-size: 140%;
}


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

div#clanky-nejctenejsi,
div#clanky-nejkomentovanejsi {
  float: left;
  margin-bottom: 2em;
  width: 45%;
}
div#clanky-nejkomentovanejsi {
  float: right;
}
div#clanky-nejctenejsi h3,
div#clanky-nejkomentovanejsi h3 {
  margin-top: 0.5em;
}
div#clanky-nejctenejsi ul,
div#clanky-nejkomentovanejsi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#clanky-nejctenejsi small,
div#clanky-nejkomentovanejsi small {
  color: #777;
}


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


ul#chyby {
  color: #f00;
}


/* webova grafika */

span.datum, span.rubrika, span.zobrazeno, span.vytisknout, span.komentare, strong.kom-jmeno, span.kom-cas {
  padding: 2px 0 1px 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;
}


/* dalsi nastaveni  */

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

p#sdileni-hodnoceni {
  text-align: right;
}

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

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

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


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


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

.clear {
	clear: both;
}


/*  komentare */

div.vypis-komentare {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  margin: 1em 0;
}
div.vypis-komentare p {
  margin: 0.3em;
}
div.vypis-komentare div p {
  margin: 1em;
}
div.vypis-komentare p.vypis-komentare-patka {
  background-color: #fff;
  margin: 0;
  padding: 0 0.7em 0.5em 0.5em;
  text-align: right;
}
div.vypis-komentare div {
  background-color: #fff;
  border: 1px solid #fff;
  padding: 0.5em;
}


form#komentar-form {
  margin: 1.5em 0 0 0;
  width: 65%;
}
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%;
  margin-bottom: 0.6em;
  padding: 0.3em;
  width: 70%;
}
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 {
  margin-bottom: 0;
  padding: 0.4em;
  width: 10em;
}



/* pata  */

p#pata {
  clear: both;
  font-size: 85%;
  margin: 0;
  padding-top: 3em;
  text-align: center;
}

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%;
  margin-top: 1em;
  text-align: center;
}

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