/* General */

body { margin: 0; background: url("grafika/bg.jpg"); font-family: arial; font-size: 12px; }

h1, h2, h3, h4 { margin: 0; }

p             { font-size: 12px; color: #FFFFFF; margin-left: 5px; margin-right: 5px; text-align: justify; }
.sidebar p    { font-size: 12px; color: #FFFFFF; margin-left: 5px; margin-right: 5px; text-align: justify; }
h1            { color: #82421e; font: bold 24px "Georgia", Georgia; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #82421e; padding-bottom: 6px; margin-bottom: 1em; }
h2            { color: #FEBC10; font: bold 14px "Georgia", Georgia; margin-bottom: 10px; margin-top: 10px; }


img { border: 0; }

.clear { clear: both; height: 1px; overflow: hidden; }


/* Page */

#page {
	margin: 0 auto;
	width: 1004px;
}


/* hlavicka */

#hlavicka { width: 1004px; max-width: 1004px; height: 350px; max-height: 350px; background: url("grafika/hlavick.gif") no-repeat; position: relative; border: 0px solid gold; margin-top: 0px; }


/* hlavicka - Info */
	
#hlavicka #hlavicka-info {  position: absolute; top: 15px; left: 220px; }
#hlavicka #hlavicka-info h1 { color: #3D2010; font: 30px "Impact", Impact; }
#hlavicka #hlavicka-info h1 a { color: #3D2010; text-decoration: none; }
#hlavicka #hlavicka-info .description { color: #3D2010; font: bold 15px "Verdana", Verdana; }
	

	
/* hlavicka - Topbar */
	
#hlavicka #topbar { position: absolute; top: 150px; left: 0px; width: 1004px; max-width: 1004px; height: 201px; max-height: 201px; color: #3D2010; font: bold 12px "Trebuchet MS", Verdana; }
#hlavicka #topbar h3 { font: bold 15px "Verdana", Verdana; color: #3D2010; }
#hlavicka #topbar ul { margin: 0; padding: 0; list-style-type: none; }
#hlavicka #topbar ul li { padding-top: 12px; color: #3D2010; font: bold 12px "Trebuchet MS", Verdana; }
#hlavicka #topbar ul li a { color: #3D2010; text-decoration: none; }
#hlavicka #topbar ul li a:hover { text-decoration: underline; }
	

/* hlavicka - Topbar - Boxes */
		
#hlavicka #topbar #topbar-left { width: 400px; max-width: 400px; padding: 35px 33px; float: left; }
#hlavicka #topbar #topbar-center { width: 106px; max-width: 106px; float: left; padding: 12px 0 0 30px; }
#hlavicka #topbar #topbar-right { width: 287px; max-width: 287px; float: left; padding: 12px 0 0 30px; }


/* tělo */

#telo { width: 1004px; max-width: 1004px; background: url("grafika/telo.gif") repeat-y; }
#telo-top { width: 1004px; max-width: 1004px; background: url("grafika/telo_top.gif") no-repeat; }
#telo-bottom { width: 992px; max-width: 992px; padding-left: 12px; min-height: 50px; background: url("grafika/telo_bottom.gif") no-repeat left bottom; }


/* Main - Content */
	
#content { float: left; width: 570px; max-width: 570px; padding: 6px 16px 0 16px; color: black; font-weight: bold; }
#content a            { color: darkred; text-decoration: none; }
#content a:hover      { text-decoration: none; }

	
	
/* Main - Content - Post */
	
#content .post { color: #FFFFFF; float: left; margin-bottom: 26px; width: 554px; padding: 7px; background: #533628; }
	
/* Post - Title */
		
#content .post .post-title          { width: 554px; height: 51px; color: #FEBC10; font: normal 10px "Georgia", Georgia; }
#content .post .post-title a        { color: #FEBC10; text-decoration: none; }
#content .post .post-title a:hover  { text-decoration: underline; }
#content .post .post-title .post-date { float: left; background: url("grafika/post_date.gif") repeat-x; width: 100px; height: 51px; color: #ffffff; text-align: center; text-transform: uppercase; margin-right: 10px; font: bold 10px/10px "Trebuchet MS", Verdana; }
#content .post .post-title .post-date span { margin-bottom: 2px; display: block; font: bold 14px/34px "Trebuchet MS", Verdana; }
#content .post .post-title h2 { padding: 4px 0 3px 0; color: #FEEA10; font: bold 17px "Georgia", Georgia; }
#content .post .post-title h2 a { color: #FEEA10; text-decoration: none; }
#content .post .post-title h2 a:hover { text-decoration: underline; }
		
/* Post - Entry */
		
#content .post .post-entry                      { font: normal 10px/18px "Verdana", Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; }
#content .post .post-entry p                    { font-size: 12px; margin-left: 5px; margin-right: 5px; text-align: justify; margin-top: 20px; }
#content .post .post-entry a                    { color: gold; text-decoration: underline; font-weight: bold; }
#content .post .post-entry a:hover              { text-decoration: underline; color: yellow; }
#content .post .post-entry .more-link           { font: bold 12px/20px "Trebuchet MS", Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; }
#content .post .post-entry .more-link a         { color: #FFFFFF; text-decoration: none; }
#content .post .post-entry .more-link a:hover   { text-decoration: underline; }
		

/* Post - Info */
		
#content .post .post-info { padding: 10px 4px 0 4px; width: 546px; clear: both; font: bold 12px "Trebuchet MS", Verdana; color: #FEEA10; }
#content .post .post-info a { color: #FEEA10; text-decoration: none; }
#content .post .post-info a:hover { text-decoration: underline; }
		
/* Post - Comments */
		
#content .post h3 { color: #FFFFFF; font: bold 17px "Verdana", Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; }
#content .post .comments { padding: 0 4px; width: 546px; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; }
#content .post .comments a { color: #FFFFFF; text-decoration: none; }
#content .post .comments a:hover { text-decoration: underline; }
#content .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; }
#content .post .comments ol li { padding: 5px; }
#content .post .comments ol li.alt { background: #000000; }
#content .post .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; }
#content .post .comments ol li cite a { color: #FFFFFF; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration: underline; }
#content .post .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; }
#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }
#content .post #commentform { margin: 0; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; }
#content .post #commentform a { color: #FFFFFF; text-decoration: none; }
#content .post #commentform a:hover { text-decoration: underline; }


/* Main - Sidebar */
	
.sidebar { float: left; width: 189px; font: strong 12px/16px "Verdana", Verdana; color: #000000; padding: 7px 0; }
.sidebar a { color: #000000; text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }
	

/* Sidebar - Titles */
		
.sidebar h3 { padding-left: 18px; padding-top: 5px; font: bold 16px/34px "Georgia", Georgia;  color: #A50000; height: 46px; width: 189px; background: url("grafika/sidebar_title.gif") no-repeat; }
		

/* Sidebar - Menus */
		
.sidebar ul { margin: 0 0 20px 18px; padding: 0; list-style-type: none; } 
.sidebar ul li { color: #ffffff; font: normal 12px/26px "Verdana", Verdana; }
.sidebar ul li a { color: #ffffff; text-decoration: none; }
.sidebar ul li a:hover { text-decoration: underline; }
		


/* Sidebar - Tables */
		
.sidebar #calendar_wrap { margin: 5px auto 20px auto; width: 120px; }
.sidebar #calendar_wrap caption { font-weight: bold; }
.sidebar #calendar_wrap #today { font-weight: bold; }
		
/* Sidebar - Texts */
		
.sidebar .textwidget { padding: 0 10px 20px 10px; }


/* Footer */

#bottom { margin-top: 15px; width: 1004px; height: 62px; background: url("grafika/footer.gif") repeat-x; color: #FFFFFF; font: normal 10px/15px "Trebuchet MS", Verdana; text-align: center; }
#bottom a { color: #CCCCCC; text-decoration: none; }
#botoom a:hover { text-decoration: underline; }
#copyright { font-size: 12px; }
.prihlas        { margin-bottom: 3px; background-color: #fcf88a; color: #000000; border: 1px solid  #000000; font-size: 11px; font-weight: bold; text-decoration: none; }

.pridattop {background-color: #fcf88a; color: black; font-weight: bold; padding: 0 15px 0 15px; display: block; text-align: center; top: 5px; left: 10px; width: 250px; max-width: 250px; height: 20px; max-height: 20px; border: 1px solid black; margin-bottom: 20px; padding-top: 3px; margin-top: 20px; }
.pridat { background-color: white; color: black; padding-left: 20px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; display: block; text-align: justify; width: 250px; max-width: 250px; height: auto; border: 1px solid black; margin-bottom: 10px;}
#content input, textarea, select {font-weight: normal; font-family: arial; width: 280px; font-size: 13px; }
#content input1, textarea1, select1 {font-weight: normal; font-family: arial; width: 100px; font-size: 13px; }
#content textarea {height: 150px; }
#content input {font-weight: bold; }
#content table {width: auto; font-size: 12px; border-collapse: collapse; border-top: 1px solid black;  border-left: 1px solid black; border-bottom: 0px solid black; border-right: 0px solid black;}
#content th {padding: 0 5px 0 5px; background-color: black; color: white; text-align: left; border-bottom: 1px solid black;  border-right: 1px solid black;}
#content td {padding: 0 5px 0 5px; border-bottom: 1px solid black;  border-right: 1px solid black;}
.pridattopadm {background-color: black; color: white; font-weight: bold; padding: 0 15px 0 15px; display: block; position: absolute; text-align: center; top: 5px; left: 10px; width: 200px; height: 20px; border: 1px solid black;}

.form { margin: 0px; margin-top: 25px; vertical-align: top; margin-left: 20px; }
.input { width: 200px; }
.form textarea { width: 300px; height: 100px; }
.tlacitko { width: 150px; max-width: 150px; color: black; font-weight: bold; width: 80px; height: 20px; background-color: #fcf88a; border: 1px solid black; font-size: 12px; margin-left: 3px; margin-right: 0px; margin-top: 5px; }
.chyba { color: red; font-weight: bold; margin-top: 0px; font-size: 12px; margin-bottom: 0px;}


.album        { background: url(grafika/bg-album.gif); width: 180px; max-width: 180px; height: 186px; max-height: 186px; display: block; float: left; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; border: 0px solid red; font-size: 11px; color: black; font-family: arial; text-align: center;  }
.album1       { background: url(grafika/bg-album1.gif); width: 180px; max-width: 180px; height: 200px; max-height: 200px; display: block; float: left; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; border: 0px solid red; font-size: 11px; color: black; font-family: arial; text-align: center; }