/*  

Theme Name: FotoBlog
Theme URI: http://www.3wd.cz/
Description: Sablona WordPress  <a href="http://www.3wd.cz/">STANDA</a>.
Version: 2.0
Author: Stanislav Kratochvil
Author URI: http://www.3wd.cz/

*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, p, blockquote, label, ul, ol, dl, fieldset, address { margin:.5em ; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.left{ float:left; }
.right{ float:right; }
.center { text-align:center;  }
.border { border:1px solid #000000 }

.hidde, hr { display:none; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.cistic { clear:both; height:1px; border:none; margin:-1em 0 0 0; visibility:hidden; font-size:0; }
.cleaner {clear:both; height:1px; margin:0; top:-1px; border:none;}
br.clean { clear:both; }

a { color:#FF0000; border:none; }
a:hover { color:#FFFFFF; background-color:#FF0000; border:none; }

a img, a:hover img { border:none; background:transparent; }

h1 { font-size:18px; color:#FFFFFF;   }
h2 { font-size:150%; color:#68CBDE;   }
h3 { font-size:125%; color:#4A9488;  }
h4 { font-size:120%; color:#4A9488;  }

em { color:#194267; font-style:italic; font-weight:bold; }
.upoutat { width:99%; font-size:110%; padding:10px 0; color:#000000; background-color:#EBF3FA; margin-bottom:30px; text-align:justify; }

table { border-collapse:collapse; border:2px solid #DE0D7A; margin:5px 10px 10px; }
table td { font-size:100%;  border:1px solid #81A20F; text-align:left; padding:4px; vertical-align:top;  background-color:#E1F3FF; }
table th { font-size:110%; text-align:center; color:#FFFFFF; border:1px solid #8ACF81; padding:10px; background-color:#0000FF; vertical-align:middle; }
table th strong { color:#FFFFFF; }

#design a { color:#000000; text-decoration:underline; }
#design a:hover { color:#000000; background-color:#B5D5DD; }

/* ----  Layout  ---- */

body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#FFFFFF url(images/bg.jpg) center top no-repeat;
	}
div#header h1 { height:100px; margin:0; padding-left:10px; background:#FFF; color: #79B30B; position:relative; overflow:hidden; }
div#header h1 span { cursor:pointer; display:block; position:absolute; left:0; top:0; z-index:1; height:150px; width:960px; background:#ECECEC url(images/banner.jpg); }

div#container { background-color:#FFFFFF; text-align:left; border:0px solid #000000; }
div#content { background-color:#FFFFFF; }
div#content p {line-height:1.4; }
div#navigace1 { background:#ECECEC url(images/bg-navigace1.jpg) repeat-x; border-bottom:1px solid #000000; line-height:30px; }
div#navigace2 { background:#FFFFFF url(images/bg-navigace2.jpg) repeat-x top; }
div#extra { background:#FFFFFF url(images/bg-navigace2.jpg) repeat-x top; }
div#footer { background-color:#CFF2FC; border-top:2px solid #68CBDE; text-align:left; }
div#footer p {margin:0; padding:10px; line-height:1.5em; }

div#container{ width:960px;margin:0 auto; }
div#wrapper{ float:left;width:100%; }
div#content{ margin: 0 180px 0 170px; }
div#navigace1 { float:left; width:100%; height:30px; }
div#navigace2{ float:left;width:170px;margin-left:-960px; }
div#extra{ float:left;width:180px;margin-left:-180px; }
div#footer{ clear:left;width:100%; }
div#footer-data { width:960px; margin:0 auto; }

div#single {clear:both; width:100%; background-color:#FFFFFF; }

/* navigation --------------------------*/

#navigace1 ul, #navigace1 li  { margin:0; padding:0;  }
#navigace1 li { float:left; list-style-type:none; border-right:1px solid; white-space:nowrap; }
#navigace1 li a {  display:block;  padding:0 18px; font-size:0.8em; text-transform:uppercase; letter-spacing:1px; color:#666666; }
#navigace1 .current_page_item a, #navigace1 a:hover {background-color:#999999; color:#CCCCCC}
* html #navigace1 a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigace2 h2 { color:#7F7F7F; margin:0px 0 5px 5px; padding:0 0 4px 0; border-bottom: 0px solid #7F7F7F; font-size:12px; font-weight:bold; text-transform: uppercase; }
#navigace2 ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
#navigace2 ul li { display: block; padding:4px 0 }
#navigace2 li{ list-style: none; }
#navigace2 ul li a { color:#666666; text-decoration: underline !important; margin-left: 0px; padding: 4px 0 4px 10px; }
#navigace2 ul li a:hover { color: #FF0000; background-color: transparent; text-decoration:underline; }

#extra h2 { color:#7F7F7F; margin:0px 0 5px 5px; padding:0 0 4px 0; border-bottom: 0px solid #7F7F7F; font-size:12px; font-weight:bold; text-transform: uppercase; }
#extra ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
#extra ul li { display: block; padding:4px 0 }
#extra li{ list-style: none; }
#extra ul li a { color:#666666;  margin-left: 0px; padding: 4px 0 4px 10px; }
#extra ul li a:hover { color: #FF0000; background-color: transparent; text-decoration:underline; }

/* ---- CLANEK PRVNI ---- */

