/* . .::::BART!::::: . .*/
/* udafrac27*/
html, body {
	font-family: "Trebuchet MS", "Geneva CE", Tahoma, lucida, Verdana, Times, Helvetica, sans-serif;
	font-size: 14px;
	background: #000;
	background-position: center top;
	text-align: center;
	margin: 0;
	padding: 0;
	/*  scrollbar-track-color: #808080;
	scrollbar-face-color: #808080;
	scrollbar-highlight-color: #d7d597;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #ffffff;
*/
}
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.komplet {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;
}
.sloupecek_head {
	text-align: center;
	background-color: #000;
	border: #000;
	color: #fff;
	margin: 10px 0 0 0;
}
.float_left {
	float: left;
}


.menu-rozvrzeni {
	margin: 0;
	padding: 0;
	background-color: #cc9900;
	text-align: left;
	width: 710px;
	border-bottom: 4px solid #000;
}
#menu {
font-size:15px;
	position: relative;
	list-style-type: none;
	background: #ffcf06 url(navbar.gif) no-repeat;
	color: #000;
	height: 35px;
  padding: 0px 0px 0px 40px;
  margin: 0;
	line-height: 29px;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	float: left;
	color: #000;
	text-decoration: none;
	background: transparent;
	padding: 4px 9px 0px 9px;

	text-align: center;
	font-weight: bold;
}
#menu a:hover, #menu a:active {
	border-top: 2px solid #ffcf06;
	background: #000;
	color: #ffcf06;
  text-decoration: none;
}

.sloupecek {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	background-color: transparent;
	color: #000;
	border: 2px solid #000;
	border-top: none;
}
.sloupecek a:link {
	color: #000;
	text-decoration: underline;
}
.sloupecek a:visited {
	color: #000;
	text-decoration: underline;
}
.sloupecek a:hover {
	color: #000;
	text-decoration: none;
} 
.kategorie {
font-family: Arial, Tahoma, lucida, Verdana, Times, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #cc9900;
  background: transparent url('kategorie-top.gif') no-repeat;
  
   width: 220px;
  margin: 5px 0 0 0;
  }
.kategorie ul {
  font-size: 13px;
  text-align: left;
  color: #fff;
  background-color: #402900;
  list-style-type: none;
  border: 2px solid #000;
  border-left:none;
  border-right:none;
  border-top: none;
  padding: 0;
  }
.kategorie ul li {
  display: inline;
  padding: 0;
  margin: 0;
	}

.kategorie ul li a{
  display:block;
  color: #ccc;
  text-decoration: none;
  font-weight: normal;
  padding-left:5px;
}
.kategorie ul li.nezalomit a{
  display:inline;
}

.kategorie ul li a:hover{
  color: #402900 !important;
  background: #cc9900;
}
.lyrics li{
text-align: center;

}
.pressdatum{
font-size: 1.1em;
color: #cc9900;
}

