/* For Picture gallery & individual picture pages */

.thumbnail { 
           text-align: center;
           float: left;
           display: inline;
           width: 200px; /* I don't like hard-coding pix, but the */
                            /* thmbs are consistent sizes */ 
           height: 230px;
           padding-top: 1ex;
           }

div.thumbnail p.caption { font-style: italic;
                         font-size: smaller;
                         padding: 1ex;
}

div.thumbnail p.title { font-weight: bold;
                         font-size: small;
}

body.picture-page h1.title, body.photo-gallery h1.title { 
           text-align: center;
           border-bottom: thin solid black;
           margin-top: 1em;
           padding-bottom: 1ex;
 }

p.caption {
            font-style: italic;
            font-size: x-large;
            padding-left: 6em;
            padding-right: 6em;
}

p.camerainfo { 
               font-size: small;
               }

body.picture-page p.title { 
                              font: x-large bold;
                              }

div.picture { 
          text-align: center;
              }

img.picture { 
          border: 10px solid black;
}

div.thumbnail  { 
 }

div.thumbnail img  { 
                 border: 3px solid black;
 }

body.picture-page, body.photo-gallery { 
       margin-left: 4em;
       margin-right: 4em;
 }

.license { 
           clear: both;
           border-top: thin solid black;
           padding-top: 1ex;
           text-align: center;
          }

body.picture-page div.nav { padding-top: 1ex;
          padding-bottom: 1ex;
          text-align: center;
          }

body.picture-page a.previous { float: left;}

body.picture-page a.next { float: right;}

body.picture-page a.index { clear: none;}