/* Main */
/* -------------------------------------------------------------------------- */

   body { color: #000000; font-size: 18px; font-family: Consolas, Lucida Console, Monaco, monospace; background: #fff url('../images/bg.png') repeat-y; }
   li { list-style: none }

/* Wrapper */
/* -------------------------------------------------------------------------- */

   #wrapper { position: absolute; width: 100%; height: 100%; text-align: left;  }

/* Sidebar */
/* -------------------------------------------------------------------------- */
   
  /* Lewa kolumna strony */
  #sidebar { z-index: 1; position: absolute; text-align: right; height: 100%; margin-left: 40px; width: 140px;  }
  
    /* Linki w lewej kolumnie strony */
    #sidebar a,
    #sidebar a:link,
    #sidebar a:visited { color: #000; text-decoration: none; }
    #sidebar a:hover,
    #sidebar a:active,
    #sidebar a:focus { color: #000; text-decoration: underline; }

  /* Menu */
  #menu { height: 100%; width: 140px;  }
  
    /* Logo strony */
    #logo {  font-size: 20px; font-weight: bold; margin-bottom: 35px; padding-top: 23px; }

    /* Blok otaczający każdą kategorię */
    #menu div.block {  color: #585858; margin-bottom: 28px; }
     /* Nazwa kategorii */
     #menu div.block h1 { color: #b3b0b1; height: 20px; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
     /* Linki w podkategoriach - nazwy galerii */
     #menu div.block ul.submenu li a { font-size: 28px; font-style: italic; }
     #menu div.block ul.submenu li a:link,
     #menu div.block ul.submenu li a:visited { display: block; width: 100%; }
     #menu div.block ul.submenu li a:hover,
     #menu div.block ul.submenu li a:active,
     #menu div.block ul.submenu li a:focus { color: #000; text-decoration: line-through; }

/* Content */
/* -------------------------------------------------------------------------- */
   
  /* Prawa kolumna strony */
  #content { position: absolute; width: 100%; padding: 35px 0px 20px 0px}

    /* Blok z obrazem, opisemm, licznikiem i nawigatorami */
    #image { margin: 0 auto; padding: 60px 20px 0px 180px;  }          
      /* Zdjęcie lub film */
      #image div.file { margin-bottom: 3px;}  
        /* Dane kontaktowe */            
        #image div.contact { position: absolute; padding: 15px; color: #fff; background-color: #000; display: none}        
     
    /* Blok z narzędziami pod zdjęciem */
    #tools { font-size: 18px; margin-top: 7px; font-style: italic; }   
      /* Lewa */
      #tools div.toolsLeft { float: left;  }
        /* Opis elementu */    
        #tools div.title {  text-align: right; font-weight: bold }
        /* Nazwa galerii */            
        #tools div.gallery {  text-align: right;  }
          #tools div.gallery span.copy { cursor: pointer;  }                               
      /* Prawa */      
      #tools div.toolsRight { float: left }
        /* Licznik zdjęć */     
        #tools div.counter { text-align: left;  }
        /* Nawigatory */     
        #tools div.navigation { color: #b3b3b3; text-align: left; }
          #tools div.navigation a { color: #b3b3b3 }
          #tools div.navigation a:hover { color: #e5e4e3; text-decoration: line-through }
                       
     
    /* Navigator nanoszony na zdjęcie */
    #iNavigator { position: absolute; }        
      #iPrev { position: relative; float: left; }
      #iPrev a { display: block; background: #ffffff; filter: Alpha(Opacity=0); opacity: 0; height: 100%; width: 100%; outline:0; }
        .iPrevOn { background: url('../images/nav_prev.png') no-repeat left; }
        .iPrevOff { background: none }
      #iNext { position: relative; float: left; }
      #iNext a {display: block;  background: #ffffff; filter: Alpha(Opacity=0); opacity: 0; height: 100%; width: 100%; outline:0;}     
        .iNextOn { background: url('../images/nav_next.png') no-repeat right}
        .iNextOff { background: none }