/*CORE*/

html, body
{
 height: 100%;
 padding: 0;
 margin: 0;
}

body
{
 _text-align: center; /* IE */
 background-color: #000000;
}

#ramec
{
 float: center;
 width: 99%;
 height: auto;
 min-height: 100%;
 _height: 100%; /* IE */
 background: #000000;
 text-align: justify;
 margin: 0 auto;
 position: relative;
 font-family: Tahoma;
 color: #B8C3C6;
}



				/*HEADER*/
#header
{
 margin-top: 10px;
 width: 100%;
 height: 150px
}				

.head-mutant
{
 float: left;
}				

.head-name
{
 float: right;
}


				
				/*MENU*/

#noodle
{
 width: 100%;
 text-align: center;
 height: 30px;
 margin-top: 3px;
 background-image: url(http://www.x-mencz.net/images/admini/menubg.jpg);  
}

#menu-background
{
 width: 600px;
 height: 30px; 
 float: center;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background-image: url(http://www.x-mencz.net/images/admini/menucenter.jpg); 
}

.menu
{
 width: 400px;
 margin-left: 35px;
 margin-right: auto;
 margin-top: 1px; 
}

.menu a
{
 text-decoration: none;
 font-size: 10px;
 display: block;
 margin-top: auto;
 margin-bottom: auto; 
 text-align: center;
}

.menu ul, .menu li
{
 list-style-type: none;
 margin-top: auto;
 margin-bottom: auto;
 font-weight: bold;
 font-size: 10px;
 color: #FFFFFF; 
}

ul.uroven1 li.polozka1
{
 float: left;
 width: 55px;
 position: relative;
 font-weight: none;
 padding: 9px 0px;
 height: 0px;
 _width: 1px; /* IE */
}

ul.uroven2
{
 position: absolute;
 top: 20px;
 _top: 20px; /* IE */
 width: 150px;
 border: 0;
 visibility: hidden;
 padding: 8px 0px;
 margin-left: 0px;
 color: #FFFFFF;  
}


ul.uroven2 li.polozka2 a
{
 font-weight: normal;
 text-align: left;
 background-color: #000000; 
}

ul.uroven2 li.polozka2 a:hover
{
 width: 100%;
 background-color: #1B1F20;
}

.menu a:hover
{
 text-decoration: underline;
 color: #FFFFFF;
}

.menu a:visited
{
 color: #FFFFFF;
}

ul.uroven1 li.polozka1
{
 behavior: url(hover.htc);
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
 visibility: visible;
 text-decoration: none;
}



				/*PAGE BODY*/

#page
{
 float: center;
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 margin-top: 15px;
 font-size: 12px;
 padding-bottom: 114px; 
}

#block
{
 float: center;
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 text-align: justify;
 margin-top: 15px;
 font-size: 12px; 
}

#box-L
{
 float: left;
 width: 450px;
 text-align: justify;
 margin-top: 15px;
 margin-right: 10px; 
 font-size: 12px; 
 padding-left: 20px;
 padding-right: 20px;
 background-color: #171C1F; 
}

#box-R
{
 float: right;
 width: 450px;
 text-align: justify;
 margin-top: 15px;
 font-size: 12px;
 margin-left: 10px; 
 padding-left: 20px;
 padding-right: 20px; 
 background-color: #171C1F; 
}

#psani
{ 
 float: center;
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 text-align: justify;
 margin-top: 15px;
 _margin-top: 5px;
 font-size: 12px;
 line-height: 150%;
}

#index
{ 
 float: left;
 width: 800px;
 text-align: justify;
 margin-top: 15px;
 _margin-top: 5px;
 font-size: 12px;
 line-height: 150%;
}

#archiv
{ 
 float: center;
 width: 800px;
 text-align: justify;
 margin-top: 15px;
 _margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
 font-size: 12px;
 line-height: 125%;
 background-color: #171C1F;
 padding: 5px 10px 5px 10px; 
}

#archiv p
{
 padding: 2px 40px 2px 40px;
}


.sidebar
{
 float: right;
 text-align: center;
 width: 150px;
 margin-top: 15px;
 margin-left: 25px;
 margin-right: 0px;
 padding-bottom: 25px; 
 line-height: 100%;
}

.sidebar a:link
{
 font-weight: normal;
 text-decoration: none;
}

.ovpravo
{
  clear: right;
  float: right;
  margin-left: 10px;
}
.ovlevo 
{
  clear: left;  
  float: left;
  margin-right: 10px;
}

.cover
{
  clear: right;
  float: right;
  margin-left: 10px;
  margin-right: 20px;
}

#preview
{
 width: 100%;
 min-height: 150px;
}

#preview img
{
 width: 100px;
 height: 150px;
 margin-top: 5px;
}

.txt
{
 margin-left: 110px;
 margin-bottom: 10px;
}

.medal
{
 clear: right;
 float: right;
 margin-right: 10px;
 margin-bottom: 20px;
}

#pp_left
{
 float: left;
 clear: left;
 margin-left: 30px;
}

#pp_center
{
 float: center;
 clear: center;
}

#pp_right
{
 float: right;
 clear: right;
 margin-left: 30px;
}


.story
{
 margin-left: 120px;
 margin-right: 60px;
 margin-top: -15px;
}

#ff_preview
{}

#ff_preview h1
{
 font-size: 12px;
 text-align: right;
 margin-bottom: -14px;
}

.ilustrace
{
 float: right;
 clear: right;
}

.ilustrace img
{
 width: 65px;
 height: 75px;
}

.posters
{
 width: 400px;
 text-align: center;
}



				/*LIGHTBOX*/

#lightbox
{
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}

#lightbox img
{ 
 width: auto;
 height: auto;
}

#lightbox a img
{
 border: none;
}

#outerImageContainer
{
 position: relative;
 background-color: #000000;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}

#imageContainer
{
 padding: 10px;
}

#loading
{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

#hoverNav
{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}

#imageContainer>#hoverNav
{
 left: 0;
}

#hoverNav a
{
 outline: none;
}

#prevLink, #nextLink
{
 width: 49%;
 height: 100%;
 background-image: url(data:http://www.x-mencz.net/images/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ 
 display: block;
}

#prevLink
{
 left: 0;
 float: left;
}

#nextLink
{
 right: 0;
 float: right;
}

#prevLink:hover, #prevLink:visited:hover 
{
 background: url(http://www.x-mencz.net/images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover 
{
 background: url(http://www.x-mencz.net/images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer
{
 font: 10px Tahoma;
 background-color: #000000; 
 margin: 0 auto; 
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
}

#imageData
{
 padding-bottom: 60px;
 padding-left: 10px;
 color: #E8EEF0;
 
}

#imageData #imageDetails
{
 width: 70%;
 float: left;
 text-align: left;
}

#imageData #caption
{
 font-weight: bold;
}

#imageData #numberDisplay
{
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}

#imageData #bottomNavClose
{
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
 outline: none;
}

#overlay
{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
}



      				/*FONT ABNORMALITIES*/

.submenu
{
 font-weight: bold;
 font-size: 11px;
 text-align: center
}


#quote
{
 font-style: oblique;
 color: #CED4D5;
 line-height: 130%;
 padding: 0px 30px;
}

.author
{
 font-size: 9px;
 text-align: right;
 font-weight: bold;
}

h1
{
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 color: #E8EEF0;
}

h2
{
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 color: #E8EEF0;
}

h3
{
 text-align: left;
 font-size: 10px;
 margin-top: 0;
 line-height: 110%;
}

a
{
 font-weight: bold;
 text-decoration: none;
}

a:link
{
 color: #FFFFFF;
}

a:visited
{
 color: #707E82;
}

a:active
{
 color: #FFFFFF;
}

a:hover
{ 
 text-decoration: underline;
 color: #FFFFFF;
}

img 
{
 border: 0;
 margin: 0;
 padding: 0px;
}

.preview
{
 font-weight: bold;
 font-size: 10px;
}

.preview a:hover
{
 text-decoration: none;
}

.preview a:visited
{
 color: #FFFFFF;
}



				/*FOOTER*/


#paticka
{
 width: 100%;
 position: absolute;
 bottom: 0;
 left: 0;
 height: 114px;
 text-align: left;
 margin-left: 0;
 background-image: url(http://www.x-mencz.net/images/admini/footbg.jpg);
 color: #7F9CA4;
}

font
{
 color: #FFFFFF;
}

.date
{
 margin-top: -40px;
 margin-right: 25px;
 text-align: right;
 font-family: tahoma;
 font-size: 9px;
 color: #7F9CA4;
}

.footimg
{
 margin-top: 0;
 margin-bottom 0;
 float: left;
 margin-right: -162px; 
}

.focus
{
 margin-top: 0;
 margin-bottom 0;
 text-align: center;
 margin-right: auto;
 margin-left: auto;
}

.copyright
{
 margin-top: -45px;
 margin-right: 25px;
 text-align: right;
 font-family: tahoma;
 font-size: 10px;
 color: #7F9CA4;
}