.kategorie ul li a:hover .pressdatum{
font-size: 1.1em;
color: #402900;
}
.download h2{
font-size: 1.6em;
margin:20px 0 0 0;
display: inline;
/*border-bottom: solid 2px #fff;    */
}
.download b{
padding-left: 10px;
}
.sloupecek_foto {
	text-align: center;
	padding: 5px 0 5px 0;
	background-color: transparent;
	color: #000;
	border: 2px solid #000;
	border-top: none;
}
.sloupecek_tail {
	text-align: center;
	background-color: #000;
	border-color: #fff;
	color: #fff;
	width:220px;
}
.sloupecek_tail a:link {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.sloupecek_tail a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.sloupecek_tail a:visited {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.vrsek {
	text-align: left;
	background-color: black;
}
.leva {
	background-color: #402900;
	float: left;
	width: 230px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0 15px 0 0;
	height: 30px;
	_width: 245px;
	font-weight: bold;
}
.prava {
	background-color: #cc9900;
	margin: 0;
	padding: 0px;
	text-align: left;
	color: white;
	height: 30px;
}
.prava_tabulka {
	padding: 0 0 0 15px;
	vertical-align: top;
}
.datum {
	list-style-type: square;
	font-weight: normal;
	color: #fff;
}
ul{
padding: 0 0 0 10px;
margin:0;
}
ul.novinky{
padding: 0 0 0 0px;
margin:0;
}
li.nadpis{
	list-style-type: none;
border-bottom: dashed 2px #cc9900;
background: #000;
padding: 2px 5px;

}
li.nadpis b
{
font-size: 1.3em;
color: #cc9900;
}
li.nadpis i
{
font-size: 1em;

}
li.nadpis div
{
 display:inline;
text-align:right;
font-size: 0.9em;
color: #ccc;
}
li.novinka {
	list-style-type: none;
	padding: 5px 5px 10px 5px;
	color: #eceae6;
}
li.novinka:hover {
	color: #fff;
}
#aktualita{
margin: 10px 0;
padding: 2px;
border: solid 2px #cc9900;
border-left: none;
border-right: none;
text-align: center;
background: #000;
}
div.prava h2{
	font-size: 20px;
	text-decoration: none;
	background-color: transparent;
	color: #402900;
	padding-left: 30px;
}
.bunkaspozadim {
	color: black;
	background-color: #cc9900;
	vertical-align: top;
	text-align: left;
}
#mp3 td{
  padding: 5px;
	vertical-align: top;
	text-align: left;
 	border-bottom: 1px solid #cc9900;
 	border-top: 1px solid #cc9900;
}
#mp3 td table td{
  padding: 0px;
	vertical-align: top;
	text-align: left;
 	border-bottom: 1px dashed #cc9900;
 	border-top: none;
}
#mp3 h3{
  color: #fff;
	font-size: 18px;
}
#mp3 img{
  border: 1px solid #000;
}
.top {
	z-index: 3;
  height: 230px;
	background: #000 url(navbar.png) no-repeat;
	width: 780px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	vertical-align: top;
}
.topbar {
	position: relative;
	z-index: 2;
}
.toptext {
	position: absolute;
	left: 80px;
	top: 10px;
	width: 500px;
	z-index: 1;
}

