/*	Style sheet for pages in Bennett's photo album
	Copyright Bennett McElwee 2003
*/

/*	Body stuff
*/
body { color:black; font-family:verdana,arial,sans-serif; font-size: small; background-color: #fafafa; }

/* Next line for buggy browsers (e.g. Communicator) */
div, p, td, th, li { color:black; font-family:verdana,arial,sans-serif; font-size: small; }

/*	Common fonts and styles
*/
h1 { margin-top: 0; }
h1, h2 { font-family:verdana,arial,sans-serif; font-weight:bold; font-size: large; }
h3, h4 { font-family:verdana,arial,sans-serif; font-weight:bold; font-size: medium; }
p { font-family:verdana,arial,sans-serif; }
img { border: none; }

/*	Set the link colors and styles.
*/
a { color:#c00; text-decoration:none; }
a:visited { color:#c00; }
a:hover   { color:#f66; text-decoration:none; }
a:active  { text-decoration:none; }

/* EVERY PAGE */

/* Title "home" navigation bar */
div.homenav { float: right; font-weight: bold; color: White; }
div.homenav a,
div.homenav a:visited  { color: White; }
div.homenav a:hover { color: #fcc; }

/* Breadcrumb navigation bar */
span.breadcrumbs { font-weight: normal; }
span.breadcrumbs span.here { font-weight: bold; }

/* Limit width */
body { width: 760px; }

/* headers */
h1 { background-color: #66c; color: White; padding: 0.5ex; }

/* Footer of every page */
p.footer { margin-top: 2ex; padding: 0.5ex; background-color: #66c; color: White; }
p.footer a,
p.footer a:visited { color: white; }
p.footer a:hover { color:#fcc; }

/* ALBUM LISTING */

div.album-list { margin: 1ex; }
div.album-list p { margin-top: 2ex; margin-bottom: 2ex; }

/* Main list of album links */
ul.albums { margin-top: 2ex; margin-bottom: 2ex; }
ul.albums li { font-size: medium; font-weight: bold; line-height: 1.5; }
ul.albums li span.date { font-weight: normal; }

/* THUMBNAILS */

h2.album-title { margin: 1ex 0 0 0; padding: 0.5ex 0.5ex 0.5ex 0; }
h2.album-title span.content { padding: 0.5ex; border: solid 1px gray; border-bottom: none; background-color: #ddf; }
h2.album-title span.content span.date { font-weight: normal; }

div.album-border { margin: 0; padding: 0; border: solid 1px gray; background-color: White; }
div.album { margin: 0; padding: 0.5ex; }
div.album div.annotation p { margin: 0.5ex; padding: 0; }

/* An album */
table.album td.sub-album { }
table.album td.photo { }
table.album td.empty { }

/* A sub-album listing in a thumbnail view. Contains a link */
div.sub-album { font-weight: bold; border: solid 2px black; }

/* That navigation bar at the bottom of the album */
div.thumbnav { margin: 1ex 0 0 0; padding: 0.5ex 0 0.5ex 0; }
div.thumbnav a { font-weight: bold; }
div.thumbnav span  { margin: 0; padding: 0.5ex 1ex 0.5ex 1ex; border-top: solid 1px gray; border-right: solid 1px gray; background-color: #ddf; }

/* PHOTO VIEW */

div.photo-page { border: solid thin gray; background-color: #ddf; }
div.photo-page h2.photo-title { text-align: center; margin: 0; padding: 0.5ex; }
div.photo-page div.photo { padding: 0; margin: 0; }
div.photo-page div.photo img { padding: 0; margin: 0; border-top: solid thin gray; border-bottom: solid thin gray; }
div.photo-page .subtitle { text-align: center; margin: 0; padding: 1px; }

/* Links */
div.photo-nav { text-align: center; }
h3.photo-nav-title { border: solid thin gray; padding: 0.5ex; }
div.photo-nav-link { margin-bottom: 2ex; border: solid thin gray; }
div.photo-nav-link .title { font-weight: bold; }
div.photo-nav-link div.title { text-align: center; border-bottom: solid thin gray; margin: 0; padding: 0.5ex; background-color: #ddf; }
div.photo-nav-link div.blurb { font-size: x-small;  padding: 1ex; background-color: White; }
div.photo-nav-link div.link { padding: 1ex; background-color: White; }

/* Title of a control on a photo page */
span.control { font-weight: bold; }

/* Comments */
div.comment div.attribution { margin: 1ex 0 0 0; padding: 0.5ex 0.5ex 0.5ex 0; font-weight: bold; }
div.comment div.attribution span { padding: 0.5ex; border: solid 1px gray; border-bottom: none; background-color: #ddf; }
div.comment div.text { margin: 0; padding: 0.5ex; border: solid 1px gray; background-color: White; }