/* 
    Document   : layout
    Created on : 25.2.2011, 16:53:29
    Author     : Marten
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body
{
  text-align: center;
  background-color: silver;
  font-family: Verdana;
  color: #BDBDBD;
  font-weight: 600;
}
a
{
  font-family: Verdana;
  font-size:16px;
  color: #BDBDBD;
}
span    {font-size: 110%;}
img     {border: none;}
pre     {color: black;}
.menu
{
  vertical-align: top;
  text-align: center;
  height: 30px;
  background-image: url("../obrazky/handle_disabled_middle.png");
  background-repeat:  repeat-x;
  background-position: center;
  background-color: #FFFFFF;
  white-space: nowrap;
}
.menu span
{
  position: relative;
  top: 5px;
}
.menu a
{
  position: relative;
  text-decoration: none;
  font-size:13px;
  font-weight: 600;
}
.thumb,.lightbox
{
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
.thumb:hover,.lightbox:hover
{
  opacity: 0.65;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
}
.sipka
{
  position: absolute;
  cursor: pointer;
  _cursor: hand;
}

select
{
  border: 1px outset;
  background-color: white;
  vertical-align: top;
}

.years
{
  position: absolute;
  left: 75px;
  top:45px;
  overflow: visible;
}
.mycaption
{
  position: absolute;
  text-align: center;
  left: 50%;
  top: 45px;
  width: 385px;
}
.section
{
  position: absolute;
  overflow: auto;
  left: 70px;
  top: 170px;
  width: 630px;
  background-color: #FFFFFF;
  font-weight: 900;
  text-align: center;
  scrollbar-base-color: #BDBDBD;
}

.bstyl      {font-weight: 900;}
.istyl      {font-style: italic;}
.detail     {}

#bkgnd
{
  position: relative;
  width: 770px;
  height: 100%;
  margin: auto;
  text-align: left;
}
#bkgnd_t1
{
  position:absolute;
  width: 100%;
  height: 60px;
  background-image: url("../obrazky/top1.png");
  background-position: center;
  background-color: #FFFFFF;
}
#bkgnd_m1
{
  position: absolute;
  width: 100%;
  height: 80px;
  top: 60px;
  background-image: url("../obrazky/middle1.png");
  background-repeat: repeat-y;
  background-position: center;
  background-color: #FFFFFF;
}
#bkgnd_t2
{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
  background-image: url("../obrazky/top2.png");
  background-position: center;
  background-color: #FFFFFF;
}
#bkgnd_m2
{
  position: absolute;
  width: 100%;
  height: 0px;
  top: 180px;
  background-image: url("../obrazky/middle2.png");
  background-repeat: repeat-y;
  background-position: center;
  background-color: #FFFFFF;
}
#bkgnd_b
{
  position: absolute;
  width: 100%;
  height: 60px;
  top: 180px;
  background-image: url("../obrazky/bottom.png");
  background-repeat: repeat-y;
  background-position: center;
  background-color: #FFFFFF;
}
#name   { position: absolute; left: 10%; width: 150px;}
#album  { position: absolute; left: 40%; top: 20px;}

#hsection  {height: 100%}
#menu
{
  overflow: hidden;
  position: absolute;
  left: 50px;
  top: 110px;
  width: 390px;
  height: 50px;
}
#outer
{
  overflow: hidden;
  position: absolute;
  left: 30px; width: 330px;
  height: 50px;
  white-space: nowrap;
}
#inner
{
  position: absolute;
  padding: 3px;
  left: 0px;
  white-space: nowrap;
}
#left   { left: 0px; top: 10px;}
#right  { left: 370px; top: 10px;}

#imgsection  { display: none;}
#exifsection { display: none;}

#up
{
  position: absolute;
  left: 605px;
  top: 5px;
}
#down
{
  position: absolute;
  left: 605px;
  bottom: 5px;
}

#image
{
  position: absolute;
  width: 600px;
  height: 100%;
  left: 0px;
  top: 0px;
  text-align: center;
  overflow: auto;
}
#show_exif
{
  position: absolute;
  left: 60px;
  bottom: 35px;
  font-size: 10px;
}