.middle {
	text-align: center;
	margin: auto;
	padding: 0;
	_margin-left: 35px;
	background-color: #cc9900;
	width: 710px;
	color: black;
}
#left_rozvrzeni {
	clear: both;
	float: left;
	background-color: #cc9900;
	width: 215px;
	_width: 245px;
	padding: 0 15px 0 15px;
}
#right_rozvrzeni {
	float: left;
	width: 425px;
	_width: 465px;
	padding: 0 20px 0 20px;
	text-align: left;
	background-color: #402900;
	color: #fff;
	_height: 800px;
	min-height: 500px;
}
.male a {
	font-size: 10px;
	color: #bbbbbb;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}
.male a:hover {
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}
.male a:visited {
	font-size: 10px;
	color: #d7d597;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}
table.archiv {
	margin-top: 5px;
	border-spacing: 0px;
	border-collapse: collapse;

	width: 99%;
	border: 1px solid #000;
}
table.archiv th {
	color: #ccc;
	background: #000;
	padding: 0 2px;
	text-align: center;
	border: 1px solid #000;
}
table.archiv td {
	padding: 0 2px;
	text-align: center;
	border: 1px solid #000;
	color: #ccc;
}
.color {
	font-weight: bold;
	color: #cc9900;
}
.svetle{
	color: #fff;
	font-weight: bold;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
}
.top_pismo {
	font-size: 18px;
	margin: 30px auto auto 60px;
	color: #6c6a6a;
	text-align: center;
	text-decoration: none;
	width: 195px;
	line-height: 1.0em;
}
.left_pismo {
	font-size: 0.8em;
	color: #ffffff;
	background-color: transparent;
	line-height: 1.5;
}
.left_pismo a:link {

	color: #000000;
	text-decoration: none;
}
.left_pismo a:visited {

	color: #000000;
	text-decoration: none;
}
.left_pismo a:hover {
	color: #99CC66;
	text-decoration: none;
}
.right_pismo {
	font-family: "trebuchet MS", Arial, Tahoma, lucida, Verdana, Times, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	background-color: transparent;
	color: #ffffff;
	padding: 10px 0 0 0;
	margin: 0;
}
.right_pismo a:link {
	color: #fff;
	text-decoration: underline;
}
.right_pismo a:visited {
	color: #ccc;
	text-decoration: underline;
}
.right_pismo a:hover {
	color: #fff;
	text-decoration: none;
}
.alignright {
	text-align: right;
}
h1 {
	display: inline;
	font-size: 20px;
	text-decoration: none;
	background-color: transparent;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 17px;
	text-decoration: none;
	background-color: transparent;
	color: #ffffff;
	margin: 0;
	padding: 0 0 0 10px;
}
h2 a:link {
	color: #ffffff;
	text-decoration: undrline;
}
h2 a:visited {
	color: #ffffff;
	text-decoration: undrline;
}
h2 a:hover {
	color: #ffffff;
	text-decoration: none;
}
h3 {
	display: inline;
	font-size: 15px;
	text-decoration: none;
	background-color: transparent;
	color: #fff;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 13px;
	background-color: transparent;
	color: #8e8e75;
	margin-top: 0px;
	padding-top: 0px;
}
h5 {
	font-size: 20px;
	font-weight: bold;
}
hr {
	border: 2px solid #000;
}
p {
	text-align: left;
	text-indent: 30px;
	margin: 0px;
	padding: 0;
}
textarea, input, select {
	background-color: #cc9900;
	border: 3px solid #000;
	color: #000;
}
table, td, tr {
	font-size: 13px;
	line-height: 1.5em;
	background-color: transparent;
	color: #ffffff;
}
.perex {
	border: 1px solid #5c5c42;
	border-right: none;
	padding: 5px;
	margin-left: 15px;
	margin-right: 5px;
}
.obtekatvpravo {
	float: left;
	margin: 5px 10px 0px 0px;
	border: 1px solid #5c5c42;
	padding: 2px;
}
.prouzek {
	text-align: center;
	border: 2px dotted #5c5c42;
}

.citace {
}
.bloktextu {
	border: 1px dotted #28251a;
	background-color: #403c2e;
	font-style: italic;
}
.bloktextu:hover {
	border: 1px dotted #28251a;
	background-color: #403c2e;
}
.zdurazneni {
	border-bottom: 1px dotted;
}
.tail_rozvrzeni {
	width: 710px;
	padding-top: 20px;
	text-align: left;
	background: #000 url(tail.gif) top no-repeat;
	clear: both;
	height: 100px;
}
.left_tail_pismo {
	width: 300px;
	float: left;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 14px;
	color: #000;
	background-color: transparent;
	line-height: 1.5;
}
.left_tail_pismo a:link {
	color: #000;
	text-decoration: underline;
}
.left_tail_pismo a:hover {
	text-decoration: none;
}
.left_tail_pismo a:visited {
	text-decoration: underline;
}
.right_tail_pismo {
	font-size: 0.8em;
	line-height: 1.5em;
	background-color: transparent;
	color: #000;
	text-align: right;
	padding: 0 20px 0 0;
}
.right_tail_pismo a:link {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.right_tail_pismo a:visited {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.right_tail_pismo a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.neobtekat {
  padding-right: 10px;
	float: left;
}
.displaynone{
display: none;
}
.barva {
color: green;
}
.bombicka a, .bombicka a:hover, .bombicka a:visited{
color: #ccc;
text-decoration: none;
font-size: 9px;
}
#backlinx{
color: #ccc;
text-align: center;
}
#backlinx a {
color: #ccc;
text-decoration: underline;
}
#backlinx a:hover {
color: #ccc;
text-decoration: none;
}




/* plogger */


#thumbnail-container {
	/* #thumbnail-container contains the entire list of all collections or the entire list of all albums, as appropriate */
	margin: 0;
	padding: 0;
}

#collections {
	/* #collections contains the entire list of all collections or the entire list of all albums, as appropriate (yes, it's redundant to #thumbnail-container) */
}

.collection {
	/* .collection contains each individual collection or album in the list, as appropriate */
	margin: 10px 0 0 0;
	padding: 10px 0;
	float: left;
	text-align: left;

	width: 798px; /* set this width to be 2px less than the width of #wrapper to account for borders */
}