.clanek-prvni { background-color:  #000000; border-bottom:2px solid #000000; color: #CCCCCC; padding-top:10px; margin-bottom:20px;  }
.clanek-prvni h2  { margin-bottom:0; margin-top:0; text-align:center; padding-bottom:10px }
.clanek-prvni h2 a { color:#FFFFFF; font-size:1.3em; font-weight:normal;   }
.clanek-prvni h2 a:hover { color: #000000; background-color:#FFFFFF; }
.clanek-prvni a { color:#FFFFFF; }
.clanek-prvni a:hover { color: #000000; background-color:#FFFFFF; }
.clanek-prvni .komentar { font-size:130%; text-align:right; }
.clanek-prvni div  {  text-align:center   }
.clanek-prvni img  { border:2px solid #FFFFFF; padding:3px; background-color:#000000;   }
* html .clanek-prvni {height:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

.foto-prvni img { height:350px }
.foto-prvni a { border:2px solid #FFFFFF; padding:0px; background-color:#000000;   }
.foto-prvni a:hover { border:2px solid #FF0000; padding:0px; background-color:#FF0000; }

/* ---- CLANEK DALSI ---- */
.clanek-dalsi p { margin:0 0.5em;  }
.clanek-dalsi  { float:left; width:200px;  height:200px; text-align:center  }
.clanek-dalsi h2  {  height:30px; margin-bottom:0  }
.clanek-dalsi h2 a { font-weight:normal; font-size:12px;  }
div.clanek-dalsi img {margin:0 0.5em ; border:2px solid #000000 }

/* ---- CLANEK DALSI STRANA 2 a vice ---- */
div.clanek-page  { float:left; border-bottom:0px solid #000000; width:100%; }
div.clanek-page-left  { float:left; width:50%; }
div.clanek-page-right  { float:right; width:50%; }
div.clanek-page p.datum { margin:0; padding:0; margin:5px 10px 10px; }
div.clanek-page img { border:2px solid #FFFFFF; padding:3px; background-color:#000000; display: block; margin:0 auto;}
div.clanek-page p.datum { font-size:1.3em; font-weight:bold; }

/* ---- SITE: SINGLE ---- */
div#single .clanek-single { padding:30px 0 70px 0; background:#000000; color:#FFFFFF  }

.clanek-single h2 { font-size:2.2em; margin:0; padding:0 0 30px 0; color:#FFFFFF; text-align:center; font-weight:normal; letter-spacing:5px }
.clanek-single img {/* border:2px solid #FFFFFF; padding:3px; background-color:#000000;  margin:0 auto 30px auto; */ }

.foto-single  { text-align:center }
.foto-single img { border:2px solid #FFFFFF; padding:3px; background-color:#000000;    }

.foto-single a { border:2px solid #FFFFFF; padding:0px; background-color:#000000;   }
.foto-single a:hover { border:2px solid #FF0000; padding:0px; background-color:#FF0000; }
.imagelink img {  border:none !important ; }

/* ---- ARCHIV ---- */
div.clanek-archiv h2 {   padding:0 0 0px 0; font-weight:normal;  }
div.clanek-archiv img {  border:10px solid #68CBDE; padding:1px; background-color:#FFFFFF;    }
div.clanek-archiv { width:100%; border-bottom:1px solid #68CBDE   }
div.clanek-archiv-left  { float:left; width:150px;   }
div.clanek-archiv-right  { float:right; width:430px;  }

/* ---- footer ---- */
div#footer{ clear:left;width:100%}
div#footer-data { width:960px; margin:0 auto;}

div#footer h2{ font-size:130%; font-weight:normal; color:#68CBDE;}

divfooter a {font-weight:normal; }

div#footer ul { list-style: none; margin:0; padding: 0; }
div#footer ul li { display: block; padding:4px 0; margin-left:20px }
div#footer li{ list-style: none; }
div#footer ul li a { color:#666666; text-decoration: underline !important; margin-left:0; padding:0; }
div#footer ul li a:hover { color: #FF0000; background-color: transparent; text-decoration:underline; }

div#footer-1, div#footer-2, div#footer-3 { float:left; width:300px; padding:5px }
div#footer-4 { clear:both; width:100%; text-align:right; }
div#footer-1, div#footer-2, div#footer-3 

#catcloud { margin:.5em ; }

/* ----  vyhledavani  ---- */
.vyhledavani { padding:10px; margin-bottom:10px; color:#000000; }
.vyhledavani p { margin:0; padding:0; }

/* ----  clanky starsi - novejsi  ---- */
.navigace-clanky-single { float:left; border-bottom:2px solid #68CBDE; margin-bottom:20px; }
.navigace-clanky {  }
.clanky-left, .clanky-right { padding:10px; }
.clanky-left a, .clanky-right a { font-weight: normal; font-size:120%; }
.clanky-left { float:left; }
.clanky-right { float:right; }

/* ----  zmena pozadi  ---- */
#bg { position:relative; }
#pozadi{ float:right; clear:both; position:absolute; left:940px; top:2px; z-index:2; height:100px; width:20px;  }
a.bg1, a.bg2, a.bg3, a.bg4 { border:1px solid #000000; width:15px; height:15px; font-size:0; float:left; margin:2px; }
#pozadi a:hover { border:1px solid #000000; width:15px; height:15px; font-size:0; float:left; margin:2px; }
.bg1 { background-color:#000000; }
.bg2 { background-color:#777777; }
.bg3 { background-color:#bbbbbb; }
.bg4 { background-color:#ffffff; }


/* KOMENTARE -------------------- */
h3#comments { font-size:1.2em; background-color:#68CBDE; color:#FFFFFF; margin:1em 0 ; padding:.5em}