/* =================================
   STYLES (colors and font settings)
   ================================= */



/* General formatting 
   ------------------
   Defines standard formatting for the template */


/* Links */
a {
  color: #666;
  text-decoration: none;
}


/* Links (when mouse over) */
#main a:hover, #navigation a:hover {
  background-color: #333;
  color: #FFF;
}


/* Standard colors and font settings */
body {
  background-color: #FFF;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 101%;
}


/* Highlighted text */
em { color: #333; font-style: normal; }


/* Common formatting for headings 1, 2 */
h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}


/* Heading 1 */
h1 {
  font-size: 3.0em;
}


/* Heading 2 */
h2 {
  font-size: 1.25em;
}


/* Heading 3 */
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-transform: uppercase;
}

h3 a { color: #333; }


/* Text paragraphs and Lists */
p, ul, div.form {
  font-size: 0.8em;
}


/* Lists only */
ul {
  text-transform: uppercase;
}




/* Navigation 
   ----------
   Defines specific formatting for the navigation section */

ul#navigation {
  font-size: 0.9em;
  text-align: right;
}

#navigation a {
  color: #666; 
}


/* Rotation
   --------
   Defines specific formatting for the front page section, containing welcome photo and intro text */


#rotation p {
  color: #FFF;
  font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
}



/* Gallery Index
   -------------
   Defines specific formatting for the gallery index section of the main gallery page */


ul#gallery_index {
  font-size: 0.7em;
}




/* Gallery
   -------
   Defines specific formatting for the entire gallery section of the main gallery page */


#gallery h3 {
  font-size: 0.8em;
}

#fullsize a:hover, #thumbnails a:hover { background-color: #FFF }



/* Fullsize
  --------
  Defines specific formatting for the detailed image view  section of the gallery items page */


#fullsize div#toggle_description, #fullsize p {
  font-size: 0.7em;
}

#fullsize h3, h3#lbCaption {
  font-weight: normal;
  font-size: 0.7em;
}

#toggle_description a:hover { background-color: #333; }



/* Lightbox
   --------
   Defines specific formatting for the lightbox */


#lbCaption {
  font-size: 0.7em;
  text-transform: uppercase;
}



/* Footer
   ------
   Defines specific formatting for the footer section of all pages ("Copyright 2008...") */

p#footer {
  font-size: 0.7em;
  text-align: right;
}