/***************************************************/
/* IMAGE LIBRARY CSS
/***************************************************/

/***************************************************/
/* GENERAL
/***************************************************/

html, body { /* html tag added for Opera support */
padding: 5px;
margin: 0px;
background-color: #FFFFFF;
}	

a:link 	  { color: #50740A; text-decoration: none; }   
a:visited { color: #50740A; text-decoration: none; }
a:hover   { color: #000000; text-decoration: underline; } 
a:active  { color: #000000; text-decoration: none; }

p {
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

/***************************************************/
/* IMAGE LIBRARY FULLSIZE PAGE
/***************************************************/

/* The paragraph affects the text at the top of the screen in fullsize mode */
#peepshow_fullsize_cont p#fullsize_toptext {
font-size: 0.8em;
color: #FFFFFF;
padding: 0;
text-align: center;
} 

/* The title of the photos */
/* #peepshow_fullsize_cont p#fullsize_toptext .fullsize_phototitles {
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

/* The title of the rolls */
#peepshow_fullsize_cont p#fullsize_toptext .fullsize_rolltitles { 
color: #000000;
letter-spacing: 2px;
font-weight: bold;
}

/* seperators on top of the page */
#peepshow_fullsize_cont p#fullsize_toptext .fullsize_seperator {
color: #FFFFFF; /* same as background, another way of hiding the seperators! */
}

/* The fraction that seperates the photo numbers in roll */
#peepshow_fullsize_cont p#fullsize_toptext .fraction {
font-size: 10px; /* 0.8em of 0.8em (inheritance)! */
color: #666666;
}

/* The 'view as thumbnail' link */
/* This is a link, so it's color must be modified in the link classes */
#peepshow_fullsize_cont p#fullsize_toptext .view_as_thumbnails {
font-size: 10px; /* 0.8em of 0.8em (inheritance)! */
}

#peepshow_fullsize_cont table { /* holds the image */
margin: auto;
}

/* previous and next buttons (together) */
/* these buttons are links, so their color must be modified in the link classes */
#peepshow_fullsize_cont p#fullsize_buttons {
font-size: 11px ;
text-transform: lowercase; 
text-align: center;
padding-top: 5px;
padding-bottom: 7px;
margin: 0;
}

/* previous and next buttons (individually) */
#peepshow_fullsize_cont p#fullsize_buttons .buttons {
padding-right: 7px;
padding-left: 7px;
}

/* affect the rolls_menu on the Fullsize page only */
#peepshow_fullsize_cont form#rolls_menu {
text-align: center;
margin: 0;
}

/***********************************************/
/* THUMBNAIL PAGE
/***********************************************/

/* drop down roll menu */
#peepshow_thumbnail_cont form#rolls_menu { margin-left: 8px; margin-bottom: 15px;}

/* This affects the title at the top of the page */
#peepshow_thumbnail_cont p#thumbnails_pagetitle {
font-size: 10px;
color: #000000;
float: right;
margin-right: 10px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

/* table that holds the thumbnails */
#peepshow_thumbnail_cont table { }

/***********************************************/
/* DROPSHADOW
/***********************************************/

.alpha-shadow {
float: left;
background: url(images/dropshadow/shadow1.gif) no-repeat bottom right;
margin: 0;
}

.alpha-shadow div {
background: url(images/dropshadow/shadow2.png) no-repeat left top !important;
background: url(images/dropshadow/shadow2.gif) no-repeat left top;
padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
margin: 0;
background-color: #FFFFFF;
border: 1px solid #A9A9A9;
padding: 2px;
}