/* DIGITAL NUTS CSS: GALLERY PAGES  */
/* DESIGNED BY BRIAN TAYLOR         */
/* WWW.PBASE.COM/BRTAYLOR62         */

/* NULLIFY DEFAULT STYLES USED BY PBASE */
/* SUBSEQUENT STYLES THEN REFINE EACH PARAMETER */
	DIV,TH,TR,TABLE,LI,UL,FORM, TB
	BLOCKQUOTE,I,H1, H2, H3, H4,H5,CENTER,TITLE {
	  font: 14px Verdana, Tahoma, Helvetica, sans-serif;
	  color : #FFFFFF;
	  background : #000000;
	  border: 0px;
	}

/* SET THE DEFAULT FONT */
	FONT {
		display: block;
		color: rgb(91, 91, 101);
		font: 14px Verdana, Tahoma, Helvetica, sans-serif;
		letter-spacing: 0px;
	}

/* DEFINE LINK BEHAVIOR */
	A, A:LINK,A:VISITED,A:ACTIVE { 
		color: rgb(204, 204, 255); 
		font-weight: bold;
		text-decoration: none; 
	} 
	A:HOVER {
		color: rgb(255, 102, 0);
		text-decoration: underline;
	}


/* MAIN BODY PAGE */
	BODY {
		padding-bottom: 10px; 
		margin-bottom: 20px; 
		margin-top: 20px;
		background: #000000;
		font-size: 14px;
		margin-top: 0px; 
		scrollbar-face-color: #666666;
		scrollbar-shadow-color: #000000;
		scrollbar-highlight-color: #dddddd;
		scrollbar-3dlight-color: #ffffff;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #000000;
		scrollbar-arrow-color: #ffcc00;
	}

/* HEADER STYLES */
	h1{
	}
	h2 {
		display: block;
		background: #000000;
		color: #FFFFFF;
		text-transition:capitalize;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 26px;
		border-left: 1px none;
		border-right: 1px none;
		border-top: gold 3px ridge;
		border-bottom: gold 3px ridge;
		padding: 0px 0px 4px 0px;
		margin-bottom: 1px;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		width: 100%;
		height: 30px;
		letter-spacing: 6px;
		word-spacing: 5px;
		text-align: center;
		position: relative;
	}
	h3 {
		display: block;
		background: #000000;
		color: #FFFFFF;
		font-variant: normal;
		font-weight: bold;
		font-size: 12px;
		border-left: 1px none;
		border-right: 1px none;
		border-top: rgb(95, 121, 216) 0px solid;
		border-bottom: gold 3px ridge;
		padding: 4px 0px 0px 0px;
		margin-bottom: 1px;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		width: 100%;
		height: 38px;
		letter-spacing: 1px;
		word-spacing: 1px;
		text-align: center;
		position: relative;
	}
	h4 {
		display: block;
		background: #000000;
		color: #FFFFFF;
		font-variant: normal;
		font-weight: normal;
		font-size: 12px;
		border-left: 1px none;
		border-right: 1px none;
		border-top: rgb(95, 121, 216) 0px solid;
		border-bottom: gold 3px ridge;
		padding: 4px 0px 0px 0px;
		margin-bottom: 1px;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		width: 100%;
		letter-spacing: 1px;
		word-spacing: 1px;
		text-align: center;
		position: relative;
	}
	h5 {
	}

/* GALLERY STYLE */
/* Set format for multi-image gallery page */
/* Controls appearance of instructions underneath gallery title (set as H2) */
/* Note: Image contributions and current week Mod text are set as H4 */
	/* Text header for gallery page */
	.galleryheader {
		display: block;
		color: #FFFFFF;
		font-family: Verdana, Tahoma, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		width: 100%;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}

	/* Display of all Thumbnails on Gallery Page */
	td.thumbnail {
		height: 255px;
		width: 194px;
		background: rgb(0,0,0);
		border: rgb(255,255,255) 1px solid;
		border-collapse: collapse;
		empty-cells: show;
		padding: 20px;
	}
	/* Display of Individual Thumbnail on Gallery Page */
	td.thumbnail font {
		font-family: Verdana, Tahoma, Helvetica, sans-serif;
		font-size: 11px;
		color: #ccccff;
		font-weight: normal;
		vertical-align: middle;
	}
	img.thumbnail {
		display: block;
		border: rgb(0, 0, 0) 0px none;
		margin: 1px;
		padding-top: 10px;
		vertical-align: top;
	}
	A.THUMBNAIL, A.THUMBNAIL:LINK, A.THUMBNAIL:VISITED, A.THUMBNAIL:ACTIVE {
		display: block;
		background: rgb(70,70,70);
		border: 	RGB(0,0,0) 1px solid;
		margin: 2px;
		padding: 10px;
		width: 180px;
		height: 200px;

		/* Old hack? obsolete?
				 -moz-border-radius-bottomright: 10px; 
				 -moz-border-radius-topleft: 10px; */
	}
	A.THUMBNAIL:HOVER {
		display: block;
		background: rgb(38, 38, 38);
		border: #ccccff  1px solid;
		margin: 2px;
		padding: 10px;
		width: 180px;
		height: 200px;
	}
	