.collection-image-link {
	margin: 0 0 0 25px;
	border: 1px solid #000;
	display: block;
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.collection-image-link:hover {
	border: 1px solid #cc9900;
}

.photos {
	/* .photos controls the thumbnail picture on the collection(s) and album pages */
	vertical-align: bottom; /* firefox hack to remove the gap below images surrounded by an anchor */
}

.collection p {
	/* .collection p controls the collection or album description */
	margin: 4px 0 0 0;
	line-height: 1.5em;
}

.collection h2 {
	/* .collection h2 controls the collection or album title */
	margin: 5px 0;
	padding: 0;
	font-size: 1.4em;
}

.collection h2 a {
	/* .collection h2 controls the link behavior of the collection or album title */
	color: #fff;
}

.collection h2 a:hover {
	/* .collection h2:hover controls the hover behavior of the collection or album title */
	color: #cc9900;
}

.meta-header {
	/* .meta-header controls the "Contains X Albums" or "Contains X Pictures" text */
	margin: 0;
	padding: 0;
	color: #ccc;
	font-size: 90%;
}

.thumbnail p {
	/* .thumbnail p controls the description of the Collection or Album, as appropriate */
	/* width is equal to the width of the thumbnail image, set inline in album.php */
	padding: 0 6px;
	margin: 4px 0 0 0;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
}




#slideshow, #search-container, #jump-menu, #exif-toggle, #sort-control, .credit{
display:none;
visibility: hidden;
}




li.thumbnail{
display: inline;
list-style-type: none;
color: #cc9900;
}

.thumbnail p {
	/* .thumbnail p controls the description of the Collection or Album, as appropriate */
	/* width is equal to the width of the thumbnail image, set inline in album.php */
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
}

/* Begin album page styles */

ul.slides {
	/* ul.slides controls the unordered list of the thumbnails of images within an album */
	margin:  0;
	padding: 0;
	
}

ul.slides li {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 0 0 0 8px;
	padding: 8px;
	display: inline;
	text-align: center;
}

ul.slides li img {
	/* ul.slides li img controls the thumbnail image itself */
	border: 1px solid #fff;
	background: #fff;
	padding: 3px;
}

ul.slides li a {
	/* ul.slides li a controls the thumbnail image link behavior */
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}

ul.slides li img:hover {
	/* ul.slides li img:hover controls the thumbnail image hover behavior */
	background: #cc9900;
	border: 1px solid #f60;
}




/* Begin "picture" page styles */

#big-picture-container {
	/* #big-picture-container contains the picture, the prev/next buttons, the camera details and the thumbnail nav (if enabled) */
	
	margin: 10px 0 10px 0;
	padding: 10px 0 20px 0;
	text-align: center;
}

.picture-title {
	/* .picture-title controls the picture title */
	width: 70%;
	margin: 0 auto 6px;
	text-align: center;
	font-size: 1.3em;
	color: #4b4c57;
}

.date {
	/* .date controls the picture date */
	width: 70%;
	margin: 0 auto 0;
	text-align: center;
	font-size: 1.1em;
	color: #8689a2;
	letter-spacing: 1px;
}

#nav-link-img-prev, #nav-link-img-next {
	/* #nav-link-img-prev, #nav-link-img-next control those elements that both the prev and next buttons have in common */
	margin: 5px 0 0;
	padding: 6px 15px;
	font-size: 1.1em;
}

#nav-link-img-prev {
	/* #nav-link-img-prev controls the prev button */
	float: left;
	display: inline;
}

#nav-link-img-next {
	/* #nav-link-img-next controls the next button */
	float: right;
	display: inline;
}

#nav-link-img-prev a {
	/* #nav-link-img-prev a controls the text of the prev button */
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #cc9900;
}

#nav-link-img-next a {
	/* #nav-link-img-next a controls the text of the next button */
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #cc9900;
}

#nav-link-img-prev a:hover, #nav-link-img-next a:hover {
	/* #nav-link-img-prev a:hover, #nav-link-img-next a:hover controls the common link behavior of the prev/next buttons  */
	border: 1px solid #cc9900;
	background: #cc9900;
	color: #fff;
}

#picture-holder {
	/* #picture-holder contains the picture */
	clear: both;
	margin: 10px 0 0 0;
}

.photos-large {
	/* .photos-large controls the picture itself */
	margin: 0 0 20px 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #dfded6;
}

