/* 

This stylesheet has been tested in IE, Firefox and Safari and validated with the w3c.org css validator.

Very big thanks to https://www.pbase.com/flemmingbo for basis of the stylesheet.


Thanks to Arjun - https://www.pbase.com/arjunrc - for the code below to hide the menu.

*/

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



BODY

{

  font-family: Verdana, Tahoma, Helvetica;

  background: #323232;

  color: rgb(100, 100, 100);

  font-size: 8pt;

  text-align: center;

}



DIV,TH,TR,TABLE,LI,UL,FORM,

BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5, CENTER

{

  font-family: Verdana, Tahoma, Helvetica;

  font-size: 8pt; 

  font-weight: normal;

  color: rgb(200, 200, 200);

}



font

{ 

  font-family: Verdana, Tahoma, Helvetica;  

  color: rgb(200, 200, 200);

  font-size: 8pt;

}



/* Gallery title */

h2

{ 

  border-top: rgb(100, 100, 100) 1px solid;

  font-size: 22px;

  letter-spacing: -0.7px;

  font-weight: normal; 

  text-align: left;

  padding-top: 15px;

  padding-bottom: 10px; 

  margin-left: auto;

  margin-right: auto; 

  background-color: rgb(50,50,50);

  color: rgb(54,50,47);

  color: rgb(200,200,200);

  width:800px;

  font-variant: normal;

}



A, TD.A, A:link, A:visited, A:active

{

  color: rgb(250,250,250);

  text-decoration: none;

}



A:hover

{ 

  color: rgb(95, 48, 21);

  text-decoration: underline; 

}



TD.thumbnail 

{

  vertical-align : middle;

  background : rgb(54,54,54);

  text-align: center; 

  border-left: rgb(85,85,85) 1px solid;

  border-top: rgb(85,85,85) 1px solid;

  border-right: rgb(65,65,65) 1px solid;

  border-bottom: rgb(65,65,65) 1px solid;

  width: 160px;

  max-width: 160px;

}



TD.thumbnail font

{

  color: rgb(160,160,160);

  font-size:8pt;

}



img.thumbnail

{

  margin-bottom: 6px;

}



IMG.display 

{

  border: 1px solid rgb(212,205,202);

  vertical-align:top;

} 



.image td a 

{

  display: block; 

  border: 28px solid rgb(20,20,20);

} 



.image table

{

  margin-top:15px

}



.galleryheader

{

  text-align: center;

}



.sp {

        font-size:20pt;

        font-weight : bold;

        color : #ffffff;

        background-color : #505050;

}

.ma {

        font-size:14pt;

        font-weight : bold;

        color : #ffffff;

        background-color : #205050;

}



.sb 

{

        font-size: 7pt;

        font-weight : normal;

        color : #808080;

        background-color : white;

        border: 0;

}



.lid, .lil

{ 

  font-size: 7pt;

  color : #808080; 

  background-color : white; 

  border-top: 0px;

}



.mi {

        font-size:10pt;

        color : #ffffff;

        background-color : #505050;

}

.co {

        color : #ffffff;

        background-color : #505050;

}

.me {

	text-align : left;

	color : #000000;

	background-color : #ffffff;

}

.wb { 

        font-size: 10pt; 

        color: #000000; 

        background-color: #FFFFFF; 

        font-weight: normal

}



#commentlist .from, #commentlist .date, #commentlist .commands, #commentlist A

{

  color: rgb(120,120,120);

  background-color: rgb(50,50,50);

  font-weight: normal;

  font-size: 7pt;

  padding: 1px;

}                                                                                



#commentlist

{

  width:606px;

  margin-top: 10px;

  margin-left:auto;

  margin-right:auto;

}



.comment_section

{

  margin-top:30px;

  width:506px;

  margin-left:auto;

  margin-right:auto;

  border-top: rgb(120,120,120) 1px solid; 

} 



#commentlist table.comment

{

  width:100%;

}



#commentlist .date

{

  color: rgb(150, 150, 150);

  font-size: 6pt;

  display:block;

}





#commentlist .message_body 

{

  color: rgb(180, 180, 180);

  background-color: rgb(50, 50, 50);

  font-size: 7pt;

  border-bottom: rgb(90, 90, 90) 1px solid;

  padding: 1px;

}



