/* Stylesheet by Suzy Walker - I'm going to be doing a how-to tutorial on my blog about this */


/* --- simple code to hide the menu -- */
/* -- by arjun -- https://www.pbase.com/arjunrc*/
body table td a img { display:none;} 
.thumbnails table img {display:none;}
table img {display:block;}
.display,.display img {display:block;}
.thumbnails table,.thumbnails table img, .display,p.small{display: inline;} 
body div.galleryheader table td a img {display:inline;}
/**/

/*general settings for whole body of gallery and image pages*/
BODY {
  font-family:Verdana,Tahoma,Helvetica;
  color:#333333;
  font-size:80%;
  background:#555555;
  text-align: center;
}

/*general settings for whole body of gallery and image pages*/
DIV,TH,TR,TABLE,LI,UL,FORM,BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,CENTER{font-weight:normal;color:#333333;}


/*for the Treeview*/
UL 
{
	width:70%;
	background: white;	
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:1%;
	padding-bottom:1%;
}
/*for the Treeview*/
LI 
{
	margin-left: 5%;
}


/*all tables not further defined*/
table 
{
	font-size:90%;
	margin-bottom: 1%; 
}

/*gallery page*/
#page-1 
{
	width: 70%;
        min-width:850px;
	background:white; 
	margin-left:auto;
	margin-right:auto;
}

/*the image page*/
#imagepage
{
	width: 70%;
	background:white; 
	margin-left:auto;
	margin-right:auto;
	padding-bottom:2%;
}

/*the image page also controls the table with the Post a comment on it *sigh* */
#imagepage table
{
	width: 70%;
	text-align:center; 
}

/* previous/next sections on the image page */
#DIV1 table, #slideshow table
{
	width:95%;
	text-align:right; 
}

/*gallery header*/
h2 
{
	border-top:#aaaaaa 1px solid;
	border-bottom:#aaaaaa 1px solid;
	background:white;
	font-size:150%;
	text-align:left;
	padding:2%;
	margin-left:auto;margin-right:auto;
	
}

/*user desc on gallery page*/
.galleryheader
{
	text-align:left; 
	font-size: 90%;
	color:#969696;
	padding:2%;
}

/*all the links*/
A:link {color:#5581c0;text-decoration:none;}
A:active, A:visited {color:#5581c0;text-decoration:none;}
A:hover {color:#5581c0;text-decoration:underline;}

A.header:link {color:#5581c0;text-decoration:none;}
A.header:active,A.header:visited {color:#5581c0;text-decoration:none;}
A.header:hover {color:#5581c0;text-decoration:underline;}

/* linked sub galleries on the gallery page*/
#linkedsubgalleries 
{
	text-align:center;
	font-size:80%;
	padding: 1%; 
}
#linkedsubgalleries .current {
	font-weight:normal;
}
#linkedsubgalleries .other{
	font-style:normal;
}

/* the font for the image thumbnails*/
.thumbnails font
{
	font-style:normal;
	text-align: center;
	font-size:90%;
}

/* the image thumbnails */
TD.thumbnail {
  vertical-align : top;
}
/* the :: gallery :: caption font */
TD.thumbnail b
{
	font-style:normal;
	text-align: center;
	font-size:90%;
}

/*main comment section for the gallery page*/
.gallery_comments table
{ 
	width:70%; 
	text-align: center; 
	margin-top: 2%; 
}

/* comment sections seen on gallery and image pages*/
#commentlist {
	width:70%;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
}
#commentlist table
{
	width:100%;
} 

#commentlist .comment 
{	
}

#commentlist table.comment {
	width:100%;
    border-bottom:#aaaaaa 1px dotted;
    text-align: left; 
}
#commentlist .head {
        font-size: 90%;
        padding:2%;
}
#commentlist .from {
        font-weight:normal;
}
#commentlist .commands {
        text-align:center;
        font-size:100%;
}
#commentlist .date {
        font-size:100%;
        text-align: right;
}                                                                     
#commentlist .message_body {
	font-size:90%;
    padding:2%;
    color:#969696;
}

/*the hit count section at the bottom of the gallery page when you're logged in*/
.gallery_hitcounts 
{
	font-size:80%;
	width:100%;
	text-align:center;
	margin-left:auto;margin-right:auto;
	padding: 5%;
}



/*image/gallery path list (top line) on the image page*/
#localmenu
{
	text-align:left;
	font-weight:normal;	
	font-size:90%;
}


/* image title */
h3 
{
	font-size:130%;
	text-align:center;
	font-weight:bold;
	margin-left:auto;margin-right:auto;
	width:50%;
	padding-bottom:4%;
	border-bottom: #aaaaaa 1px solid;
}

/*on the image page*/
.camera 
{
	font-weight:normal; 
	font-size:90%;
}
.exif 
{
	font-size:80%;
	font-style:normal;
	color:#808080; 
}
/*image title, camera, exif table, other sizes and copyright sections*/
#imageinfo
{
	margin-bottom:5%;	
}
/*camera, exif & exif table*/
#techinfo table
{
	width: 50%;
	text-align:left;
	margin-left:auto;
	margin-right:auto; 
	margin-top:2%;
}
/* shown on image page under the image*/
.date,.artist {font-size:95%;}

/*top line of the exif table*/
.sb 
{	
        font-size:80%;
        font-weight:bold;
        background-color:white;
        color:#808080;
        border-top:0px;
        border-left:0px;
        border-right:0px;
}
/* info cells of exif table*/
.lid,.lil{font-size:80%;color:#808080;background-color:white;border-top:0px;border-left:0px;}

/*shown on image page*/
#copyright
{
	font-style:italic;
	font-size:100%; 
}

/*the hit count section at the bottom of the image page when you're logged in*/
.image_hitcounts {
	margin-top:0%;
	margin-bottom:1%;
	padding-top:1%;
	padding-bottom:1%;
	background: white;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.image_hitcounts p{
	font-size:80%;
}

/* for the comment input section image page and gallery page*/
#commententry
{
	background:white;
	width:66%;
	padding:2%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
}



/* for slide show gallery mode*/
#slideshow_container
{
	width: 70%;
	background:white;  
	padding-bottom:2%; 
	margin-left:auto;
	margin-right:auto;
}

#slideshow_controls
{
	width: 50%;	
}

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