body {
margin-top : 20px;
padding : 0;
background : #2e2200;
font-size : 11px;
text-align : justify;
color : #ababab;
}
body, th, td, input, textarea, select, option {
font-family : "Trebuchet MS", "Times New Roman", Arial, Times, serif;
}
h1, h2, h3 {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
color : #ffb300;
}
h1 {
letter-spacing : -2px;
font-size : 3em;
}
h2 {
letter-spacing : -1px;
font-size : 2em;
}
h3 {
letter-spacing : -1px;
font-size : 1em;
}

.image_wrapper {
	border: 0px;
	margin-top: -5px;
}

.fl_image{
  float: left;
	height: 145px;
	width: 395px;
	}

.fr_image{
  float: right;
	height: 145px;
	width: 395px;
}


.fl_image img{
	float: left;
	height: 115px;
	padding: 15px;
}

.fr_image img{
	float: left;
	height: 115px;
	padding: 15px;
}

p, ul, ol {
line-height : 200%;
}
blockquote {
padding-left : 1em;
}
blockquote p, blockquote ul, blockquote ol {
line-height : normal;
font-style : italic;
}
a {
color : #cdcdcd;
}
a:hover {
color : #cdcdcd;
}
hr {
display : none;
}
#wrapper {
width : 800px;
margin : 0 auto;
padding : 0;
background : url(images/img04.jpg) repeat-y left top;
}
#header {
width : 800px;
height : 35px;
margin : 0 auto;
margin-bottom : 20px;
padding : 0;
font-family : "Trebuchet MS", "Times New Roman", Arial, Times, serif;
}
#header h1, #header p {
margin : 0;
}
#header h1 {
float : left;
color : #ffffff;
font-size : 36px;
padding-left : 15px;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
color : #ffffff;
}
img {
border : 0 dashed orange;
}
#header p {
float : left;
padding : 12px 0 0 15px;
font-size : 14px;
font-weight : bold;
}
#header a {
text-decoration : none;
color : #f79f1a;
}
#banner {
margin : 0 auto;
margin-bottom : 15px;
padding : 0;
width : 800px;
height : 250px;
background : url(images/img01.jpg) no-repeat left top;
}
#page {
width : 800px;
margin : 0 auto;
margin-bottom : 15px;
}
#page .bgtop {
background : url(images/img03.jpg) no-repeat left top;
}
#page .bgbtm {
background : url(images/img05.jpg) no-repeat left bottom;
}
#content {
float : right;
width : 505px;
margin : 0;
padding : 25px 25px 15px 20px;
}
.post {
padding : 0 0 0 0;
}
.title {
border-left : 6px solid #2e2e2e;
padding : 0 20px 0 10px;
font-size : 24px;
}
.title a {
text-decoration : none;
color : #ffffff;
}
.byline {
margin : -20px 0 0 15px;
color : #646464;
}
.meta {
text-align : left;
color : #646464;
padding : 10px 20px 20px 17px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
}
.meta .more {
background : url(images/img08.gif) no-repeat left 50%;
padding-left : 10px;
}
#obrazek {
float : right;
margin : 0.5em 0.5em 0.2em 1.5em;
}
#obrazek2 {
border : 0;
}
.meta .comments {
background : url(images/img08.gif) no-repeat left 50%;
padding-left : 10px;
}
.meta a {
color : #ffb300;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.posts {
margin : 0;
padding : 0;
list-style : none;
line-height : normal;
}
.posts h3 {
margin : 0;
font-weight : bold;
}
.posts p {
margin : 0;
line-height : normal;
}
.entry {
margin : 0;
padding-left : 17px;
}
.last {
border : none;
}
#sidebar {
float : left;
width : 210px;
margin-bottom : 10px;
padding : 40px 0 0 40px;
color : #7a7a7a;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
margin : 0;
padding : 0;
}
#sidebar li ul {
margin : 0 0 20px 0;
padding : 0;
}
#sidebar li li {
margin : 0 0 0 10px;
padding : 0 0 0 10px;
background : url(images/img08.gif) no-repeat left 50%;
line-height : 25px;
}
#sidebar h3 {
margin : 0;
height : 35px;
font-size : 20px;
}
#sidebar a:hover {
text-decoration : none;
}
#search input {
display : none;
}
#search input#s {
display : block;
width : 230px;
padding : 2px 5px;
border : 1px solid #3dd1ff;
background : #ffffff url(images/img05.gif) repeat-x;
}
#search br {
display : none;
}
#calendar h2 {
margin-bottom : 15px;
}
#calendar table {
width : 80%;
margin : 0 auto;
text-align : center;
}
#calendar caption {
width : 100%;
text-align : center;
}
#next {
text-align : right;
}
#prev {
text-align : left;
}
#footer {
width : 800px;
height : 200px;
min-height : 200px;
background : url(images/img02.jpg) no-repeat left top;
margin : 0 auto;
margin-bottom : 20px;
text-align : center;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
color : #ababab;
}
#footerindex {
width : 800px;
height : 200px;
min-height : 200px;
background : url(images/img02index.jpg) no-repeat left top;
margin : 0 auto;
margin-bottom : 20px;
text-align : center;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
color : #ababab;
}
#footer p {
padding : 20px 0;
height : 200px;
}
b {
color : white;
font-family : Verdana;
font-size : 10px;
text-decoration : none;
}
.pismo4 {
color : silver;
font-family : Verdana;
font-size : 12px;
text-decoration : none;
font-variant : small-caps;
}
.pismo5 {
color : white;
font-family : Verdana;
font-size : 18px;
text-decoration : none;
font-variant : small-caps;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #e0e0e0;
}
#obsah {
padding : 5px;
color : #333;
font-size : 12px;
}
.floatright {
float : left;
margin : 5px 10px 5px 0;
}