/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #372412;	
	font-size: 13px;
	color: #FFFFFF;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	text-transform: lowercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFEA6F;
}

a:hover {
	text-decoration: none;
}

img { border: none; }

/* Gallery */

#gallery {
	clear: both;
	width: 830px;
	height: 300px;
	margin: 0 auto;
	
}

#top-photo h2 {
	height: 1.4em;
	font-size: 1em;
}

#top-photo p {
	margin: 0;
	padding: 0 0 10px 0;
}

/* Page */

#page {
	width: 830px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content */

#content {
	float: left;
	width: 532px;
}

.post {
	padding: 0 0 20px 0;
	text-align: justify;
}

.title {
	margin: 0;
	border-bottom: 2px solid #4A3903;
}

.byline {
	margin: 0;
}

.meta {
	border-top: 1px solid #4A3903;
	text-align: right;
	color: #646464;
}

.meta a {
	padding-left: 15px;
	background: url(../img/img06.gif) no-repeat left center;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 240px;
}

#sidebar ul a{
     display: block!important;
}
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar ul li a { display: block; }
	padding: 15px 0;
}

#sidebar li li {
	padding-left: 30px;
	border-bottom: 1px dotted #4A3903;
	background: url(../img/img06.gif) no-repeat 15px 50%;
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0 2px 30px;
	background: url(../img/img05.gif) no-repeat left bottom;
	border-bottom: 2px solid #4A3903;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	padding: 10px 0;
	background: #FFEA6F;
	border-top: 3px solid #E8AD35;
	text-align: center;
	font-size: 15px;
	color: #E8AD35;
}

#footer a {
	color: #C28C21;
}

/* ------------------------------ Styly převzaté ze vzhledu Solution ( autor Juneau ) ---------------------------------*/

#galerie-info{ padding: 0 20px; }
.galerie-strankovani{text-align:center; margin: 10px;}

/* ----------------- styly náhledu 1 ---------------------*/
.nahled1-obal{ margin: 10px 0; 	border: 1px dotted #4A3903; min-height: 132px; _height: 132px; }
.nahled1-obal h3{ border: 0; background: none; color: #708090; }
.nahled1-img{ display: block;  float: left; width: 122px; height: 122px; padding: 2px; margin: 2px; border: 1px solid #b0c4de; background: #e4edf1; }
.nahled1-img img{ border: 1px solid #4169e1; }
.nahled1-info{ margin-left: 132px;  padding: 4px;  min-height: 106px; _height: 106px;  }
.nahled1-info h3{ font-size: 15px; min-height: 20px; _height: 18px; }
.nahled1-info p{ margin: 4px 0; }
.nahled1-paticka{margin-left: 132px; _margin-left: 137px; text-align: right; padding-right: 4px; }

/* ----------------- styly náhledu 2 ---------------------*/
.nahled2-obal{ float: left; width: 122px; height: 122px; border: 1px solid #D3B6AF;  background: #e4edf1; margin: 4px; padding: 6px; }
.nahled2-obal img{ border: 1px solid #708090; }

/* ----------------- heslo pro galerii ---------------------*/
.formular-heslo{ text-align: center;  margin: 50px auto; display: block;  width: 240px;}
.formular-heslo fieldset{ border: 1px solid silver; -moz-border-radius: 4px; padding: 4px; }
.formular-heslo input{ border: 1px solid silver; margin-top: 5px; }

/* ----------------- styly k fotografii ---------------------*/
.foto-fotka{ width: 100%; }
.foto-fotka .obal-fotky{ display: block;   margin: 0 auto;	padding: 10px 0;}
.foto-fotka .img-fotka{ display: block;  border: 1px solid black;  margin: 0 auto; }

/* ----------------- navigace ---------------------*/
.foto-prechazeni{width: 100%; margin: 5px auto 10px;  padding: 5px 0; font-weight: bold; text-align: center;  }
.foto-prechazeni a{}
.foto-prechazeni em{ color: #708090;}
.foto-prechazeni .foto-hodnoceni{ width: 100%; margin: 0 auto;}
.foto-prechazeni .foto-hodnoceni{ text-align: center;  margin-top: 4px; }
.foto-prechazeni .foto-hodnoceni a{}

/* ----------------- formulář ke komentářům ---------------------*/
.foto-form{ border: 0; margin: 0; padding-top: 10px; }
.foto-form fieldset { border: 0;}
.foto-form legend { display: block; margin: 20px 10px 30px; font-size: 130%; font-weight: bold;}
.foto-form p{ margin: 0; padding: 0; }
.foto-form label{ float: left; width: 65px; text-align: right; padding-right: 5px; }
.foto-form input,.foto-form textarea{ font-family: "Trebuchet MS", sans-serif; font-size: 12px;	 border: 1px solid #708090; margin: 1px; 	background: #f1f7fa;}
.foto-form input{	width: 30%; padding-left: 2px;}
.foto-form textarea{ padding: 4px; width: 90%; background: #f1f7fa;}

/* ----------- Kontrolni otazka je i ve vzkazu ------------------*/
#k-otazka { width: 75%; margin: 15px 10px 15px 5px;  padding: 5px; background: #ffffe0;}
#k-otazka strong { font-size: 125%;}
#k-otazka input { width: 25px; }
#k-otazka label {display: inline; float: none; line-height: 22px;}

/* ----------------- komentáře ---------------------*/
#komentare{ padding: 4px; border: 0;}
.komentar-obal{ margin: 15px; }
.komentar-info {padding: 0 5px;  min-height: 31px; _height: 31px; line-height: 31px;}
/* ty rozmery tam jsou kvuli 30 px vysokemu gravataru + 1px jeho spodni okraj */
.komentar-obal q, .komentar-obal cite { background: #daeefa; }
.komentar-sbody{ color: #4682b4; font-weight: bold; font-size: 110%;}
.komentar-autor{ color: crimson; font-weight: bold; text-decoration: underline; font-size: 110%;}
.komentar-reakce{ color: #2f4f4f; text-decoration: none;}
.komentar-reakce:hover{border-bottom: 1px solid gray;}
.komentar-text { padding: 6px 0;}
.komentar-text p {padding: 2px 5px; margin: 4px 10px;}
.komentar-text ul,.komentar-text ol {background: #e0f3fe; margin: 4px 10px; }
.kom-gravatar{ float: left; margin: 0 4px 4px 0; border: 1px solid #708090;}