#inline_slideshow

{ 

  border-style : single;

  border-width : 1px;

  border-color : rgb(80,80,80);



}



#linkedsubgalleries

{

  font-size: 7pt;

  font-style: normal;

  text-align:left;

  width:750px;

  margin-right:auto;

  margin-left:auto; 

}



#linkedsubgalleries .other a

{

  font-style: normal;

}



#linkedsubgalleries .current

{

  font-weight:normal;

}



/* othersizes, camera, exif, techinfo div and date  and artist - all the information below the photo */

.othersizes 

{

  font-size: 8pt;

  color: #808080;

}



#othersizes

{

  position:relative;

  top:60px;

  width: 500px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

}



#othersizes a

{

  color: rgb(100,100,100);

}



.camera, .exif

{

  font-size: 8pt;

  font-style: normal;

  color: #808080;

}



#techinfo

{

  position:relative;

  top:64px;

  color: rgb(100,100,100);

  width: 500px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

}



#techinfo a

{

  color: rgb(100,100,100);

}



/*

.date,.artist 

{

  font-size: 8pt;

  font-weight: normal;

}

*/



.date 

{

  display:none;

  font-size: 6pt;

  font-weight: normal;

  color:white;

}



.artist

{

  position:relative;

  top:-50px;

  left:-35px;

  font-size: 8pt;

  font-weight: normal;

  color:rgb(210,210,210);

}





/* title of images */

.title

{

  font-weight: normal;

  font-size: 22px;

  letter-spacing: -1px;

  margin-top:2px;

  margin-bottom:0px;

  font-variant:normal;

  width: 500px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

}



/* location of image */

.location

{

  font-size: 14px;

  font-weight: normal;

  letter-spacing: 0px;

  color : #505050;

  width: 500px;

  text-align:left;

  margin-left:auto;

  margin-right:auto;

  margin-top:8px;

  margin-bottom:6px;

}



H3 .location

{

  height:auto;

  overflow:hidden;

  margin-left:0px;

  margin-right:0px;

  margin-top:0px;

  margin-bottom:0px;

}



/* image caption */

.caption

{

  font-size : 8pt;

  color : #909090;

  font-style : normal;

  margin-left:auto;

  margin-right:auto;

  margin-top:8px;

  margin-bottom:12px;

  width: 500px;

  text-align:left;

}



/* title of gallery thumbnails */

.thumbnail b

{

  font-size: 8pt;

  color: rgb(100,100,100);

  font-weight: normal;

  font-variant:normal;

}



/* localmenu td a and treepath controls the top left text, that is my name + the link and treepath after that */

#localmenu td

{

  font-family: Verdana, Tahoma, Helvetica;

  font-size: 8pt; 

  font-weight: normal;

  font-variant:normal;

}



#localmenu a

{

  font-weight: normal;

}



#localmenu 

{

  text-align:left;

}



.treepath

{

  font-size: 10px; 

  font-weight: normal;

  font-variant:normal;

}



/* controls the previous and next links */

#slideshow

{

  position:relative;

  top:-2px;

}



#slideshow a, .filler

{

  font-weight: normal;

  font-size: 9px;

  color: rgb(100,100,100);

}



/* This hides the 'click here for thumbnails' text' */

.gallery_hitcounts

{

  display:none;

}



/* a class for my own gallery header images */ 

.gallerytitleimage

{

  border: rgb(120,120,120) 1px solid;

}



/* I use the copyright part for a graphic "Buy Now" with a link and this  moves it above the exif info */

#copyright

{

  position:relative;

  top:-78px;

  margin-bottom:30px;

}



#copyright img

{

  border:0;

}



.copyright p

{

  width: 500px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

  border-bottom:1px solid rgb(100,100,100);

  padding-bottom:16px;

}



#mygallerycaption

{

  width:750px;

  border-bottom: 1px solid rgb(100, 100, 100);

  text-align:left;

  margin-left:auto;

  margin-right:auto;

_padding-bottom:8px;

}



#buynow

{

  width:750px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

_padding-top:8px;

}



#buynow img

{

  margin-bottom:6px;

}





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