/* CSS Document */

/* 
Contains formatting information for the automatic photo slideshow script by Johannes Knabe.
Modified by FudoMouth. You can find the original here: http://phpshow.panmental.de/  
*/

/*
ADD "display:none" IF YOU WANT TO HIDE CERTAIN ELEMENTS, 
E.G. CONTROL TO SWITCH BETWEEN SLIDESHOW AND BROWSER MODES
*/

/*hide elements one by one:*/
  input.slidebrowse { /*change modes button*/
    /*display:none;*/
    }
  input.sizebutton {  /*actual size / fit on screen button*/
    /*display:none;*/
    }
  select {            /*select delay between slides*/
    /*display:none;*/
  }
  a.goLink {          /*next / last links to speed up browsing*/
    /*display:none;*/
    }
  #picInfo {          /*info on the picture text; e.g. name and size*/
    /*display:none;*/
    }
  div.smallprint {    /*text under the picture, usually disclaimer*/
    /*display:none;*/
    }
  div.controlTable {    /*all control buttons*/
    /*display:none;*/
    }
  @media print {      /*hide stuff for printing*/
    a { text-decoration:none;
        color:black;}
    td.paddingBug { padding-top:6px }
    span.hideForPrint { display:none;}
    input { display:none;}
    select { display:none;}
    div.smallprint { display:none;}
    a.goLink { display:none;}
    }
  @media screen {     /*link definitions*/
	a:link, a:visited, a:active {text-decoration: none}
	a:link		{color: #DDDDDD;}
	a:visited 	{color: #DDDDDD;}
	a:hover 	{color: #FF9933;}
    }

  body {
	background-image: url(background2.jpg);
	background-repeat: repeat;
    color:            #DDDDDD;
    margin:           4px;
    padding:          0px;
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        11px;
  }  
  
  td.currpic {        /*slideshow current picture*/
    border:           2px solid #ccffff;
    background-color: #FFFFFF; /*should equal the fade-to color from the script*/
    padding:          2px;  /*some space needed as browsers are different*/
  }

  td.browsetd {
    padding-right:    1px;
  }

  div.tdpic{          /*browse-mode thumbnails*/
    border:           1px solid #ccffff;
    background-color: transparent;
    padding:          2px;
  }

  div.smallprint {    /*wrapping gets us ugly scrollbars*/
    white-space:	nowrap;
    font-size:  	10px;
	color:			#999999
  }

  div.smallfont {    /*wrapping gets us ugly scrollbars*/
	white-space:	nowrap;
    font-size:  	12px;
	display: inline;
  }

  table {
    vertical-align:   middle; 
  }

/* End. Its in my backpack. */