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 colour behind thumbnails or images */
}

#vertical-fill {
    height; 100%;
}


/* standard stuff */

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;
}

.titleblock {
    margin:2px;
    background-color: #000;   
}

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;
}




/* preview */

.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 images */


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

#thumbnailBlock table  {
    margin: 0px auto;
}

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

.thumbnail a {
	text-decoration: none;
}

.thumbnailimage {
    border: 1px solid grey;
    display: none;
    position: relative;   
}


/* full size images */

.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;
}



/* 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 { 
    color: #111;
    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;
}


/* detail  */

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

.navblockDetail a:hover, a:active {
    color:#FFF;
}

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:#888;
	padding-bottom:0px;
}

ul#nav li a:hover, ul#nav li a:active {
	color: #AAA;
}

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

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

ul#nav .next_text {
    display: none; 
    text-decoration: none; 
}


/* footer and copyright */

#copyright {
	padding: 10px 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;
}