/*   template: What's your solution?
     author: luka cvrk (www.solucija.com)   */

body {padding: 0px !important; background: white url('../img/red-electric.jpg') no-repeat top left; width:0; margin: 0px; 
      font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif; color: whitesmoke; width: auto; text-align: center;}

.center {float: center !important; margin: auto !important; width: 500px !important;}

a { color: #801013; background-color: inherit; font-weight: bold;}
a:hover { color: whitesmoke; background-color: #801013; font-weight: bold; text-decoration: none;}

table {border-top: 1px solid silver;}
table th { line-height: 15px; text-indent: 0px; text-align: center; padding: 3px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background-color: #801013; font-weight: bold; color: whitesmoke; }
table td { line-height: 15px; text-indent: 0px; text-align: left; padding: 3px; border-bottom: 1px solid #e0e0e0; border-right: 2px solid #e8e8e8; }

h1 { font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 0; }
h1 { font-size: 1.5em}
h1 a { 	text-decoration: underline; }

h1.nadpis-sekce { 	font-family: Arial, Sans-Serif; font-weight: bold; 	text-decoration:none; 	 color: #801013; }
h1.nadpis-sekce {  font-size: 1.6em !important; font-size: 1.3em; }

h2 { 	margin: 0; 	padding: 3px 0 6px 0; font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif;	color: #801013; text-transform: uppercase; 	background-color: inherit; 	}
h2 a { 	color: #801013; 	background-color: inherit; 	text-decoration: none; }

h3 { font-size: 1.5em !important; color: #801013 !important; font-weight: normal; margin: 17px 3px;}

h4 { font-size: 1.3em !important; color: #801013; font-weight: normal; margin: 17px 0px; border-bottom: 1px dotted #801013; font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif;; _text-transform: uppercase;}

p {	padding: 2px 0 2px;	margin: 0; }

hr{border: 0; border-bottom: 1px solid #383838;	margin: 10px;}

.co,acronym,abbr{ border-bottom: 1px dotted white; cursor: help;}
.co:hover,acronym:hover,abbr:hover { border-bottom: 1px dashed white;}

pre, code{ background: #f0f0f0; font-size: 100%; font-family: "arial"; color: silver;}
code { padding: 0px 2px;  color: silver;}
pre{ width: 97%; margin: 10px 0; overflow: auto; padding: 3px; border: 1px solid #dcdcdc; color: silver;}
pre {   _overflow-y: visible;  padding: 10px;  margin: 0 0 10px;   _padding-bottom: 22px; /* By dgx */}

.text-jednotlivy img.img-center, .clanek img.img-center, img.img-left, img.img-right { border-left: 4px solid #fafafa; border-right: 4px solid #fafafa; border-top: 4px solid #801013; border-bottom: 4px solid #801013;}

.text-jednotlivy img.img-center:hover, .clanek img.img-center:hover, img.img-left:hover, img.img-right:hover {border-left: 4px solid #f3f3f3; border-right: 4px solid #f3f3f3; border-top: 4px solid #801013; border-bottom: 4px solid #801013;}

img.smajl { vertical-align: middle; border: 0;}
img.smajl:hover {border: 0 !important;}

.quote, cite, q { padding: 1px; font-size: 100%; background: #e9eef8; color: #2f4f4f;}
.text-jednotlivy .quote, .text-jednotlivy cite, .text-jednotlivy q { padding: 15px;}
.clanek .quote, .clanek cite, .clanek q { padding: 15px;}

div.stat table{width: 60%; margin: 20px auto;}

#heslo-form{display: block; margin: 20px auto; margin-top: 50px; width: 350px;}
#heslo-form fieldset{ border: 1px solid gray; -moz-border-radius: 5px; padding: 20px;}

/* odstavec textu s informacemi o autorovi */
div.autor-popis {margin: 10px;}


/*
Prvni trida definuje obecne vyhledane slovo, dalsi tridy barvu pozadi
(kazde ze slov fraze ma vlastni barvu). A pokud barvy dojdou, pouzije se trida .search0,
Prvni slovo se obarvi .search1, druhe .search2, ...
*/
span.hledane-slovo{ border: 1px solid gray; padding: 1px 3px; color: black;}
span.search0{background:#C5DAF0;} /**/
span.search1{background:#C5DAF0;}
span.search2{background:#C5DAF0;}
span.search3{background:#C5DAF0;}
span.search4{background:#C5DAF0;}
span.search5{background:#C5DAF0;}



/*
Formatovani pomocne bubliny (title atribut u vybranych tagu - abbr, acronym,...)
*/
.cotojatka {border: 2px solid #9F3400; background: #282828; padding: 3px 6px; font-size: 100%; font-family: sans-serif;}





/*--------------------------------------------------------------*/

hr.cleaner { clear: both; display: none; }

.text {background: transparent url('../img/search.png') no-repeat; width: 180px; height: 25px; padding: 0px 0px 8px 5px; border: 0;}
.searchbutton {background: transparent url('../img/search-but.png') no-repeat; width: 37px; height: 35px; padding: 0px; border: 0; cursor: pointer; margin-bottom: 4px;}
.searchbutton, x:-moz-any-link {background: transparent url('../img/search-but.png') no-repeat; width: 37px; height: 35px; padding: 0px; border: 0; cursor: pointer; margin-bottom: 0px;}
.text, x:-moz-any-link {background: transparent url('../img/search.png') no-repeat; width: 180px; height: 25px; padding: 4px 0px 0px 6px; border: 0;}

.searchbutton:hover {background: transparent url('../img/search-but-hover.png') no-repeat; width: 37px; height: 35px; }

#full {width: 0px; float: left; margin-left: 0px;}

#kytara {width: 485px; height: 1424px; float: left;}
#kytara a {height: 100%; width: 100%; display: block;}
#kytara a:hover {background: none;}

#content { float: left;	margin: auto; padding: 0px; width: 627px; _width: 597px;}

span.footer {font-size: 9px !important; text-align: center; margin-top: 50px; word-spacing: 0px !important; display: block;}
span.footer, x:-moz-any-link {font-size: 9px !important;}
           
div.cite {width: 400px; float: center; min-height: 20px; height: auto; display: block; background-color: transparent; border-left: 5px solid #801013; padding: 6px 7px 6px 8px;
          margin: 10px auto 10px auto; color: black; font-style: italic;}

/*-------------------------------------------*/

div.right {float: center; margin-top: -40px; width: 600px; margin: auto; margin-bottom: -25px;	padding: 17px; padding-bottom: 0px; padding-left: 40px; line-height: 22px !important; text-indent: 15px; _margin-top: 0px; text-align: justify;
          background-color: #fbfbfb; color: black; word-spacing: 0.1em; height: auto; border-left: 4px solid #801013; font-size: 90%; min-height: 1424px;}          

div.right ul {text-indent: 0 !important;}

div.right ul li {margin: auto; list-style-type: square;}
	
div.right p {margin-top: 10px; margin-bottom: 5px;}

.text-jednotlivy strong {color: black;}

/* Úspěšný Blog CSS */

#navigation {margin-top: -31px; padding-bottom: 10px; height: 75px;}

#navigation ul li {display:inline;}
        
#navigation ul li a:link, #navigation ul li a:visited {
color:#000;
display:block;
position:relative;
float:left;
background-color: #ebebeb;
padding:30px 10px 5px 10px;
border-bottom:4px solid #801013;
margin: 0px 5px 0 0;
}
        
#navigation ul li a:hover, #navigation ul .current_page_item a:link, #navigation ul .current_page_item a:visited {
color: #333;
background-color: transparent;
border-bottom:4px solid #AA0000;
}

hr {display: none; visibility: hidden;}

/*------------------------------------------*/
/* TEXT */

.text-jednotlivy h1.nadpis { 	font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif;
    font-weight: normal !important; font-weight: bold; font-size: 180% !important; text-decoration:none; padding-bottom: 20px; |padding-bottom: 0px !important; float : left; text-align: left; color: #801013; width: 100%; line-height: 35px;}
    
.text-jednotlivy h1.nadpis, x:-moz-any-link { 	font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif;
    font-weight: normal !important; font-size: 180% !important; text-decoration:none; padding-bottom: 20px; float : left; text-align: left; color: #801013; width: 100%;}
    
.text-jednotlivy h3 {font-family: Georgia, Palatino, "Palatino Linotype", Constantia, serif;
    font-weight: normal !important; font-size: 150% !important; color: #801013;}
.text-jednotlivy .odkaz-editovat { padding-left: 10px; color: #dcdcdc; font-style: italic;}
.text-jednotlivy .div-pokracuj { text-align: right; padding: 15px 30px; font-size: 105%;}
.text-jednotlivy { margin-bottom: 20px;}

span.nadpis-main {font-family:Arial, serif;font-size:25px;letter-spacing:-1px;word-spacing:-3px;font-variant:small-caps;}
span.nadpis-main .num {font-size:32px;}

.blue {color: #801013;}

/* plati i pro clanky */
.zvyraznit{padding: 5px; border: 1px solid #ffffff; background: #eaf2fb;}
.zvyraznit:hover{ border: 1px solid #b0c4de;}

.text-paticka {color: inherit; background: transparent url('../img/line.gif') no-repeat; background-position: 50% 50%; text-align: center; margin: -10px 0px 0px 0px; 	padding: 5px; padding-top: 35px; height: auto; width: 100%; float: center; display: block;}

.text-paticka img { border: 0; }

.text-paticka img:hover {background-color: none; border: 0;}

.text-jednotlivy strong, .clanek strong { background: none; }


/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 30px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span span{display: inline}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: center;}


 /* odkazy na dalsi listy s texty (prehled) */
div.text-strankovani{ text-align: center; margin-top: 15px; padding-top: 5px;}
div.text-strankovani a{padding-left: 2px; padding-right: 2px; }



/* ------------------------------ ARCHIV ---------------------------------*/

/* float na prave strane s mesici pod sebou*/
.archiv-right{float: right; width: 125px; border-left: 1px dashed whitesmoke; border-bottom: 0px solid #404040; padding: 10px; padding-bottom: 15px; margin-left: 20px;}
.archiv-right h3 {background: none; padding: 0; margin: 0 0 8px !important; margin: 8px 0px; border: none !important;}
.archiv-right  a+h3 { margin-top: 8px !important;} /* Tohle IE nepochopi ... ze kazdy dalsi nadpis od 2. dal ma mit odsazeni od odkazu */
.archiv-right a{display: block; padding: 2px 2px 2px 5px;}

.autori, .kategorie{margin: 10px}

.info-o-tematu { margin: 20px 0 1px; border: 1px dashed black; width: 60%; background-color: inherit; padding: 6px;}
.info-o-tematu h3 { margin: 0px 0 0 3px; color: #AD570A;}
.info-o-tematu p{ margin: 0px 0 0 0;}

.info-o-autorovi { margin: 0px; padding: 0px; }

.archiv-blok h3.datum{ margin: 25px 0 0 0; padding: 0 0 3px 0; border-bottom: 0px solid black !important;}
.archiv-blok h4 {border: none !important;}
.archiv-blok .nadpis{ margin: 5px 0 0 10px; background: none; padding: 0;}
.archiv-blok .paticka{ margin: 2px 0 0 25px; color: #a9a9a9;}
.archiv-blok .paticka a{color: inherit;}
.archiv-blok .paticka span{color:#7e8081;}



/* ------------------------------ ANKETA ---------------------------------*/

.anketa-blok{ padding: 5px;	margin: 20px 20px 20px 0; clear: both; border: 1px solid #0f0f0f;
              float: center;}
.anketa-otazka{ padding: 2px; border-bottom: 1px solid gray; margin-bottom: 3px; }
.anketa-blok a{ border: 0;  color: #2980DE;  text-decoration: none; color: #DD4800; margin-top: 10px;}
.anketa-blok a:hover{ color: #DD4800; }
.odp1,.odp2,.odp3,.odp4,.odp5{ height: 5px;  border: 1px solid black;  font-size: 5px; }
.odp1{ background: #a0a0a0;}
.odp2{ background: #a0a0a0;}
.odp3{ background: #a0a0a0;}
.odp4{ background: #a0a0a0;}
.odp5{ background: #a0a0a0;}
 /* Anketa v textu */
.text-jednotlivy .anketa-blok{ width: 270px; float: center;}
 /* Anketa v clanku */
.clanek .anketa-blok{ width: 270px; }
 /* Anketa v menu */
.menu-blok .anketa-blok{ margin: 10px 2px;}
.menu-blok .anketa-blok .anketa-otazka{ padding: 2px;}
.menu-blok .anketa-blok div{ padding: 0;}





/* ------------------------------ VYHLEDAVANI ---------------------------------*/

#sf {padding-top: 25px;}
#sf fieldset{border: none;}
#sf p.slovo input{ margin: 0px;}


#sf input { 	margin: 0; 	width: 200px;}
#sf input.sub { margin: 0; width: 60px; font-size: 100%; 	font-family: Arial, Sans-serif;  padding: 1px; }

p.s-info { margin: 10px 5px;} /* nejsou vysledky - <p> */
ul.s-ul {  margin: 10px; padding: 0; list-style-type: none;} /* jsou vysledky - <ul> */
h1.search {margin: 25px 10px 15px;}

.s-blok{ padding-bottom: 8px; background: url('../img/linkabg.gif') left bottom no-repeat;}

/* ----------------------------- DOKUMENTY ------------ ----------------------- */


p.d { margin: 15px 5px;}
div.d-blok { margin: 10px 0; padding-bottom: 3px; border-bottom: 1px solid #404040;}

/* ------------------------------ OBRAZKY ---------------------------------*/

/* Css k vkladanym fotkam (z fotoalba) */
/* Rozmery jsou definovane u kazde fotky pomoci style="" atributu */

.img-left{ display: block; float: left; padding: 5px;  margin: 7px 7px 7px 0px;}
.img-right{ display: block;  float: right; padding: 5px;  margin: 7px; }
.img-center{ display: block; margin: 10px; padding: 5px;}

div.img-left p,
div.img-right p,
div.img-center p
{ text-align:center; color: gray; line-height:115%; margin: 0;}

img.img-center,
img.img-left,
img.img-right {margin-bottom: 5px; margin-top: 5px;}

img.img-center {margin: 15px auto; float: center; margin}

img.img-left {margin: 6px 12px 6px 1px; float: left;}

img.img-right {margin: 6px 1px 6px 12px; float: right;}

/* ------------------------------ KOMENTARE ---------------------------------*/

div.komentare-blok { margin-top: 60px; }
.komentar{padding: 12px; border-bottom: 4px solid #801013; margin: 35px auto 0 auto; width: 80%; float: center; display: block; border-top: 4px solid #801013; border-left: 4px solid #801013; border-right: 4px solid #801013;}
.kom-gravatar{float: left; margin: 0 5px 0 0; border: 1px solid #0079B8;}
.kom-nadpis{ padding-bottom: 10px; |padding-bottom: 25px; width: 100%; height: 20px !important; |height: 20px !important; |line-height: 20px !important; float: center; margin: auto; line-height: 20px !important;}
.kom-nadpis span{font-size: 150%; color: #801013; |height: 40px;} /* jmeno */
.kom-nadpis strong { background: red; margin-bottom: 3px;} /* nadpis */
.kom-nadpis a{float:right; color: #801013;}
.kom-nadpis a:hover{float:right; color: inherit; background: none;}
.kom-nadpis span.nadpis{ margin-left: 5px; font-size: 105%; font-style: italic; color: gray;}
.kom-text{ line-height: 19px; margin: 0 5px; padding-top: 5px; word-spacing: 0.1em;}
.kom-text p, .kom-text div { margin: 4px 0; }
.kom-text img.smajl{vertical-align: middle}
.kom-paticka{text-align: right; padding-right: 2px; font-style: italic; font-size: 11px; margin-top: 10px;}
span.komentar-autor{color: #cc0000; border-bottom: 1px dotted #801013; cursor: helper;}
span.komentar-sbody {border-bottom: 1px dotted #801013; cursor: helper; width: auto;}

.komentar-zvyraznit{background: #242424; padding: 3px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf;}
.komentar-reakce{ border-bottom: 1px dotted #801013; padding: 0px; text-decoration: none;}
.komentar-reakce:hover{ border-bottom: 1px dotted white; padding: 0px; text-decoration: none;}







/* ------------------------------ FORMULAR KOMENTARE ---------------------------------*/

 /* FORMULAR NENI ZOBRAZEN */
.no-formular{width: 75%; margin: 40px auto; padding: 20px; text-align: center; border-top: 2px solid #0079B8; color: #006396;
 	background: transparent;}

#kf{ margin-top: 35px; width: 100%; text-align: left; word-spacing: auto;}
#kf a:hover { color: whitesmoke; background-color: #0074FF; font-weight: bold; text-decoration: none;}
#kf fieldset{border: none;}
#kf legend{font-size: 150%; padding-bottom: 30px; color: #801013;}
#kj, #km, #kw, #kn, #kt{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 2px 6px; border: 1px solid #e8e8e8; background: #fcfcfc !important; color: black; margin-top: -40px;}
#kt{ width: 450px; height: 150px; padding: 4px; margin-top: 10px;}

#kj, #km, #kw, #kn, #kt, x:-moz-any-link {margin-top: 0px;}

#kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 8px 0 0 ;}
#kf p,  #kf div{ margin: 6px !important;}
#kf p {display: block;}
#kf #grav{}

#syntaxe-odkazy{margin: 4px 0;}
#syntaxe-odkazy a{ margin-right: 3px; }
#syntaxe-odkazy a:hover {}

#smajly-odkazy { margin-top: 0px; padding: 10px 0;}

#syntaxe-odkaz-na-texy{ margin: 12px 0;}














 /**************************************************************************************** */
 /**************************************************************************************** */

 /* FSHL SYNTAXE (nevis-li, o co gou, klidne nasledujici blok CSS smaz) */
 /* (c) 2002 Martin Cohen - www.martincohen.info */

 /* P H P */
.php-keyword1 {color:#d24; font-weight: bold;}
.php-keyword2 {color: #3F7D00; background: #E4E4E4; font-weight: bold;}
.php-var {color:#fa0; font-weight: bold;}
.php-num {color:#0033cc; font-weight: bold;}
.php-quote {color:#843; font-weight:bold;}
.php-vquote {color: navy;}
.php-comment {color:#999; background-color: #ffe;}
.xlang {color: #606060; font-weight: bold;}

 /* S Q L */
 
.sql-keyword1 {color: #DD0000; font-weight: bold;}
.sql-keyword2 {color: #DD2222;}
.sql-keyword3 {color: #0000FF; font-weight: bold;}
.sql-value {color: #5674B9;}
.sql-comment {color: #FFAA00;}
.sql-num {color:red;}
.sql-option {color: #004A80; font-weight: bold;}

 /* H T M L */
.html-tag {color:#598527; font-weight:bold;}
.html-tagin {color:#89A315}
.html-quote {color:#598527; font-weight:bold;}
.html-comment {color:#999; background-color:#F1FAE4;}
.html-entity {color:#89A315}

 /* C S S */
.css-class {color:#004A80; }
.css-id {color:#7DA7D9; font-weight:bold; }
.css-def {color:#5674B9;}
.css-property {color:#003663; font-weight:bold; }
.css-value {color:#448CCB;}
.css-color {color:#0076A3;}
.css-comment { background-color:#E5F8FF; color:#999; }

 /* J a v a S c r i p t */
.js-out {color:#898993;}
.js-keywords1 {color:#575757; font-weight:bold;}
.js-num {color:#575757;}
.js-quote {color:#575757; font-weight:bold;}
.js-comment {color:#898993; background-color:#F4F4F4;}

 /* KONEC FSHL SYNTAXE */
