/*
Theme Name: Pepa Goja 01
Theme URI: http://wordpress.org/
Description: Tema od <a href="http://www.3wd.cz/">3wd</a>.
Version: 0.1
Author: Kratochvil Stanislav
Author URI: http://www.3wd.cz/
Tags: Pepa Goja v0.1

*/




	
* { margin: 0; padding: 0; }
/*
h1, h2, h3, h4, h5, h6, pre, p, blockquote, label,  dl, fieldset, address { margin:.5em ; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
*/
.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center}
.fl { float:left; margin-right:5px; margin-bottom:5px; }
.fr { float:right; margin-left:5px; margin-bottom:5px;}

.hidde, hr { display:none; }
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }
.border { border:1px solid #000000 }
/*
p, fieldset  { margin-bottom:2em; margin-left:1em; margin-right:1em; }
*/
a { color:#187A03; border:none; }
a:hover { color: #FF0000; border:none; }

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

/*
ul { margin-bottom:2em; }
li { list-style-type: square;  }
*/
.no { padding:0; margin:0 }

h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  }
h2, h3 { margin:1em 0 }
h2 { font-size:1.8em; color:#082B01; font-weight:normal; }
h3 { font-size:1.4em; color:#DF2200; font-weight:normal;  }
h4 { font-size:120%; color:#FCAA31; }

em { color:#006600; background-color:#FFFFFF; font-style:italic; font-weight:bold; }

table { border-collapse:collapse; border:1px solid #88CF05; margin:5px 1em 10px; }
table td { font-size:100%; border:1px solid #88CF05; text-align:center; padding:4px; vertical-align:top;  background-color:#FFFFFF; color:#000000 }
table th { font-size:110%; text-align:center; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#88CF05; vertical-align:middle; }



/*
html 125% 
body 50% 
1 em = 10 bodù 
0.9 = 9 bodù 
*/
/* Layout -------------------- */
html { font-size: 125%  }
body { font-size: 50% }
div#container { font-size:1.2em  }

body {
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background: #333333  url("images/bg.jpg") repeat-x; color: #000000;
	margin:0 0 20px 0;
	}
	
#header { background: #1D7605 url('images/bg-header.jpg') no-repeat top center; margin:0; padding:0; height:50px;  width:950px; }

#headerimg { margin: 0; height: 50px; width: 100%; }
#headerimg .description { font-size:.9em; text-align:right; padding-right:10px; }

h1 { font-size: 2.1em; text-align: right; padding-top:0px; margin: 0; padding-right:10px; font-weight:normal; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }



/* BOX -------------------- */
div#banner { background: #1D7605 url('images/bg-banner.jpg') no-repeat top left;}
div#container { text-align:left; border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF; background-color:#FFFFFF  }
div#wrapper {   }
div#content {  }
div#navigace1 { line-height:35px; background:#E6541B url(images/bg-nav1.jpg) repeat-x;  }
div#navigace2 { text-align:center; background: #FFFFFF }
div#extra { text-align:left;   }
div#footer { background-color:#FEC841; text-align:center; }
div#reklama { }

div#banner p { margin:0;  }
div#content p {line-height:1.5; }



div#banner { width:950px; margin:0; padding: 0; height: 200px; float:left; }
div#container{width:950px;margin:0 auto}
div#wrapper{}
div#content{float:left;width:739px}
div#navigace1{float:left;width:950px;}
div#navigace2{float:right;width:211px; }
div#extra{clear:both;width:100%}
div#footer{clear:left;width:100%}
div#reklama { margin:10px; text-align:center; }



/* NAV1-------------------- */
#navigace1 ul { padding:0; margin:0 0px  0px 300px; float:left;   }
#navigace1 li { float:left; list-style-type:none; white-space:nowrap; text-align:center; margin:0; padding:0;  }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span  { display:block; padding:0 12px; font-size:1em; font-weight:normal; text-decoration:none; letter-spacing:0px; }
#navigace1 li a { color:#FFFFFF;  }
#navigace1 li a:hover { background-color:transparent; color:#000000 }
#navigace1 li span{ background-color:transparent; color:#000000 }
* html #navigace1 a {width:1%;} 


/* NAV2-------------------- */

.box {  padding:0; margin:10px auto; background: url("images/design/bg-box-top.gif") no-repeat #F5F5F5; width:190px; text-align:left;    }
.box-bottom {  margin:0; padding:8px; background:url("images/design/bg-box-bot.gif") no-repeat bottom left; }			

.box .box-bottom #nav2 h2 { font-size:1.8em; color:#145803; padding-bottom:10px; margin:0 ;}
.box .box-bottom #nav2 a { font-size:1em; color:#145803; padding:0; margin:0  }
.box .box-bottom #nav2 li { margin-bottom:8px; }


.box .box-bottom #kategorie h2 { font-size:1.8em; color:#145803; padding-bottom:10px; margin:0 }
.box .box-bottom #kategorie a { font-size:1em; color:#145803; padding:0; margin:0  }
.box .box-bottom #kategorie li { margin-bottom:8px; }
		
#kategorie, #text {background: url("images/design/tecka.gif") repeat-x bottom left; padding-bottom: 1px;}
#text { padding:10px 0 15px 0;  }


/* NAV SUB -------------------- */

.nav-subpage { padding:1em; float:left; margin-bottom:10px;  }
.nav-subpage ul { clear:both }
.nav-subpage li { float:left; list-style-type:none; margin:0; padding:0 10px 4px 0;  }
.nav-subpage li a { color:#187A03}

/* BOX  content  -------------------- */

.post ul { margin:2em; }
.post li { list-style-type: square; margin:.5em  }
.post { margin:.8em  }
.post p { margin-bottom:2em  }



/* STR :: uvod -------------------- */

/************************************************ INDEX ***/


/* clanky */
.clanek-pepa {float:left; width:260px; margin:20px 40px; padding:10px; background:url(images/clanek-pepa.jpg) bottom right no-repeat; }
.clanek-pepa .date { color:#999999; font-size:.8em; padding:0; margin:0}
.clanek-pepa p {  padding:0; margin:3px 0}
.clanek-pepa h2 { font-size:1.3em; margin:0 0 6px 0}
.clanek-pepa a { font-size:1.2em; text-decoration:none;}
.clanek-pepa .entry { font-size:.9em; padding:0; margin:0}


/* foto */
div#index-foto p #ngg-images-2  { margin:0; padding:0 }
div#index-foto #ngg-webslice { text-align:center}
div#index-foto #ngg-webslice a { margin:0 4px}


/* uvodnik */
.uvodnik p { margin:2em}

/* novinky */
#novinky { background:#CFFDC4 url("images/novinky-box.jpg") no-repeat bottom; padding-bottom:4px }
#novinky h2 { height:50px; margin:0; padding:0 0 0 15px; background: transparent url("images/novinky.jpg") repeat-x; text-align:left; line-height:50px; color:#FFFFFF; font-size:2em }

#novinky .post  { padding:4px 10px; margin:0 0 8px 0; font-size:.9em ; }
#novinky .post .nadpis { font-size:1.3em;  }
#novinky .post .nadpis p { margin:0; padding:0 }
#novinky .post .popis p { margin:0; padding:0 }
#novinky .post em { color:#145803; background-color:transparent; font-weight:bold; font-style:normal; }

#archiv-novinky { text-align:right; padding:0 4px}
#novinky a { color: #990000}

/************************************************ footer ***/		

#footer ul { list-style:none}
#footer ul ul { list-style:none; margin-left:20px}
#footer ul ul li { padding:4px 0}



div#footer-00 { width:950px; margin:0 auto; padding:0   }
div#footer-0 { width:950px; float:left; background:#1D7605 url('images/bg-footer-box.jpg') repeat-y bottom; font-size:1.1em }
div#footer-1 { float:left; width:290px; padding:5px; text-align:left; margin:0 2px 0 160px;  }
div#footer-2 { float:left; width:260px; padding:5px; text-align:left; margin:0 2px 0 0px;}
div#footer-3 { float:left; width:200px; padding:5px; text-align:left; clear:right;  }
div#footer-4 { width:950px; clear:both; text-align:right; padding:4px 0 10px 0; margin:2px auto 0px auto;   }
div#footer-4 p { padding:1px 1px 0 0 }
div#footer-4 a { color: #000000}
div#footer-4 a:hover { color: #FFFFFF}

div#footer-1 a, div#footer-2 a, div#footer-3 a { color:#FFFFFF  }
div#footer-0 a:hover{ color: #000000 }

div#footer-3 h2 { color:#FFFFFF; margin:1em .5em  }
div#footer-3 h3 { margin:1em .5em; color:#FF7373  }
div#footer-3 p { margin:1em; color:#679B00  }
div#footer-3 ul { margin:1em }
 



/* BOX BANNER -------------------- */

#bannerbox { margin:30px 0 0 580px }

/* BOX XXXX -------------------- */











.box1, .box2, .box3 {text-align:left; width:30%; float:left; margin:0;}
.box2 { margin:0 30px; }
	
#link { font-size:0.8em; background-color:#F6F6F6; padding-bottom:30px; clear:both; width:100%; float:left; margin-bottom:4px; }
#link #linky { margin:0 10%; width:80%; }	
#link h3 { color:#999999; font-size:1.6em; margin-top:20px; }
#link li { font-size:1.2em; line-height:1.6em; list-style:none; padding:0 0 2px 10px; margin:0; border-bottom:1px solid #E9E9E9; }
#link a { text-decoration:none; }
#link a:hover { text-decoration:underline; }





.wordtube { margin:1em; padding:0;  }
.wordtube.wordtube { margin:0; padding:0 0 0 1em; }



.navigation { display: block; float:left; margin:4px 0 }
.alignleft { float:left; width:300px; text-align:left	}
.alignright { float:right; width:300px; text-align:right}


small, #navigace2 ul ul li, #navigace2 ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
#navigace2 ul, #navigace2 ul ol { margin: 0 0 0 15px; padding: 0; }
#navigace2 ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#navigace2 ul p, #navigace2 ul select { margin: 5px 0 8px; }
#navigace2 ul ul, #navigace2 ul ol { margin: 5px 0 0 10px; }
#navigace2 ul ul ul, #navigace2 ul ol { margin: 0 0 0 10px; }
ol li, #navigace2 ul ol li { list-style: decimal outside; }
#navigace2 ul ul li, #navigace2 ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */


/* Begin Comments*/

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
h3.comments {	padding: 0;	margin: 40px auto 20px ;}
.alt {	margin: 0;	padding: 10px;	}
.commentlist {	padding: 0; margin:2em;	text-align: justify;	}
.commentlist li {	margin: 15px 0 10px;	padding: 5px 5px 10px 10px;	list-style: none;	}
.commentlist li ul li { 	margin-right: -5px;	margin-left: 10px;}
.commentlist p {	margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {	margin: 5px 0;	}
.nocomments { text-align: left; margin:.5em; padding: 0; }
.commentmetadata {	margin: 0;	display: block;	}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;	}
.commentlist li ul li {	font-size: 1em;}
.commentlist li {	font-weight: bold;}
.commentlist li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px;	background: #fff;	}
.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
.commentlist p {	font-weight: normal;	line-height: 1.5em;	text-transform: none;	}
#commentform p {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	}
.commentmetadata {	font-weight: normal;}	
	

/* End Comments */


/* Begin Form Elements */
#searchform {	margin: 10px auto;	padding: 5px 3px;	text-align: center;	}
#searchform #s {	width: 108px;	padding: 2px;	}
#navigace2 #searchsubmit {	padding: 1px;	}
.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;	}
select {	width: 130px;	}
#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}
#commentform {	margin: 2em;	}
#commentform textarea {	width: 100%;	padding: 2px;	}
#respond:after {		content: "."; 	    display: block; 	    height: 0; 	    clear: both;    visibility: hidden;	}
#commentform #submit {	margin: 0 0 5px auto;	float: right;	}
/* End Form Elements */



#respond:after {		content: "."; 	    display: block; 	    height: 0; 	    clear: both; 	    visibility: hidden;	}