/* this stylesheet (album.css) is intended for the display of photo album pages 
   it is additional to the napierstyle.css file, which is stored in the parent directory 
   it sits in the same directory ("album") as the .HTM photo album files.
   the photos themselves are kept in the "images" directory  */


h1 {
    margin-top : 1.5em;
}



#photopage { 
background : #000000;  /* black */
color : #505050;       /* mid gray */
margin-left : 20%;
margin-right : 10%;
padding : 0;
padding-top : 30px;
width : auto;
} 

/* Hides from IE-mac \*/
* html #photopage { 
height: 1%;   /* added 21 November 2007  */
}

.title { 
font-weight : bold;
font-family : arial, sans-serif;
font-size : 100%;
line-height : 1.8em;
} 


#photopage table { 
width : 100%;
} 


#photopage td { 
padding : 0;
margin : 0;
border : 0;
font-size : 100%;
} 


#photopage td#photocaption { 
text-align : left;
background : #ffffff;
padding-left : 15px;
padding-right : 5px;
height : 100px;
width : 480px;
font-size : 100%;
} 


#photopage td#copyright, td#copyrightportrait { 
border-width : 0;
padding :0;
padding-bottom : 0.2em;
text-align : left;
height : 1.3em;
font-style : italic;
font-size : 90%;
color : #505050;   /* mid grey  */;
background-color : #000000;
} 


#photopage td#copyright a, td#copyrightportrait a { 
background-color : #000000;
} 


#photopage td#copyrightportrait { 
padding-left : 62px;
} 


#photopage td#photo { 
width : 500px;
text-align : center;
border : 0;
} 


#photopage td#index { 
vertical-align : top;
text-align : left;
padding-right : 2em;
} 


#photopage td#gobottom { 
vertical-align : top;
text-align : right;
} 


#photopage td#gotop { 
vertical-align : bottom;
text-align : right;
} 


td#index a, td#gobottom a, td#gotop a { 
color : #505050;   /* mid grey  */
background-color : #000000;
} 


#photopage p#previous, #photopage p#next { 
padding-top : 100px;
} 


#photopage p#previous {
text-align : left;
}


#photopage p#next { 
text-align : right;
} 



#photopage td img {   /* prevents arrows having colours showing visited links, etc. */
border-width : 0;
}