/* cetoraz test */

body {
  color: black;
  background-color: #e0e9fa;
  font-family: Georgia, "New York CE", utopia, serif;
  margin: 0; padding: 0; height: 100%;
  _overflow: hidden;
  text-align: right;
}

#main { height: 100%; margin: 0; padding: 1em; overflow: auto; width: 90%;}

/* Header */
#header {
  position: fixed;
  _position: absolute;
  z-index: 10;
  left: 0px;
  width: 100%;
  height: 170px;
  bottom: 0px;
  right: 0px;
  background-image: url("img1.jpg");
  color: #333324;
  text-align: left;
}

#header h1 {
  font-size: 6em;
  _margin-top: 40px;
  vertical-align: bottom;
  font: bold 360% Impact, "Techno CE", sans-serif;
}

#rightext { text-align: right; }
#rightext span {background-color: #f9d1a0; color: black;}

#rip {
  position: fixed;
  _position: absolute;
  left: 475px;
  bottom: 120px;
}

#rip a, #rip a:visited { text-decoration: none; color: black; }

.red { color: red; }

#rip a:hover { color: red; background-color: transparent !important;}

#rip a:hover .red { color: blue; }

#content { 
  float: left;
  /*margin-top: 160px;*/
  width: 50%;
  border-right: 1px dashed #808080;
  padding-bottom: 200px;
}  

#photobar {
  position: absolute;
  height: 160px;
  width: 70%;
  overflow: scroll;
  text-align: left;
  border: 1px solid black;
  padding: 1em;
z-index: 20;
/*
  float: right; 
  width: 20%; 
  margin-right: 25%; 
  color: #808080; 
  text-align: center;
*/
  /*overflow: scroll;
  height: 500px;*/
}

#albumlist { width: 1280px;}
#photobar h2 { display: none; }
.smallfoto { display: block; float: left;}
.smallfoto img { border: none; margin: 1em;}
.smallfoto a { display: block; border: 1px solid #80808;  }
.smallfoto a:hover { display: block;  border: 1px solid #f9d1a0; }
*/
#disclaimer {
  position: fixed;
  _position: absolute;
  top: 20%;
  left: 52%;
}

#disclaimer p {
  color: #808080;
}

a, a:visited { color: #808080; }
a:hover { color: #808080; background-color: #f9d1a0; }

#left {
  background-color: #e5ecfe;
  width: 250px;
  height: 36em;
  position: fixed;
  _position: absolute;
/*  float: right;*/
  top: 20px; right: 20px;
}

#left li {
  width: 180px;
  list-style: none;
  margin: 0;
  margin-bottom: 4px;
  font-size: 0.9em;
}

#left li a { display: block; border-right: 2px solid #808080; padding-right: 4px;}

#left #albumlist2 { /*overflow: scroll; height: 200px;*/}

.clanek {
  margin-bottom: 3em;
  color: #808080;
  background-color: #e4ebfb;
  padding: 1em;
}

.clanek:hover {
  color: black;
  background-color: #e0e9fa;
}

.clanek:hover a, .clanek:hover a:visited, .clanek:hover a:hover {
  color: black;
}

.bar { border: 1px solid black; width:12em;}

.hide {
  display:none;
}

.discall {
  padding: 1em;
  border: 1px solid #808080;
  margin-bottom: 1em;
}

.disc3 { font-weight: bold; }
.discbody { padding: 1em; }

.disc_thread {  
  background-image: url("sipka.gif");
  background-position: top left;
  background-repeat: no-repeat;
}