/* ===============
   STYLES (layout)
   =============== */


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

body, ul {
  margin: 0px;
}

body, h1, h2, h3, p, ul {
  padding: 0px;
}

div#content {
  margin: 50px 0 0 50px;
  width: 900px;
}

div.form {
  padding-bottom: 15px;
}

h1 {
  margin: 20px 0 25px 0;
  text-align: right;
}

h2 {
  margin: 25px 0 15px 0;
}

h3 {
  margin: 0 0 3px 0;
}

img {
  border: 0;
}

ul {
  list-style-type: none;
}

li {
  display: inline;
}

form, p {
  margin: 0 0 25px 0;
}


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

ul#navigation {
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 25px;
  text-align: right;
}

img#logo {
  float: none;
  padding: 0px;
}


/* Main
   ----
   Defines specific formatting for the main section of content pages */

#main img {
  float: left;
  margin: 0 25px 25px 0;
}

#main img.right {
  float: right;
  margin: 0 0 25px 25px;
}

#main img.thumb {
  margin: 0 10px 5px 0;
}

#main form { margin-top: 25px; }

#main div.mailer { float: right; width: 275px; }


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

div#rotation {
  background: url("/images/background.png");
  height: 315px;
  margin: 0 0 30px 0;
  text-align: right;
}

#rotation img {
  border: none;
  height: 315px;
  margin: 0px;
  padding: 0 25px 0 0;
  width: 600px;
}

#rotation p {
  margin: 0px;
  padding: 25px;
}


/* Galleries
   ---------
   Defines specific formatting for the galleries section of the main gallery page */

div#galleries {
  height: 175px;
  margin: 0 25px 0 120px;
  width: 450px;
}

#galleries img.thumb {
  margin: 0 10px 0 0; 
}

#galleries p {
  margin: 0;
}


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

ul#gallery_index {
  float: right;
  text-align: right;
  width: 150px;
}

#gallery_index li {
  display: block;
  padding-bottom: 5px;
}


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

#gallery li {
  display: block;
  margin: 0 0 15px 0;
}


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

div#fullsize {
  float: right;
  width: 640px;
}

#fullsize h3 {
  padding: 0px;
  margin: 10px 0 3px 0;
}

#fullsize img {
  float: none;
  padding: 0px;
  margin: 0px;
}

#fullsize div#toggle_description {
  margin-bottom: 10px;
}

#fullsize p {
  margin: 0 0 25px 0;
  padding: 0px;
}


/* Navigator
   ---------
   Defines specific formatting for the navigator section of the gallery items page */

#navigator div#thumbnails {
  float: left;
  height: 480px;
  margin: 0 15px 25px 0;
  overflow: hidden;
  white-space: nowrap;
}

#navigator li {
  margin: 0 0 10px 0;
}

#navigator img.thumb {
  float: none;
  margin: 0px;
  padding: 0px;
}


/* Scrollbars
   ---------- */
			
#wrap {
  float: left;
  width: 8px;
  height: 481px;
  background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
}
			
#track-top {
  position: absolute;
  width: 8px;
  height: 14px;
  background: transparent url(/images/scrollbar-track-top.png) no-repeat top left;
}
			
#track {
  position: absolute;
  width: 8px;
  height: 481px;
}
			
#handle {
  width: 8px;
  height: 16px;
}


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

p#footer {
  float: right;
  height: 50px;
  width: 100%;
}