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

Version 4:
----------
New Image display, with white border around the image and a black border around that.

New look for thumbnails, wanted them to resemble mounted slides,
and also pictures mounted on a wall.
Did this with:
- boxes around the thumbnail table cells.
- border around the thumbnail image using style 'double'

This stylesheet also has definitions for my profile page.

This stylesheet has been tested in IE and Firefox,
and validated with the w3c.org css validator.
You are welcome to use it if you like it.
Thanks to arjun for the code below to hide the menu.
*/

/* --- simple code to hide the menu -- */
/* -- by arjun -- */
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;}

.caption
{
  font-size : 10pt;
  color : #404040;
  font-style : italic;
}

.galleryheader
{
  text-align: center;
}

BODY
{
  font-family: Verdana, Tahoma, Helvetica;
  background : white;
  color: black;
  font-size: 9pt;
  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: 9pt; 
  color: #404040;
}

font
{ 
  font-family: Verdana, Tahoma, Helvetica;  
  color: #404040;
  background-color: white;   
  letter-spacing: 3px; 
  font-size: 8pt;
}

h2
{ 
  font-size: 22px;
  font-weight: normal; 
  text-align: center;
  letter-spacing: 10px; 
  padding-top: 15px;
  padding-bottom: 15px; 
  margin-left: 0px;
  margin-right: 0px; 
  background-color: #505050;
  color: white;
}


A, TD.A, A:link 
{
  color:           #000080;
  background-color: white; 
  text-decoration: none;
}

A:hover
{ 
  color: #0000ff; 
  background-color: white;
  text-decoration: underline; 
}

A:visited 
{
  color: #000050; 
  background-color: white;
} 

A:active 
{ 
  color: blue; 
  background-color: white;
}

TD.thumbnail 
{
  vertical-align : middle;
  color: white;
  background : white;
  text-align: center; 
  border-style : solid;
  border-width : 1px;
  border-color : #aaaaaa;
  width: 160px;
  max-width: 160px;
}

img.thumbnail
{
  border-style : double;
  border-width : 4px;
  border-color : #aaaaaa;
}

IMG.display 
{
  border: 18pt solid white;
} 

.image td a 
{
  display: block; 
  border: 1pt solid black;
} 

.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:12pt;
        font-weight : bold;
        color : #000000;
        background-color : #505050;
}
.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: bold;
  font-size: 9pt;
  padding: 1px;
}                                                                                
#commentlist .message_body 
{
  color: #404040;
  background-color: white;
  font-size: 9pt;
  border-bottom:#aaaaaa 1px solid;
  padding: 1px;
}

.location
{
  font-size: 10pt;
  text-align: center;
}

.thumbnails 
{ 

   background-image:url(https://www.pbase.com/pgilston/image/82580059/original.jpg); 
   background-position:bottom center; 
   background-repeat:no-repeat; 
   padding-bottom:25px; 
}

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