/*

     This file is part of the XML Photo Gallery Project
     by Philip J. Guo (Created August 2005)
     Copyright 2005 Philip J. Guo
     http://alum.mit.edu/www/pgbovine/

       based on the People Photo Gallery Project
       by Philip J. Guo (Created January 2005)
       Copyright 2005 Philip J. Guo

     This program is free software; you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
     the Free Software Foundation; either version 2 of the License, or
     (at your option) any later version.

     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     GNU General Public License for more details.

     You should have received a copy of the GNU General Public License
     along with this program; if not, write to the Free Software
     Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

DIV#GalleryTitle
{ 
  POSITION: relative;
  FONT-FAMILY: verdana, arial;
  FONT-SIZE: 15px;
  font-weight: bold;
  TEXT-ALIGN: center;
  FONT-VARIANT: small-caps;
}

body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

A
{
  COLOR: #3D477B;
}

A:visited
{
  COLOR: #3D477B; 
}

A:hover
{
  COLOR: #6E870C;
}

.thumbnail
{
  CURSOR: pointer;
}

.smallButton
{
  FONT-SIZE: 10px; 
  WIDTH: 120px;
  MARGIN-BOTTOM: 10px;
}

DIV#sliderPane DIV.slide
{
  BORDER-RIGHT: 1px solid;
  BORDER-TOP: 1px solid;
  OVERFLOW: hidden;
  BORDER-LEFT: 1px solid;
  WIDTH: 145px;
  BORDER-BOTTOM: 1px solid;
  POSITION: absolute;
  HEIGHT: 140px;
  TEXT-ALIGN: center;
}

DIV#sliderPane DIV.centerSlide
{
  WIDTH: 160px;
  HEIGHT: 155px;
  POSITION: absolute;
  LEFT: 293px;
  TOP: -6px;
  Z-INDEX: 1;
}

DIV#sliderPane DIV.thickSlide
{
  BORDER-RIGHT: 4px solid;
  BORDER-TOP: 4px solid;
  BORDER-LEFT: 4px solid;
  BORDER-BOTTOM: 4px solid;
  WIDTH: 150px;
  HEIGHT: 144px;
  POSITION: absolute;
  LEFT: 294px;
  TOP: -5px;
  Z-INDEX: 1;
}

DIV.sliderPane
{
  WIDTH: 750px;
  Z-INDEX: 0;
  POSITION: relative;
}

DIV.selectedImageSection
{
  WIDTH: 900px;
  POSITION: relative;
}

DIV.selectedImageSection DIV#photoTitle
{ 
  MARGIN-TOP: 6px;
  MARGIN-BOTTOM: 3px;
}

DIV.selectedImageSection SPAN#title
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 15px;
  COLOR: #838383;
  FONT-FAMILY: verdana, arial;
}

DIV.selectedImageSection SPAN#date
{
  MARGIN-LEFT: 30px;
  FONT-SIZE: 12px;
  FONT-FAMILY: verdana, arial;
}

DIV.selectedImageSection DIV#photoDescription
{
  FONT-SIZE: 10px;
  MARGIN-BOTTOM: 10px;
  FONT-FAMILY: verdana, arial;
  WIDTH: 500px;
}

DIV.selectedImageSection DIV.photoSubDescription
{
  FONT-SIZE: 12px;
  MARGIN-BOTTOM: 15px;
  FONT-FAMILY: verdana, arial;
}

DIV.selectedImageSection DIV.photoSubtitle
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  FONT-STYLE: italic;
  FONT-FAMILY: verdana, arial;
}

DIV.titleDesc
{
  FONT-SIZE: 20px;
  LEFT: 180px;
  WIDTH: 600px;
  FONT-FAMILY: Times New Roman, times, sans-serif;
  POSITION: relative;
  TEXT-ALIGN: center;
  MARGIN-BOTTOM: 15px;
  color: #000000;
}

DIV.titleDesc SPAN.desc
{
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana, arial;
}

DIV.buttonPane
{
  MARGIN-TOP: 10px;
  WIDTH: 750px;
  POSITION: relative;
}

DIV.buttonPane SPAN.leftButton
{
  FONT-SIZE: 15px;
  LEFT: 15px;
  CURSOR: pointer;
  FONT-FAMILY: verdana, arial;
  POSITION: absolute;
  TEXT-ALIGN: left;
  TEXT-DECORATION: underline;
  COLOR: #3D477B;	
}

DIV.buttonPane SPAN.centerButton
{
  FONT-SIZE: 14px;
  LEFT: 72px;
  WIDTH: 600px;
  FONT-FAMILY: verdana, arial;
/*  FONT-FAMILY: Times New Roman, Serif;*/
  POSITION: absolute;
  TEXT-ALIGN: center;    
}

.link
{
  TEXT-DECORATION: underline;
  CURSOR: pointer;
  COLOR: #3D477B;	
}

DIV.buttonPane SPAN.centerButton SPAN.desc
{
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana, arial;
}

DIV.buttonPane SPAN.rightButton
{
  FONT-SIZE: 15px;
  LEFT: 705px;
  CURSOR: pointer;
  FONT-FAMILY: verdana, arial;
  POSITION: absolute;
  TEXT-ALIGN: right;
  TEXT-DECORATION: underline;
  COLOR: #3D477B;
}

DIV.footer
{
  MARGIN-TOP: 36px;
  FONT-SIZE: 10px;
  WIDTH: 745px;
  FONT-FAMILY: verdana, arial;
  POSITION: relative;
  TEXT-ALIGN: right;
}

DIV#GalleryAdvancedSearchTitle
{ 
  POSITION: relative;
  FONT-FAMILY: verdana, arial;
  FONT-SIZE: 12px;
  TEXT-ALIGN: center;
}

DIV#ThumbnailTitle
{ 
  MARGIN-TOP: 25px;
  MARGIN-BOTTOM: 5px;
  POSITION: relative;
  FONT-FAMILY: verdana, arial;
  FONT-SIZE: 16px;
  font-weight: bold;
  TEXT-ALIGN: center;
  FONT-VARIANT: small-caps;
}

DIV#ToggleThumbnails
{
  TEXT-ALIGN: center;
  FONT-SIZE: 12px;
  font-weight: bold;
  MARGIN-TOP: 5px;
  MARGIN-BOTTOM: 35px;
}

DIV#MainDisplayPanel
{
  POSITION: relative;
  display: none; /* Avoid ugliness when the gallery page is loading */
}

DIV#ThumbnailsPanel
{
  POSITION: relative;
}