/*
minimal pale
*/

BODY
{
  font-family: optima, candera, Helvetica, gill sans, sans-serif;
  background : white;
  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: optima, candera, Helvetica, gill sans, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: rgb(100, 100, 100);
}

font
{
  font-family: optima,candera, Helvetica, gill sans, sans-serif; 
  color: rgb(100, 100, 100);
  font-size: 8pt;
}

/*  Gallery title top line:  #0c0c0c  rgb(12, 12, 12);
*/
h1
{
  margin-bottom: -5px;
  margin-left:18px;
  margin-top: 25px;
  color: rgb(150,150,150);
  font: optima, candera, Helvetica, gill sans, sans-serif;
  font-size: 17.5px;
  letter-spacing: 19px; 
  height: 18px;

}

/* Gallery title 2nd line - note use h1 or h2 styles
*/
h2
{
  margin-bottom: 14px;
  color: rgb(150,150,150);
  font: optima, candera, Helvetica, gill sans, sans-serif;
  font-size: 29px;

  letter-spacing: 15px; 
  height: 20px;

}


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

A:hover
{
  color: rgb(128, 0, 0);
  text-decoration: underline;
}

TD.thumbnail
{
  vertical-align : middle;
  background : rgb(240,240,240);
  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: 1px solid rgb(204,204,204);
}

.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 : normal;
        color : #ffffff;
        background-color : #505050;
}

.sb
{
        font-size: 8pt;
        font-weight : normal;
        color : #808080;
        background-color : rgb(202,202,202);
        border: 0;
}

.lid, .lil
{
  font-size: 7pt;
  color : #808080;
  background-color : rgb(250,250,250);
  border-top: 0px;
  border-left: 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: white;
  font-weight: normal;
  font-size: 7pt;
  padding: 10px;
}                                                                               

#commentlist
{
  width:606px;
  margin-top: 10px;
  margin-left:auto;
  margin-right:auto;

}

.comment_section
{
  margin-top:10px;
  width:100%;
  margin-left:0px;
  margin-right:auto;
  border-top: rgb(235,235,235) 1px dotted;

}

#commentlist table.comment
{
  width:100%;
margin-left:0px;

}

#commentlist .date
{
  text-align: left; 
  color: rgb(150, 150, 150);
  font-size: 6pt;
  color: rgb(120,120,120);

}


#commentlist .message_body
{
  color: rgb(150, 150, 150);
  background-color: white;
  font-size: 8pt;
border-top: rgb(205,205,205) 1px dotted;
   background-color: rgb(252,252,252);
  padding: 1px;
}

}
#commentry {
  width:100%;
   margin-left: 60px;
   margin-right: auto;

}

#inline_slideshow
{
  border-style : double;
  border-width : 0px;
  border-color : #aaaaaa;
  border-bottom: rgb(205,205,205) 1px dotted;

}

#linkedsubgalleries
{
  font-size: 7pt;
  font-style: normal;
  text-align:center;
  margin-right:auto;
  margin-left:auto;
}

#linkedsubgalleries .other a
{
  font-style: normal;
}

#linkedsubgalleries .current
{
  font-weight:bold;
}

/* 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:8px;
  width: 606px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#othersizes a
{
  color: rgb(200,200,200);
}

.camera, .exif
{
  font-size: 7pt;
  font-style: normal;
  color: #808080;
  width: 206px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#techinfo
{
  position:relative;
  top:14px;
  color: rgb(100,100,100);
  width: 606px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

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

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

#techinfo table
{
   width: 606px;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
   margin-top:2%;
}

.date
{
  display:none;
  font-size: 6pt;
  font-weight: normal;
  color:white;
}

.artist
{
  position:relative;
  font-size: 8pt;
  font-weight: normal;
  color:rgb(240,240,240);
}


/* title of images */
.title
{
  font-weight: normal;
  font-size: 22px;
  letter-spacing: -1px;
  margin-top:2px;
  margin-bottom:0px;
  font-variant:normal;
  width: 606px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  padding-top:4px;
_padding-top:12px;
}

/* location of image */
.location
{
  font-size: 11pt;
  font-weight: normal;
  letter-spacing: 0px;
  color : #606060;
  width: 606px;
  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 : #707070;
  font-style : normal;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:12px;
  width: 606px;
  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: optima, Helvetica, gill sans, sans-serif;
  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*/
#DIV1 table, #slideshow table
{
  margin-top:17px;
  margin-left:30px;
  margin-right:auto;
  width:0px;
  text-align:left;

}

.copyright
{
  color: rgb(200,200,200);
  width: 800px
  text-align:left;
  margin-left:20px;
  padding-top:15px;
  margin-right:auto;
  font-size: 8pt;
  font-weight: normal;
  border-top:1px dotted rgb(230,230,230);
  padding-bottom:0px;
}

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