/*
   $Id: menu1.css,v 1.13 2007/08/04 21:55:22 flip Exp $

   menu1.css -- Projäggd Menu 1 CSS Code

   Copyright (c) 2007 Philippe Kehl <phkehl at gmx dot net>

   All right reserved.

*/


/* defaults */

* { 
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
  margin: 0;
  padding: 0;
  font-size: 12pt;
  color: #fff;
  background-color: #000;
  font-family: Garamond, serif;
}

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

a img, a img:hover
{
  border: none;
}


/* small pics div */

.small
{
  border: 1px solid #666;
  padding: 9px;
  background-color: #ddd;
  color: #000;
  margin: 0;
}

.smallactive
{ 
  border: 2px solid #666;
  padding: 8px;
  color: #000;
  background-color: #fff;
  margin: 0;
}

.small:hover
{ 
  border: 2px solid #666;
  padding: 8px;
  background-color: #ddd;
}


.descdesc
{
  color: #000;
}

.descdate
{
  color: #777;
  font-weight: bold;
  font-size: 85%;
  line-height: 22px; /* because descicon is 16+3+3px */
}

.descicon
{
  float: right;
  line-height: 0;
}


/* toolbar and the icons in the toolbar and on small pics */

#toolbar
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9500;
  margin: 0;        /* don't use margins here, see menu1.js:m1_init() */
  padding: 10px 10px 0 10px;
  color: #aaa;
  font-size: 16px;
  line-height: 16px;
  display: inline;
}

.icon
{
  border: 0;
  padding: 3px;
  display: inline;
  line-height: 0;
}

.icon:hover
{
  padding: 1px;
  border: 2px solid #aaa;
}


/* the title (which is a js-link to toggle the title div)*/

#title
{
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 16pt 0 3px; /* keep the )scrollbar in mind */
  margin: 0;
  color: #ccc;
  font-size: 22px; /* should not be higher than the toolbar icons + padding  */
  z-index: 9950;
  color: #ccc;
  font-style: italic;
}

#title a
{
  text-decoration: none;
  color: #ccc;
}

#title a:hover
{
  color: #fc9;
                
}


/* the program info window */

#info
{ 
  position: absolute;
  z-index: 9999;
  background-color: #000;
  filter:alpha(opacity=90);
  opacity: 0.90;
  -moz-opacity: 0.90;
  z-index: 9999;
  padding: 20pt;
  border: 2px dashed #666;
  color: #ccc;
  font-family: Garamond, serif;
  font-size: 12pt;
  line-height: 16pt;
  text-align: center;
}

#info a
{
  text-decoration: none;
  color: #ccc;
}

#info a:hover
{
  text-decoration: none;
  color: #fff;
}


/* about box and icons */

#about
{
  position: absolute;
  /* position will be calculated in menu1.js:m1_about(),
     set width/height in about.html*/
  left: 100px;
  top: 100px;
  background-color: #000;
  filter:alpha(opacity=90);
  opacity: 0.90;
  -moz-opacity: 0.90;
  z-index: 9999;
  padding: 0; /* N.B. padding will be added to width/height */
  border: 2px dashed #666;
}

.abouticon
{
  border: 0;
  padding: 4px;
}

.abouticon:hover
{
  border: 2px solid #400;
  padding: 2px;
}


/* loading indicator */

#loading
{ 
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9999;
  border: 2px dashed #444;
  padding: 5px;
  margin: 0;
  background-color: #000;
  filter:alpha(opacity=90);
  opacity: 0.90;
  -moz-opacity: 0.90;
}
.loadingimg
{ 
  display: block;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}
.loadingtitle
{ 
  border: 0;
  padding: 0;
  margin: 0 10px 5px 10px;
  text-align: center;
  font-style: italic;
}
#loadingtext
{
  border: 0;
  margin: 5px 10px 0 10px;
  padding: 0;
  text-align: center;
}

/* screen darkening */

#dark
{
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 100px; height: 100px;
  overflow: hidden;
  z-index: 9900;
  background-color: #000;
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
}


/* zoomed image */

#bigpic
{
  position: absolute;
  margin: 0; /* don't set margins */
  padding: 20px;
  color: #000;
  z-index: 9995;
  background-color: #fff;
  border: 2px solid #444;
}

#bigicons
{
  position: absolute;
  z-index: 9996;
  margin: 0px;/* FIXME: see menu1.js:m1_displaybig() */
  padding: 0;
  line-height: 16px;
}

#bigdesc
{ 
  position: absolute;
  z-index: 9996;
  margin: 0;
  border-top: 1px solid #666;
  padding: 2pt 5pt 2pt 5pt;
  font-size: 120%;
  background-color: #fff;
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
  color: #000;
  text-align: center;
}

#bigdate
{ 
  position: absolute;
  z-index: 9996;
  margin: 0;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 2pt 5pt 2pt 5pt;
  font-size: 100%;
  background-color: #fff;
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
  color: #000;
}

/* eof */