<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title><style type="text/css">
BODY {
background-color: black;
color: white;
font-family: sans-serif;
font-size: 8pt;
text-align: center;
z-index: 0;
}IMG {
cursor: pointer;
border: 1px solid white;
}
A {
text-decoration: none;
color: #eeffff;
}
A:hover {
text-decoration: underline;
}#image {
width: 640px;
text-align: left;
}
#logo {
position: relative;
top: 90px;
left: 1px;
width: 100%;
color: white;
z-index: 100;
float: left;
}#bottombar {
position: relative;
bottom: 100px;
left: 1px;
width: 100%;
color: black;
z-index: 100;
float: left;
}
#bottombar IMG {
border: 0px;
height: 50px;
width: 50px;
-moz-opacity: .5
}
#bottombar IMG:hover {
-moz-opacity: 1;
}
#bottombar A {
color: black;
}#prevthumb {
float: left;
width: 60px;
height: 60px;
}
#prevthumb IMG {
-moz-opacity: 0.75;
width: 50px;
height: 50px;
}
#prevthumb IMG:hover {
-moz-opacity: 1;
}#nextthumb {
float: right;
width: 60px;
height: 60px;
}
#nextthumb IMG {
-moz-opacity: 0.75;
width: 50px;
height: 50px;
}
#nextthumb IMG:hover {
-moz-opacity: 1;
}.pad {
padding-left: 30px;
}
</style><script type="text/javascript" src="scripts/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/moo.fx.js"></script>
<script type="text/javascript" src="scripts/moo.fx.pack.js"></script>
<script type="text/javascript">
function hideBars() {
navbar.toggle();
logobar.toggle();
}
window.onload = function() {
logobar = new fx.Opacity('logo', {duration: 2000});
navbar = new fx.Opacity('bottombar', {duration: 2000});
window.setTimeout('hideBars()',2000);}
</script></head>
<body>
<div align="center">
<div id="image" onclick="logobar.toggle();navbar.toggle();">
<div id="logo" class="fx_Opacity">
<div style="background-color: black; -moz-opacity: .75;">
<div style="float: right; width: 20%;">
<< <IMAGE_PREVIOUS_LINK> | <IMAGE_NEXT_LINK> >><br>
</div>
<div class="pad">
<b>::</b> <a href="/notes/"><SITE_TITLE></a>
</div>
</div>
</div>
<img src="images/<IMAGE_NAME>" width="640"><br>
<div id="bottombar" class="fx_Opacity">
<div style="background-color: white;">
<div class="pad">
<div style="float: right; width: 20%;">
<< <IMAGE_PREVIOUS_LINK> | <IMAGE_NEXT_LINK> >><br>
</div>
"<IMAGE_TITLE>"
</div>
</div>
<div align="left" style="color: white; float: left; width: 390px; height: 40px; min-height: 40px; max-width: 380px; padding: 5px; background-color: black; -moz-opacity: .7;">
<IMAGE_NOTES>
</div>
<div style="text-align: right; width: 250px; max-width: 250px;float: right">
<!-- archive thumbnails -->
<IMAGE_THUMBNAIL_ROW_REV>
</div>
</div>
<div style="position: relative; bottom: 50px;">
<p>
<EXIF_CAMERA_MODEL><br />
<EXIF_EXPOSURE_TIME>, <EXIF_APERTURE>, <EXIF_FOCAL_LENGTH>, <EXIF_FLASH> <EXIF_ISO>
</p>
<p>
<SITE_PHOTONUMBER> photos | <SITE_VISITORNUMBER> visitors | <a href="<SITE_BROWSELINK>">Archive</a>
template developed by <a href="http://staticred.net/speakeasy/">darren james harkness</a>
</div>
</div>
</div></body>
</html>