/* BARVY
bile písmo      #BBB
bile nenapadne	#5A5A5A
zlate pismo	    #D8BE71
zlate nenapadne	#857B5E
modratext       #5599CC

pozadi světle	  #373737
pozadi tmave    #222
modrá           #39F
pismo           #BBB

nadpis triky
letter-spacing:-1px;
	color:#444; 
	margin:35px 0 -5px 0;

*/

/* MAIN DESIGN */
body{
  font: 12px Calibri, Arial;
  background: #222 url(../graphics/bg-body.gif) left top repeat fixed;
  color: #CCC;  /*#BBB*/
}
#main{
  position: relative;
  margin: 0 auto;     /* trik na zarovnani na stred */
  width: 600px;
  height: 800px;     /* stale zobrazovani posuvniku*/
  z-index: 0;
}
#header{
  width: 640px;
  height: 80px;
  background: #000;
  border: solid 1px #000;
  padding: 0px 0px 0px 0px;
  margin-top: 120px;  /* ovlivni posunuti celeho obsahu */
  z-index: 2;
}
#logo{
  font-size: 90px;
  line-height: 80px;
  color: #BBB;
  font-weight: bolder;
  
  letter-spacing: -4pt;
  text-transform: uppercase;
  padding: 0 10px;
  margin: 0;
}
#maincontent, #photocontent{
  width: 560px;
  min-height: 400px;
  padding: 6px 50px 6px 30px; /*padding: 6px 50px 6px 30px;*/
  background: #222;
  border: solid 1px #000;
  z-index: 2;
  filter: alpha(opacity=80);
}
#photocontent{width: 6000px;}
/*#text{padding: 6px 30px 6px 30px; background: #FFF; color: #000 !important;}
#text a {color: #000; text-decoration: underline;} #text a:hover{color: #5599cc;}*/
#footer{
  width: 600px;
  padding: 2px 20px 2px 20px;
  font: 10px Arial;
  color: #333;
  letter-spacing: 1pt;
  text-transform: uppercase;
  background: #000;
  border: solid 1px #000;
}
#footer a{color: #333;}

#black{ /* pozadi na vzkazy */
  position: absolute;
  left: 0px;
  top: 0px; /*  */
  padding: 0px 0px 0px 0px;
  display: block;
  height: 2400px;
  width: 100%;
  background: #090909;
  border: solid 0px #000;
  z-index: -1;
  overflow: hidden;
}

#menu, #menu_2nd{
  position: absolute;
  left: -120px;
  top: 82px; /*  */
  @top: 202px;
  width: 100px;
  height: 100px;
  background: #222;
  border: solid 1px #000;
  z-index: 2;
  font: bold 12px Arial;
  text-transform: capitalize;
  margin: 0;
  padding: 10px 0 0 10px;
  list-style-type: none;
  filter: alpha(opacity=80); opacity: 0.9;
}

.headline{
  position: absolute;
  left: -160px;
  top: 360px; /*  */
  @top: 222px;
  color: #5599cc;
}

#menu_2nd{left: -160px;top: 202px;@top: 322px;width: 140px;}
#menu a, #menu_2nd a{color: #BBB; text-decoration: none;}
#menu a:hover,#menu_2nd a:hover{color: #5599cc;}

#menu a:active,#menu_2nd a:active{background: #5599cc;}


/* BASIC TYPOGRAPHY */
h1{font-size: 60px; margin: 20px 0 0px;} /* Název článku*/
  .subtitle{height: 80px;font-size: 20px; margin: 0px 0 20px;text-transform: uppercase;}  /* alias názvu článku*/
h2{font-size: 20px; margin: 30px 0 0px;} /* Podnadpisy článku*/
h3{font-size: 18px; margin: 0px 0 4px;clear: both;} /* pro nadpisy komentaru  */
h4{font-size: 16px; margin: 6px 0 0px;} /* zatim už jenom basne  */
p{font: 13px/18px Calibri, Arial; margin: 0 0 10px;}
dt{font-weight: bold; margin: 10px 0 0;}
dd{margin: 0 15px;}
label{display: block; line-height: 18px; margin: 0 15px; padding: 0 0px;}
.datetime{font-weight: bolder; margin: 0; color: #5599cc;}
ul{list-style-type: square; margin: 6px 0px 10px; padding: 0px 0px 0px 20px;}

a {color: #BBB; text-decoration: underline;} a:hover{color: #5599cc;}

.box{
  background: #222;
  color: #CCC;
  padding: 10px;
  margin: 0 0 20px;
  
  -moz-border-radius: 6px
}
.textbox{
  background: #444;
  color: #CCC;
  margin: 0 0 20px;
  padding: 5px;
  text-align: justify;
  clear: both;
  /*clear: both;*/
  -moz-border-radius: 6px
}

/* FOTOGRAFIE */
.image{
  position: relative;
  margin: 10px 10px 10px 0px;
  border: solid 1px #000;
  height: 400px;
}
/*image:hover{border: solid 1px #3399ff;}

/* POEZIE */
#sloupek1,#sloupek2,#sloupek3,#sloupek4,#sloupek5,#sloupek6,#sloupek7,#sloupek8{
  position: absolute;
  margin: 0 0 0 0;
  z-index: 0;
  padding: 20px 500px 200px;
}
.sloupek_head{
  background: #000;
  border: solid 1px #000;
  padding: 0px 10px 0px 10px;
  letter-spacing: 2pt;
  
}
.sloupek_body{  
  padding: 10px 0px 10px 10px;
  background: #222;
  border: solid 1px #000;
  /*filter: alpha(opacity=80); -moz-opacity: 0.8;*/
}
.sloupek_body p{font-style: italic; line-height: 15px; }  /* musi se definovat v p*/


/* FORMS */
input[type=text], input[type=password]{
  font: 13px Calibri, Arial;
  color: #000;
  width: 400px;
  background: #BBB;
  padding: 2px 5px;
  border: 1px solid #000;
}
textarea{
  font: 13px Calibri, Arial;
  width: 400px;
  background: #BBB;
  padding: 5px;
  border: 1px solid #000;
  overflow: auto;

  scrollbar-track-color: #191919;
  scrollbar-face-color: #5A5A5A;
  scrollbar-highlight-color: #5A5A5A;
  scrollbar-3dlight-color: #5A5A5A;
  scrollbar-darkshadow-color: black;
  scrollbar-shadow-color: #5A5A5A;
  scrollbar-arrow-color: #000;
}
input[type=submit]{
  font: bold 13px Calibri, Arial;
  width: 120px;
  background: #000;
  color: #BBB;
  cursor: pointer;
  border: none;
  padding: 2px;
  margin: 5px 0px 20px;
}
input[type=submit]:hover{
  background: #39F;
  color: #000;
}
/*.finform{padding: 0; font-size: 12px;}*/


/* VIDEO */
a.player { 
  display:block; 
  width: 384px; 
  height:288px;  
  text-align:center; 
  margin:0 15px 15px 0;
}
a.player img {margin-top:80px;border:0px;} 
a.player:hover {border:0px solid #000;}

/* HELPERS */
.hidden { display: none; }
.small  { font: 11px/13px;}
.citace { font-size: 36px;}
#insert {font-weight: bold;}
.warning{color: #F00;}