/* --- 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;
	font-size: 80%;
	background-color: #252525;
	text-align: center;
	border-bottom:solid 0px black;
}

/*general settings for whole body of gallery and image pages*/
DIV,TH,TR,TABLE,LI,UL,FORM,BLOCKQUOTE,B,I,H1,H2,H3,H4,H5,CENTER{font-weight:normal;color:white;text-align:center;}
	P
	{
	border-bottom:solid 0px white;
	text-align:center;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	}


/*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-all
{
	background-position: #303030;
	width: 70%;
	min-width: 500px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
	text-align: center;
}
/*gallery page*/
#page-1
{
	background-position: #303030;
	width: 70%;
	min-width: 500px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
	text-align: center;
}

/*gallery page*/
#page-2 
{
	background-position: #303030;
	width: 70%;
	min-width: 500px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
	text-align: center;

}

/*gallery page*/
#page-3 
{
	background-position: #303030;
	width: 70%;
	min-width: 500px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
	text-align: center;
}

/*gallery page*/
#page-4 
{	
	background-position: #303030;
	width: 70%;
	min-width: 500px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border-left: solid 1px #969696;
	border-right: solid 1px #969696;
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
	text-align: center;
}

/*the image page*/
#imagepage
{
	width: 70%;
    min-width:850px;
	background:#303030; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	margin-top:50px;
	border-left: solid 1px #969696; 	
	border-right: solid 1px #969696; 	
	border-bottom: solid 20px ThreeDDarkShadow;
	border-top: solid 20px ThreeDDarkShadow;
}

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

/* previous/next sections on the image page */
#DIV1 table, #slideshow table
{
	width:95%;
	text-align:right; 
	padding:50px;
	font-size:12px;
	
}
.slideshow 
{
	text-align: right;
	padding: 0px 00px 0px 0px;
	margin:auto;
	height: 20px;
	border:solid 0px red;
	width:100%;

}
#slideshow table
{
	text-align: right;
	border:solid 0px red;
	height: 20px;
	padding:0px;
	margin:0px;
}
#slideshow tr
{
	text-align: right;
}

/*gallery header*/
h2 
{
    color: #CCCCCC !important;
	padding:5px;
	background-color: ThreeDDarkShadow;
	border-top: black 1px solid;
	text-align:right;
	height:25px;
    font-family: Arial!important; 
    font-size: 12px !important;
    font-weight:bold;
    margin: 0px 0px 0px 0px;
	
}

/*user desc on gallery page*/
.galleryheader
{

    color: #CCCCCC !important;
	padding:5px;
	background-color: ThreeDDarkShadow;
	border-top: black 1px solid;
	text-align:right;
	height:10px;
    font-family: Arial!important; 
    font-size: 12px !important;
    font-weight:bold;
}

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

A.header:link {color:#FFFFA4;text-decoration:none;}
A.header:active,A.header:visited {color:#FFFFA4;text-decoration:none;}
A.header:hover {color:#FFFFA4;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
{
	border-left: solid 0px #161616;
	border-right: solid 0px #161616;
	padding: 0px 5px 0px 5px;
	width:80%;	margin-left:auto;
	margin-right:auto;
	font-style:italic !important;
	text-align: left !important;
	font-size:12px !important;
}

/* the font for the image thumbnails*/
.thumbnails table
{
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

/* the font for the image thumbnails*/
.thumbnail font
{
	font-style: italic !important;
	text-align: center !important;
	font-size: 10px !important;
	color: #EDEEEF;
}

IMG.thumbnail
{
	background-color: #141414;
	padding: 0px;
	border-top: 1px solid #161616;
	border-left: 1px solid #161616;
	border-bottom: 2px solid #161616;
	border-right: 2px solid #161616;
	border-color: #141414; /*border-color: #F2F2F2;*/
}

TD.thumbnail
{
width:50%;
border:solid 1px gray;
background-color: black;
vertical-align:middle;
}

.gallery_comments
{
	border:solid 1px #161616;
	margin:20px;
	padding: 0px 0px 10px 0px;
}


/*main comment section for the gallery page*/
.gallery_comments table
{ 
	text-align: center; 

}

/* comment sections seen on gallery and image pages*/
#commentlist {
		width:100%;
	margin:0px;
	margin-bottom:5px;
		width:88%; 
	text-align: center; 
	margin: 0px;
	margin-bottom:1px;
	background-color:#303030;
border:solid 1px #161616;
	
}


#commentlist table
{
		width:87%; 
	text-align: center; 
	margin: 0px;
	margin-bottom:1px;
	background-color:#303030;
border:solid 1px #161616;
} 

#commentlist .comment 
{	

}

#commentlist table.comment {
	width:100%;
    border-bottom:#aaaaaa 1px dotted;
    text-align: center; 
    
}
#commentlist .head {
        font-size: 10pt;
        padding:2%;
}
#commentlist .from {
        font-weight:normal;
color: silver;
}
#commentlist .commands {
        text-align:center;
        font-size:100%;
}
#commentlist .date {
        font-size:100%;
        text-align: right;
}                                                                     
#commentlist .message_body
{
	font-size: 10pt;
	padding: 0px 0px 5px 10px;
	color: white;
    border:solid 0px yellow;

}
/*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:auto;
	padding:1px;
	border:solid 0px red;
}

#localmenu
{	
	text-align:left;
	
	font-size:10pt;
	position:absolute;
	top:45px;
	left:2px;
	color:#5581c0;
	font-family:verdana;

}



/* 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 {

	background: none;

}

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

/* for the comment input section image page and gallery page*/
#commententry
{
	background:#303030;
	width:90%;
	padding:0%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	border-top:solid 0px #FFFFA4;
	border-bottom:solid 0px #FFFFA4
        text-align:center;
}

.comment_section
{
	background:#303030;
	width:90%;
	padding:0%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	border:solid 1px WHITE;
        text-align:center;
}

/* for slide show gallery mode*/
#slideshow_container
{
	width: 70%;
	background:white;  
	padding-bottom:0%; 
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border:solid 1px red;
	text-align:right;
}

#slideshow_controls
{
	width: 50%;	
}


#image IMG
{
	border-top: solid 1px white;
}

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; border:solid 1px #F8F8F8; }
HR { position: relative; }


/* BLOG CSS PROPERTIES FROM PBLOG CSS */

/* Individual Image or Subgallery in Gallery */
DIV.gallery_entry-even, DIV.gallery_entry-odd {
  font-size : 12pt;
  border-style : solid;
  border-color :  #222222;
  border-width : 1px;
  border-bottom : solid 1px black;
  text-align: left;
      font-family: Arial!important; 
    font-size: 12px !important;
    font-weight:bold;
    margin:10px;
    padding:10px;
}

/* Image or Gallery Title */
DIV.title-image, DIV.title-gallery {
    font-family: Arial!important; 
    font-size: 12px !important;
    font-weight:bold;
  text-decoration : none;
}

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; }ZZ
HR { position: relative; }


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