/*styles for he was a quiet man photo album*/

html {
height: 100%;
width: 100%;
margin: 0 0 0 0;
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #999999; 
}
body {
width: 100%;
background: #ffffff;
font-family: monospace;
color: #000000;
background: url(images/line.jpg) top repeat-x;
}

h1 {
font-family: monospace;
font-size: 34px;
color: #000000;
font-weight: 600;
text-align: left;
margin-left: 20px;
margin-bottom: 0;
margin-top: 20px;
letter-spacing: 3px;
}
span {
font-size: 20px;
}
a:link {
border: 0px;
text-decoration: none;
}
a:visited {
border: 0px;
text-decoration: none;
}
a:hover {
border: 0px;
text-decoration: none;
}
a:active {
border: 0px;
text-decoration: none;
}
/*main content*/
#content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#container {
position: absolute;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 40px;
}
#album {
position: absolute;
top: 0;
margin-left: 20px;
background: url(images/filmlinebak.jpg) top no-repeat;
width: 1019px;
padding-bottom: 20px;
}
.filmstrip1 {
float: left;
margin-top: 187px;
margin-left: 1px;
margin-right: 0;
margin-bottom: 20px;
width: 337px; 
background: url(images/filmbak.jpg) repeat-y;
}
.filmstrip1 img {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 100px;
margin-right: 97px;
border: 0px;
}
.filmstrip2 {
float: left;
margin-top: 187px;
margin-left: -6px;
margin-right: 0;
margin-bottom: 20px;
width: 337px; 
background: url(images/filmbak.jpg) repeat-y;
}
.filmstrip2 img {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 100px;
margin-right: 97px;
border: 0px;
}
.filmstrip3 {
float: left;
margin-top: 187px;
margin-left: -2px;
margin-right: 0;
margin-bottom: 20px;
width: 337px; 
background: url(images/filmbak.jpg) repeat-y;
}
.filmstrip3 img {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 100px;
margin-right: 97px;
border: 0px;
}

/*--hi-res press kit--*/

.gallery2 {
margin-top: 140px;
margin-left: 20px;
width: 820px;
padding-bottom: 20px;
}
.gallery2 img {
float: left;
margin: 10px;
border: 1px solid #000;
}
.gallery3 {
margin-top: 20px;
margin-left: 20px;
width: 820px;
padding-bottom: 20px;
}
.gallery3 img {
float: left;
margin: 10px;
border: 1px solid #000;
}
.spacer {
clear: both;
}

/*footer*/

#copyright {
position: relative;
width: 100%;
height: 40px;
top: 0;
right: 0;
z-index: 10;
}
#copyright p {
font-size: 11px;
color: #666666;
text-align: right;
margin-right: 25px;
margin-top: 20px;
}
#copyright a:link, a:visited { 
color: #666666;
font-weight: bold;
text-decoration: none; 
}
#copyright a:hover, a:active {
color: #666666;
font-weight: bold;
text-decoration: underline;
}