html { padding: 0px; margin: 0px; }

body { color: #d3d3d3; background-color: #303030;
       text-align: left;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Tahoma, Geneva, Arial, sans-serif;
       font-size: 12px;
       margin-left: 30px; width: auto;
       text-rendering: optimizeLegibility;
}

.body-col {
 margin-top: 6em;
 margin-left: auto; margin-right: auto; width: 800px; 
}

strong, em, h1, h2, h3, h4, h5, h6, a { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Garuda, Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; }

a { color: #6b8e23; }
a:hover { color: #1e90ff; }

nav a, header a { text-decoration: none; font-weight: bold; } 

img { border: none; }
#title { background-color: inherit;
         width: 100%;
         z-index: 10;
         padding-top: 0.5em; padding-bottom: 1em;
         top: 0px;
         position: absolute; }
#title { position: fixed; width: 100%; }
#titleMenu { color: #0000cd;
 margin-left: auto; margin-right:auto; width: 800px;
}
#titleMenu a { padding-left: 0.5em; padding-right: 0.5em; }

#body { text-align: center; }
#photo_up { display: block; text-align: center; font-weight: bold; font-size: x-large; }

#photo_prev, #photo_next { position: absolute; top: 80px; font-weight: bold; font-size: large; }
#photo_prev { left:  10px; }
#photo_next { right: 40px; }
.photo_nav { width: 50px; height: 50px; }

#photo_div { text-align: center; }
#photo_div > header, #photo_div > footer { display: block; }

/*
#photo_title { font-weight: bold; font-size: large;  }
#photo_description { }
*/

#photo_comments { margin-top: 2em;}
#photo_comment_link { margin-top: 1em; color: darkgray;}

#flickr-logo-small { width: 41px; height: 11px; }