A:link, A:visited, A:active { 
    text-decoration: none;
    color : #999;
}

#frame {
    display:block;
    border: 1px solid #111;    /* colour of line around all interesting stuff */
    margin: 20px auto 5px auto;
    background-color:black;    /* background color behind thumbnails or images */
    /*width: 1050px;      /* width of frame around everything. Limits you to 1000 px wide images. */
}

#vertical-fill {
    height; 100%;
}

/* #####  preview stuff */

.preview
{
	position: absolute;
	visibility: hidden;
    background-color: #111;
	padding: 10px;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.previewimage {
    border: 2px solid grey;
}

/* text below preview */
.previewtext {
	margin: 0px;
	padding: 2px;
	text-align: left;
	font-size: .7em;
    color: #999;
    background-color: #111;
    max-height: 3.3em;
    min-height: 0px;
    overflow: hidden;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}



/* #####  thumbnail stuff */


#thumbnailBlock
{
    margin: 0px;
    clear: left;
}

#thumbnailBlock table 
{
    margin: 0px auto;
}

.thumbnail
{
	margin: 7px;  
	width: 102px;   /* 100 for image + 2 for border */
	height: 102px;
}

/* turn off text decoration any text below the a (the preview text) */
.thumbnail a {
	text-decoration: none;
}

.thumbnailimage
{
    border: 1px solid grey;
    
    /* opera friendly version. must be display: block so onload runs, have to start out off screen.*/
    /*
    display: block;
    position: absolute;  
    left = -200px;
    top = -200px;
    */
    
    /* for everyone else */
    /* */
    display: none;   
    position: relative;   
    /* */
}


/* #####  full image stuff */

.fullimagetable {
    margin: 0px auto 0px auto;
}

/* full size photo on full image page */
.fullimage
{
	margin: 10px auto;
    border: 2px solid grey;
}

/* text in large image page */
.descriptionblock {
    max-width: 700px;
    margin:0px auto;
    background-color: #050505;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.fullimagedescription
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: .8em;
    color: #999;
}




/* ##### STANDARD STYLES, general inheritance to other elements ##### */

html
{
    height: 100%;
}

body
{
    height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #bbb;
	background-color: #050505;
}




/* ##### HEADER STYLES, controls site title and photo title ##### */


.titleblock {
    margin:2px;
    background-color: #000;   /* backgroud colour behind title text. */
}

h1
{
	color: #ddd;
    font-weight: normal;
	font-size: 1.5em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, sans-serif;

}

h2
{
	font-size: .9em;
	font-weight: normal;
	margin: 0px 0px 2px 15px;
	padding: 0;
	color: #bbb;
}



/* ##### GENERAL NAVIGATION STYLES, controls previous & next number menu between pages ##### */

/* Index page stuff. */

.navblockIndex {
    background-color: #000;
    height: 15px;
    margin: 0px auto 10px auto;
	text-align: center;
	font-size: .9em;
}

.pagination a, .pagination a:visited
{
	color:#aaa;
	text-decoration: none;
	margin: 0px 4px 0px 4px;
	padding-bottom:1px;
}
.pagination a:hover, .pagination a:active
{
	color: #eee;
	margin: 0px 4px 0px 4px;
	text-decoration: none;
}

.CurrentPage /* Conflicts with detail page stuff? */
{
	color: #ddd;
	margin: 0px 4px 0px 4px;
}


.previous { white-space: pre; width: 11px; height: 15px;}
.previous a { background: url("../img/previous.gif") no-repeat left center; padding:0 4px 1px 4px; text-decoration: none;}
.previous a:hover { background: url("../img/previous_active.gif") no-repeat left center; padding:0 4px 1px 4px; text-decoration: none;}
.previous_text {display: none;}

.next { white-space: pre; width: 15px; height: 15px;}
.next a { background: url("../img/next.gif") no-repeat left center;  padding:0 4px 1px 4px; text-decoration: none;}
.next a:hover { background: url("../img/next_active.gif") no-repeat left center;  padding:0 4px 1px 4px; text-decoration: none;}
.next_text {display: none; text-decoration: none; }


/* detial and general */

.navblockDetail {
    background-color: #111;
    display: block;
    width: 150px;
    margin: 0px auto;
}

ul#nav
{
	display: block;
	padding: 0;
	font-size: .9em;
	list-style: none;
}
ul#nav li
{
	padding: 0; 
	float: left;
	display: block;
	list-style: none;
}
ul#nav li a, ul#nav li a:visited
{
	text-decoration: none;
	color:#aaa;
	padding-bottom:0px;
}
ul#nav li a:hover, ul#nav li a:active
{
	color: #eee;
	text-decoration: none;
}


ul#nav .index { width:45px; padding-left: 5px; text-decoration: none;}

ul#nav .previous { white-space: pre; width: 11px; height: 15px;}
ul#nav .previous a { background: url("../img/previous.gif") no-repeat left center; padding:0 4px 0px 4px;}
ul#nav .previous a:hover { background: url("../img/previous_active.gif") no-repeat left center; padding:0 4px 0px 4px;}
ul#nav .previous_text {display: none;}

ul#nav .pageNumber { text-align: center; width: 74px; }

ul#nav .next { white-space: pre; width: 15px; height: 15px;}
ul#nav .next a { background: url("../img/next.gif") no-repeat left center;  padding:0 4px 0px 4px;}
ul#nav .next a:hover { background: url("../img/next_active.gif") no-repeat left center;  padding:0 4px 0px 4px;}
ul#nav .next_text {display: none; text-decoration: none; }


/* ########## */
/* ##### FOOTER STYLES, controls copyright and other info at bottom of each page ##### */

#copyright
{
	padding: 0px 0px 0px 0px;
	clear: both;
    font-size: .76em;
    display:block;
    margin: 0px auto;
    text-align: center;
	color: #444;
    /*width:1040px;*/
    font-family: Futura, "GillSans", "Gill Sans", Helvetica, Arial, Verdana, sans-serif;
}