/* 
Flemming Bo Jensen Photography - stylesheet
===============================
https://www.pbase.com/flemmingbo

Version of 4 FEB 2008
----------
This stylesheet has been tested in IE, Firefox and Safari and validated with the w3c.org css validator.
You are welcome to use it if you like it but I would like to be credited.

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 : #AAAAAA;
  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(100, 100, 100);
}

font
{ 
  font-family: Verdana, Tahoma, Helvetica;  
  color: rgb(100, 100, 100);
  font-size: 8pt;
}

/* Gallery title */
h2
{ 
  border-top: rgb(230, 230, 230) 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: white;
  color: rgb(54,50,47);
  color: rgb(100,100,100);
  width:750px;
  font-variant: normal;
}

A, TD.A, A:link, A:visited, A:active
{
  color: rgb(100,100,100);
  text-decoration: none;
}

A:hover
{ 
  color: rgb(95, 48, 21);
  text-decoration: underline; 
}

TD.thumbnail 
{
  vertical-align : middle;
  background : rgb(250,249,248);
  text-align: center; 
  border-left: rgb(225,225,225) 1px solid;
  border-top: rgb(225,225,225) 1px solid;
  border-right: rgb(205,205,205) 1px solid;
  border-bottom: rgb(205,205,205) 1px solid;
  width: 160px;
  max-width: 160px;
}

TD.thumbnail font
{
  color: rgb(100,100,100);
  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(54,50,47);
} 

.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 : #505050;
}

.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 
{
  color: #404040;
  background-color: white;
  font-weight: normal;
  font-size: 8pt;
  padding: 1px;
}                                                                                

#commentlist
{
  width:506px;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
}

.comment_section
{
/*  margin-top:20px;
  border-top: rgb(220,220,220) 1px solid; */
}

#commentlist table.comment
{
  width:100%;
}

#commentlist .message_body 
{
  color: rgb(100, 100, 100);
  background-color: white;
  font-size: 8pt;
  border-bottom: rgb(230, 230, 230) 1px solid;
  padding: 1px;
}

#inline_slideshow
{ 
  border-style : double;
  border-width : 4px;
  border-color : #aaaaaa;
}

#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:left;
  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:left;
  margin-left:auto;
  margin-right:auto;
}

#techinfo a
{
  color: rgb(100,100,100);
}

.date,.artist 
{
  font-size: 8pt;
  font-weight: normal;
}

/* 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:left;
  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 : #505050;
  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(230,230,230) 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:left;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px solid rgb(230,230,230);
  padding-bottom:16px;
}

#mygallerycaption
{
  width:750px;
  border-bottom: 1px solid rgb(230, 230, 230);
  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; }