#picture-holder a:hover {
	/* #picture-holder a:hover controls the hover behavior of the picture itself */
	white-space: normal;
}

#picture-description {
	/* #picture-description controls the picture's description */
	width: 80%;
	margin: 6px auto 6px;
	text-align: center;
	font-size: 1.1em;
}

/* Exif stuff is for the 'camera details' table */

#exif-toggle {
	margin: 0 0 20px 0;
	padding: 0;
}

#exif-toggle-container {
}

#exif-table {
}

#exif-data {
	margin: 0 auto 0;
	text-align: left;
}

#exif-data td.exif-label {
	text-align: right;
	padding-right: 10px;
	width: 50%;
}

#exif-data td.exif-info {
	text-align: left;
	padding-right: 10px;
	width: 50%;
}

/* Begin thumbnail navigation styles */

#thumb-nav {
	/* #thumb-nav controls the unordered list that comprises the thumbnail navigation */
	list-style-type: none;
	margin: 25px;
}

#thumb-nav li {
	/* #thumb-nav li controls each unordered list item that comprises the thumbnail navigation button */
	float: left;
	margin: 0 10px 0 0;
}

#thumb-nav li img {
	/* #thumb-nav li img controls the image within each unordered list item that comprises the thumbnail navigation button */
	border: 1px solid #01b4e2;
	padding: 3px;
	display: inline;
	background: #fff;
}

#thumb-nav li img:hover {
	/* #thumb-nav li img:hover controls the hover behavior of the image within each unordered list item that comprises the thumbnail navigation button, wheee! */
	background: #fff;
	border: 1px solid #f60;
}



#pagination {
	/* #pagination contains the pagination */
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	height: 23px;
	clear: left;
}

.page-link {
	/* .page_link controls the page numbers (link and non-link) */
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
}

#pagination a {
	/* #pagination a controls the link behavior of the page numbers */
	text-decoration: none;
	color: #cc9900;
}

#pagination a:hover {
	/* #pagination a:hover controls the link hover behavior of the page numbers */
	text-decoration: none;
	color: #ccc;
}
#link-back{
text-align:right;
color: ccc;
font-size: 0.5em;
}
.vevent{
margin: 0 0 10px 0;
}
.vevent td.datum{
font-size:17px;
font-weight: bold;
color: #ccc;
}
.vevent abbr.dtstart{
border: none;
}
.vevent td.proste{
vertical-align: top;
text-align: right;
font-weight: bold;
color: #cc9900;
}
.vevent td a{
color: #ccc;
}
.vevent td.mesto strong{
font-size:17px;
color: #cc9900;
}
.vevent abbr.summary{
border: none;
}
strong.ok{
color: green;
}
strong.ko{
color: red;
}



/* COMMENTS
   ----------------------------------------------------*/
.prispevek {
  width:430px; 
  background: #cc9900 url('prispevek-top.gif') no-repeat left top;  
  margin-top:0px; 
  margin-bottom:25px
  }
.prispevek p {
  clear: both;
  text-indent: 0px;
  color:#000;
  padding:30px 10px 0px 10px;
  }
.prispevek p img{
  float: left;
  border: 2px dashed #322f24;
  margin-right: 10px;
  filter: alpha(Opacity=90);
  opacity:0.9;
  -khtml-opacity: 0.9;
  }
.prispevek p img:hover{
  filter: alpha(Opacity=0);
  opacity:1.0;
  -khtml-opacity: 1.0;
  }

.spodek{
  clear: both;
  background:url('prispevek-bottom.gif') no-repeat left bottom; 
  padding: 0px;
  }

.prispeveknadpis {
  padding-left: 10px;
  color:#947a2d;
  }
.prispeveknadpis strong {
  text-transform: uppercase;
  color: #fff;
  }
.prispeveknadpis a {
  text-decoration: underline;
  color: #fff;
  }
.prispeveknadpis a:hover {
  text-decoration: none;
  color: #fff;
  }
.prispeveknadpis vpravo {
  position: absolute;
  right: 0;
  top: 0;
  }
.ip{
color: #827f74;
}
fieldset {
border: none;
}
legend{
display:none;
}