/* hoylen.com photo albums: single image page */

@import url(album.css);

h1 {
 text-align: center;
 padding-bottom: 2ex;
 color: white;
 background: black;
}

div.image,
div.frame {
 text-align: center;
}
div.image img,
div.frame img {
 margin: 2ex 1em 2ex 1em;
 border: 1px solid #111;
}

div.caption {
 margin: 2ex 5em 3ex 5em;
 padding: 0.5ex 1em;
 text-align: center;
}

div.caption p {
 margin: 0.75ex 0em;
 padding: 0;
}

/* Navigation between photos on image page */

div#prev-button {
 position: fixed;
 left: 0;
 bottom: 0.5ex;
 margin: 0; border: 0; padding: 0;
 text-align: left;
 float: left; /* for IE6 */
}
div#next-button {
 position: fixed;
 right: 0;
 bottom: 0.5ex;
 margin: 0; border: 0; padding: 0;
 text-align: right;
 float: right; /* for IE6 */
 width: 90px; /* for Opera 6 to work properly */
}
div#index-button {
 position: fixed;
 left: 0;
 top: 0;
 text-align: left;
 float: left; /* for IE6 */
}
div#all-button {
 position: fixed;
 right: 0px;
 top: 0px;
 text-align: right;
 float: right; /* for IE6 */
}

div#pic-nav div {
 margin: 0; border: 0; padding: 0;
}

div#pic-nav div a {
 display: block;
 margin: 0;
 border: 0;
 padding: 0ex 0.5em;
 min-width: 3em;
 color: #666;
 font-size: x-large;
 text-decoration: none;
}

div#pic-nav div a:hover {
 background: inherit;
 color: #f60;
}
div#pic-nav div a:active {
 color: #6f6;
}

@media screen {
 div#footer { display: none; }
}

/* Print */

@media print {
 div#pic-nav { display: none; }
 h1 {
  color: black;
  background: white;
 }
}

/* EOF */