/* ====================================================
   This CSS attempts to minimize the pbase-ness of the
   gallery.   

   I've cribbed heavily from webdev and Arjun Roychowdhury.
   Thanks gents!

   If you borrow  from this CSS, I would appreciate
   you crediting this page. 
   Thanks.

                                -Jeff Klofft
   ==================================================== */

/* --- 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;} 
} 

/* ----------------------------------- */

/* To take care of border-box compatibility
   issue b/w IE and FF */
* { 
 -moz-box-sizing: border-box; 
} 

/*----------------------------------------------------
  Baseline Style that ensures everything is reset
  ---------------------------------------------------- */

div,th,tr,table,li,ul,form,
blockquote,p,b,i,h1,h2,h3,h4,h5,center,title
{
  border: 0px;
  color: rgb(40,40,25);
  font: 14px garamond;  
}

font 
{
  display: block;
  font: 12px garamond; 
  letter-spacing: 0px;    
}

a,a:link,a:visited,a:active 
{
  color: rgb(250,250,235);
  text-decoration: none;

}

a:hover 
{
 color: rgb(40,40,25);
 text-decoration: none;
}

/*--------------------------------------------
  Background
  -------------------------------------------- */

body
{
  padding-bottom: 10px; 
  margin-bottom: 20px; 
  margin-top: 20px;
  background: rgb(128,128,113);
}


/*--------------------------------------------
  Heading Styles
  -------------------------------------------- */

h1,h2 
{ 
  border-style: solid;
  border-color: rgb(40,40,25);
  border-width: 2;
  background: rgb(250,250,235);  
  padding: 5px;
  position:relative;
  right: -16.66%;  
  width: 66.66%;  
  display: block; 
  color: rgb(15,15,0); 
  font: normal 24px garamond; 
  letter-spacing: 3px; 
  text-align: center; 
  height: 24px; 
}

/*.galleryheader
{ 
  color: rgb(250,250,235); 
  font: normal 14px garamond; 
  letter-spacing: 0px; 
  text-align: right;
}*/


h1:first-letter, h2:first-letter,
{  
  letter-spacing: 3px; 
  font: 36px garamond;
}


h3
{
  width: 506px;
  display: block;
  padding: 5px;
  border-style: ridge;
  border-color: rgb(15,15,0);
  border-width: 2;
  background: rgb(250,250,235);
  color: rgb(40,40,25);
  font: normal 8px arial;
  text-align: center;
  position: relative;
}


h4 
{
  color: rgb(37,37,22);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: center;
}


h5 
{
  padding-left: 2px;
  width: 150px;
  display: block;
  color: rgb(180, 180, 165);
  font-size: 12px;
  font-weight: normal;
}


/*----------------------------------------------------
  Thumbnail Styles
  ---------------------------------------------------- */

td.thumbnail font
{
  white-space: -moz-pre-wrap; /* Mozilla*/
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3  */
  word-wrap: break-word; /* IE 5.5+ */
  color: rgb(128,128,113);
}


td.thumbnail 
{ 
  padding: 0px;
  height 200px; 
}

a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 
{ 
  padding-top: 5px;
  width: 180px; 
  display: block; 
  height: 200px; 
  margin-bottom: -35px;
  -moz-border-radius-bottomright: 10px; 
  -moz-border-radius-topleft: 10px; 
}

a.thumbnail:hover		
{    
  padding-top: 3px;
  background: rgb(250,250,235);
  border: rgb(15,15,0) 2px solid;
  font-color: (15,15,0);
}


img.thumbnail 
{
/*  border: rgb(40,40,25) 1px solid; */
  horzontal-align: middle;
  vertical-align: middle;
  display:inline;
}


.thumbnails table,.thumbnails table img
{ 
  display: inline; 
} 


/*--------------------------------------------
  Picture Page Styles
  -------------------------------------------- */

.slideshow 
{
  display:block;
}


.display
{  
  display: block;
  margin-top: 20px;
/*  border-style: solid;
  border-color: rgb(128,128,113);
  border-width: 20;*/
} 

.title
{
  color: rgb(15,15,0);
  font: normal 16px garamond;
  text-align: center;
  position: relative;
}

.lid 
{
  border-color: rgb(15,15,0);
  border-style: solid;  
  border-size: 2;
  background: rgb(250,250,235);
  color: rgb(15,15,0);
  font: 10px times; 
  text-decoration: none;
}


.sb
{
  border-color: rgb(15,15,0);
  border-style: solid;  
  border-size: 2;
  background: rgb(40,40,25);
  color: rgb(250,250,235);
  font: 10px times; 
  text-decoration: none;
}

.camera,.copyright,.techinfo
{
  color: rgb(250,250,235);
  font: 12px times; 
  text-decoration: none;
}

 table{ margin-top: -20px;) 

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