/*
 * $Id:$
 * Copyright (c) 2005 Graham Lea. All rights reserved.
 *
 * The copyright to the contents of this file is governed by the End User Licence Agreement (EULA)
 * of Photo Page Creator.
 *
 * For details, see http://www.grlea.org/photopagecreator
 */

html, body
{
   width: 100%;
   height: 100%;
   margin: 0px;

   color: #F0F0F0;
   background-color: #000000;

   border-style: none;
   overflow: hidden;

   font-family: Verdana, Arial, Helvetica, sans-serif;
}

div, h1, h2, p
{
   margin: 0px;
   padding: 0px;
}

h1, h2, h3
{
   font-weight: normal;
}

h1
{
   font-size: 1.6em;
   padding-top: 0.5em;
}

h2
{
   font-size: 0.8em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

h3
{
   font-size: 0.65em;
   margin: 0px;
   padding: 0px;
}

div#whole
{
   width: 100%;
   height: 100%;
}

div#topHalf
{
   padding-left: 10px;
}

div#bottomHalf
{
   height: 90%;
}

div#leftHalf
{
   float: left;
   width: 160px;
   padding-left: 10px;
}

div#rightHalf
{
   position: relative;
   top: 0px;
   left: 0px;

   /* TODO: Don't use an absolute size here: */
   height: 100%;
   overflow: hidden;
}

div#smallHeading
{
}

div#scrollpane
{
   width: 160px;
   /* TODO: Don't use an absolute size here: */
   height: 470px;

   overflow-y: auto;
   overflow-x: hidden;
   overflow: -moz-scrollbars-vertical;

   border-style: solid;
   border-width: 1px;
   border-color: #999999;
}

div#scrollpane ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
   text-align: center;
   padding-bottom: 5px;
}

div#scrollpane ul li
{
   padding-bottom: 0.5em;
}

div#scrollpane ul li img
{
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
}

div#main
{
   height: 100%;
}

div#main table
{
   width: 100%;
   height: 100%;
}

div#main table tr td
{
   text-align: center;
   vertical-align: middle;
}

h2#mainPhotoTitle
{
   font-size: 1em;
}

div#footer
{
   position: absolute;
   left: 0px;
   bottom: 0px;
   overflow: hidden;

   width: 100%;
   text-align: center;

   border-style: none;
   border-width: 0px;
   border-color: #999999;
   border-top-style: solid;
   border-top-width: 1px;
   margin-left: 5px;
}

p.copyright, p.photoPageCreatorLink
{
   font-size: 0.7em;
   padding-top: 0.3em;
}

p.photoPageCreatorLink a, p.photoPageCreatorLink a:visited
{
   color: #E0A000;
}

p.photoPageCreatorLink a:active
{
   color: #FFE040;
}

/* DIV Background Colours for Debugging */

/*


div#whole
{
   background-color: #000066;
}

div#topHalf
{
   background-color: #CC0000;
}

div#bottomHalf
{
   background-color: #FF0099;
}

div#leftHalf
{
   background-color: #00CC00;
}

div#rightHalf
{
   background-color: #003300;
}

div#smallHeading
{
   background-color: #3333FF;
}

div#scrollpane
{
   background-color: #9999FF;
}

div#main
{
   background-color: #FF9900;
}

div#main table
{
   background-color: #FF99FF;
}

div#footer
{
   background-color: #FFFF00;
}


*/