Version 3:
----------
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 :  #efefef;
  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:  #efefef;   
  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:  #efefef;
}


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

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

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

A:active 
{ 
  color:  blue; 
  background-color:  #efefef;
}

TD.thumbnail 
{
  vertical-align : middle;
  color:  #ffffff;
  background :  #ffffff;
  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;
}

.display
{
  border-style : solid;
  border-width : 1px;
  border-color :  #000000;
}

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

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


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