/* IMAGE DISPLAY FORMAT */
	/* Entire Page */
		#imagepage {
			border: #000000 0px solid;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
	/* Local Menu */
		#imagepage .localmenu {
			background: #000000;
			border: #000000 0px none;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;

		}
		.localmenu table {
			background: #000000;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 4px;
			padding-bottom: 0px;
		}
		.localmenu td {
			background: #000000;
			font-family: Verdana, Tahoma, Helvetica, sans-serif;
			font-size: 16px;
			color: #ccccff;
			font-variant: small-caps;
			font-weight: bold;
			border-top: rgb(0,0,0) 1px none;
			border-left: rgb(0,0,0) 1px none;
			border-right: rgb(0,0,0) 1px none;
			border-bottom: rgb(0,0,0) 1px none;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.treepath {
			color: #FFFFFF;
		}
	/* Previous/Next links */	
		#slideshow table {
			background: #000000;
			border-left: black 0px solid;
			border-right: black 0px solid;
			border-bottom: black 0px solid;
			border-top: Gold 2px ridge;
			margin-bottom: 10px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-right: 0px;
			padding-left: 0px;
			padding-top: 0px;
			padding-bottom: 4px;
			text-align: center;
		}
		#slideshow td {
			background: #000000;
			font-family: Verdana, Tahoma, Helvetica, sans-serif;
			font-size: 10px;
			color: #ccccff;
			font-variant: small-caps;
			font-weight: bold;
			margin-bottom: 4px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-right: 0px;
			text-align: center;
		}
	/* Image Properties */
		.display{
			border: rgb(0, 0, 0) 0px solid;
		}
	/* Image Info Area (include title, date, artist, slideshow, othersizes */
		#imagepage .image {
			border-top: rgb(0,0,0) 0px solid;
			border-left: rgb(0,0,0) 0px solid;
			border-right: rgb(0,0,0) 0px solid;
			border-bottom: rgb(0,0,0) 0px solid;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
		}
		#imageinfo {
			border-top: rgb(0,0,0) 1px none;
			border-left: rgb(0,0,0) 1px none;
			border-right: rgb(0,0,0) 1px none;
			border-bottom: rgb(0,0,0) 1px none;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
		}
	/* Image Title, Artist, Date */
		#imageinfo .title {
			display: block;
			background: #000000;
			color: gold;
			font-variant: normal;
			font-family: Verdana, Tahoma, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: normal;
			border-top: #000000 0px none;
			border-left: #000000 0px none;
			border-right: #000000 0px none;
			border-bottom: #000000 0px none;
			padding: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			text-align: center;
		}
		td.commands{
			font-size: 10px;
		}
		.date {
			color: #FFFFFF;
			font-size: 12px;
		}
		.artist {
			color: #FFFFFF;
			font-size: 12px;
		}
	/* Workflow Section */
		.imagecaption {
			border-top: rgb(0,0,0) 1px none;
			border-left: rgb(0,0,0) 1px none;
			border-right: rgb(0,0,0) 1px none;
			border-bottom: rgb(0,0,0) 1px none;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 0px;
			padding-bottom: 10px;
		}
		p.caption {
			color: #BDB76B;
			font-size: 12px;
			font-style: italic;
			padding: 0px, 10px, 0px, 0px;
			text-align: center;
		}
	/* Hide Exif information */
		.techinfo {
			display: block;
		}
	/* Imagesize Display */
		 #othersizes {
			display: block;
			background: rgb(0,0,0);
			border-left: rgb(0,0,0) 0px none;
			border-right: rgb(0,0,0) 0px none;
			border-top: rgb(0,0,0) 0px none;
			border-bottom: rgb(0,0,0) 0px none;
			font-size: 12px;
			padding: 0px 0px 4px 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
		 }
		 #othersizes .othersizes {
			background: rgb(0,0,0);
			border-left: rgb(0,0,0) 0px solid;
			border-right: rgb(0,0,0) 0px solid;
			border-top: rgb(0,0,0) 0px solid;
			border-bottom: rgb(0,0,0) 0px solid;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px 0px 0px 0px;
		 }
		 #copyright{
			border-top: rgb(0,0,0) 1px none;
			border-left: rgb(0,0,0) 1px none;
			border-right: rgb(0,0,0) 1px none;
			border-bottom: rgb(0,0,0) 1px none;
		 }

/*
	 td.imagepage {
		display: block;
		background: rgb(0,0,0);
		border-bottom: rgb(95, 121, 216) 3px ridge;
		font-size: 12px;
		padding: 0px 0px 10px 0;
	 }
*/


/* COMMENT STYLE */
/* Comment format */
/* Message Body */
	td.message_body {
		background-color: #000000;
		color: #FFFFFF;
		padding-bottom: 10px;
	}
	td.from {
		font: 12px Verdana, Tahoma, Helvetica, sans-serif;
		font-weight: bold;
	}
	.gallery_comments {
		width: 100%;
	}
	#commentlist {
		margin-left : 1px;
		margin-right : 1px;
	}
	#commentlist .comment {
		margin-bottom : 3px;
		border-width : 0;
		border-style : solid;
		border-color : #666666;
		padding : 1px;
	}
	#commentlist table.comment {
		width : 95%;
	}
	#commentlist .head {
		font-size : 12px;
	}
	#commentlist .from {
		font-weight : bold;
		padding : 1px;
	}
	#commentlist .commands {
		text-align : left;
		font-size : 12px;
	}
	#commentlist .date {
		padding : 1px;
	}
	#commentlist .message_body {
		font-size : 14px;
		padding : 1px;
	}
	#commententry {
		margin-left : 1px;
		margin-right : 1px;
	}

	tr.body {
		margin-left: 1px;
		margin-right: 1px;
		height: 16px;
	}
	td.date {
		color: #ccccff;
		font: 12px Verdana, Tahoma, Helvetica, sans-serif;
		font-weight: bold;
	}
	td.commands {
		color: #ccccff;
		font: 12px Verdana, Tahoma, Helvetica, sans-serif;
		font-weight: bold;
	}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }