body
{
    font-family: helvetica,arial,sans-serif;
    color: black;
    background: white;
}

h1
{
    text-align: center;
    text-transform: lowercase;
}

a
{
    text-decoration: none;
    color: #6aa;
}
a:hover
{
    color: #aa6;
}

#content
{
   width: 28em;
   padding: 0 1em;
   margin: 0 auto;
   text-align: justify;
}

#divider
{
    height: 1em; 
    width: 99.50%;
    text-align: center;
}

#photo
{
    text-align: center;
    margin: 1em auto;
    width: auto;
}

#photo img
{
    border: 1.2em solid black;
}

#photo h2
{
    text-align: center;
}

#thumbs
{
    width: 405px;
    margin: 1em auto 0 auto;
}

#thumbs img, #thumbs a, #nextpage, #lastpage, #between_arrows, .blankthumb
{
    width: 135px !important;
    height: 135px;
    line-height: 105px;
    padding: 0;
    margin: 0;
    border: none;
    float: left;
    font-size: 3.3em;
    text-align: center;
    overflow: hidden;
}

#between_arrows
{
    font-size: 6em;
    line-height: 130px;
}

#nav
{
    width: 30em;
    margin: 0 auto;
    clear: both;
    text-transform: lowercase;
}

#nav ul
{
    list-style: none inside;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
}

#nav a
{
    color: black;
    float: left;
    display: block;
    text-align: center;
    font-size: 1.7em;
    padding: 0;
    margin: 0;
    width: 33.33%;
    height: 3ex;
    line-height: 3ex;
}

#nextpage:hover a, #lastpage:hover a
{
    background: black;
}

.about { background: #6cc; }
.photos { background: #6c6; }
.work { background: #cc6; }

#nav a:hover { background: black; }
#nav a.about:hover, #lastpage a { color: #6cc; }
#nav a.photos:hover, #between_arrows { color: #6c6; }
#nav a.work:hover, #nextpage a { color: #cc6; }

span.date
{
    font-weight: bold;
/*    color: #6aa;*/
}