body { 
            background-color: black;
            color: #795d4f
 }

body#landing img { 
                text-align; center;
 }

body#landing p { 
              display: inline;
              padding-right: 2em;
              padding-left: 2em;
              font: serif ;
              font-weight: bold;
 }

div.nav { 
          font-weight: bold;
 }

body#main div.nav  { 
                      margin: 2ex;
                      width: 20%;
                      float: left;
                      }

body#main div.content { 
                        margin-left: 25%;
                        margin-right: 10%;
 }


div#options { 
              text-align: center;
 }
p.clear { 
          
 }

p#enter { 
          font-size: x-large;
          padding: 3em;
 }

div.center { 
             text-align: center;
 }


/* the photo pages */

body.picture-page { 
                    text-align: center;
 }

div.thumbnail img  { 
                 border: 3px outset #795d4f;
 }

body.picture-page div.nav { 
                            float: right;
                            width: 15%;
 }

div.picture img { 
                 border: 6px inset #795d4f;
 }



/* 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 inset black;
}

img.picture-high { 
          border: 10px solid black;
/*          height: 70%; */
}

img.picture-wide { 
          border: 10px solid black;
/*          width: 70%; */
}

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

.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;
                            width: 10%;
                            }

body.picture-page div.ImageInfo { 
                                  float: left;
                                  width: 10%;
 }


a.previous { 
             padding-right: 1em;
             }

a.next { 
             padding-left: 1em;
             }

div.example-photos { 
                     padding-top: 2ex;
                     text-align: center;
                     vertical-align: middle;
 }

div.example-photos img { 
                         clear: both;
                         padding: 10px;
                         margin: 5px;
                         border: inset;
 }

a#title:link { color: black }
a#title:visited { color: black }
a:link { color: #997d6f }
a:visited { color: #594d2f; }