/*
 * Stylesheet for pages under the photos section.
 */

/* This is for the link in the header that shows up at the top of each page: */
a#videosLink {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #603;
}

/* This defines the sidebar on the side of the photos page: */
#sidebarPhotos {
  margin-top: 28px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 80px;
  float: left;
  background-color: #fff;
  background-image: none;
  color: #000;
  padding: 1px 0px 10px 0px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 7px solid #000;
	text-align: left;
}

/* This is for the left hand side of the page: */
#sidebarPhotos li {
  font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
  list-style-type: none;
  padding: 0px;
}

/* This is for the text within the sidebar: */
#sidebarPhotos p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
 	color: #000;
 	padding: 0px;
}

/* This is for the link on the image within the slideshow: */
a#slideshow_image_link, a#slideshow_image_link:visited, a#slideshow_image_link:focus, a#slideshow_image_link:hover {
  text-decoration: none;
  background-color: #fff;
}

/* This is the div containing the slide (photo), caption, and navigation: */
#slideshow {
  margin-left: 20%;
  padding: 10px;
  width: 393px;
}

#slideshow_img {
  padding: 0px;
  border: 1px solid #ccc;
}

/* This is for the caption below a photo: */
.captionText {
  font-family: Georgia, "Trebuchet MS", Univers, "Univers 55", Gill, "Gill Sans", "Zurich BT", Zurich, sans-serif;
  color: #eee;
	margin-top: 15px;  /* Distance caption is from photo */
	padding-bottom: 5px; /* Padding between caption and bottom frame border */
	text-align: left;
}

/* This is for the style of the number of the current slide: */
#current_slide {
  color: #000;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
  border: 1px solid #fff;
  background-color: #eee;
}

/* This is for the style of the other numbers above the slides: */
a#noncurrent_slide {
  text-decoration: none;
  color: #eee;
}

a#noncurrent_slide:focus, a:hover {
  text-decoration: underline;
  color: #c00;
  background-color: #000;
}


#slideshow_image_link {
  padding: 0;
}

/* This is for the style for the table above each photo: */
.photoHeaderTable {
  border: 1px solid #000;
  background-color: #000;
  margin-top: 1px;
}

.photoMenu {
  background: #000;
  border-style: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
  text-align: center;
  height: 24px;
}

/* This is for the style for the table containing each photo: */
.phototable {
  border: 3px solid #000;
  background-color: #000;
  color: #eee;
}