/* Global */
body { 
    font: 8pt georgia, serif; 
    color: #dc6000; 
    background: #000; 
    margin: 1em; 
}

h1 { 
    font: 24pt aharoni, serif;
    color: #fff;
    background: transparent url(infinity.jpg) no-repeat 50px 0px; 
    width: 100%; 
    height: 120px; 
    border-bottom: medium dotted silver;
}

a:link img, a:hover img, a:visited img {
    border-style: none;
}

/* Location bar */
#locationBar {
    position: absolute;
    top: 0.5em;
    width: 95%;
    text-align: right;
}

#locationBar a {
    color: #fff;
    margin: 2px;
}

#homeLink {
    display: inline;
}

#homeLink:before {
    content: "::";
}

#galleryLink {
    display: inline;
}

#galleryLink:before {
    content: "::";
}

#indexLink {
    display: inline;
}

#indexLink:before {
    content: "::";
}


/* Gallery index */
#galleryDescription {
    font: 12pt georgia, serif;
}

#albums {
}

.album {
    margin: 4em;
    border-top: 1px solid red;
    padding: 1em;
}

.album .name {
    position: absolute;
    left: 300px;
    font: 12pt verdana, serif;
    color: yellow;
    background: transparent;
}

.album .name a:link {
    color: yellow;
}

.album .name a:visited {
    color: maroon;
}

.album .description {
    position: absolute;
    left: 300px;
    margin-top: 3em;
    margin-right: 3em;
    color: #fff;
    background: transparent;
    text-align: justify;
}

.album .date {
    color: yellow;
    backgroung: transparent;
    position: absolute;
    right: 6em;
}

.album .image img {
    border:  3px solid #262626;
}

.album .private {
    background: transparent url(lock.gif) no-repeat left top;
    font: 6pt courrier, monospace;
    width: 7em;
    height: 2em;
    text-align: right;
}


/* Album index */
#albumDescription {
    font: 12pt georgia, serif;
}

#thumbnails {
    margin: 5em 1em 1em 5em;
}

div.thumbnail {
    float: left;
    text-align: center;
    width: 110px; 
    height: 150px; 
    color: navy;
    background-color: #262626;
    margin: 5px;
    padding: 3px;
}

div.thumbnail div.name {
    font: 8pt verdana, serif;
    color: #a0a0a0;
    background-color: #262626;
}

/* Album page */
#navigationBar {
    position: absolute;
    top: 140px;
    left: 20px;
}

#navigationBar span {
    color: #fff;
    font: 6pt arial, sans-serif;
}

#navigationBar a {
    color: #000;
}

#first {
    position: absolute;
    left: 0px;
    background: transparent url(nav_first.gif) no-repeat center top;
    width: 27px;
    height: 20px;
    padding-top: 5px;
    margin: 1em;
    text-align: center;
}

#previous {
    position: absolute;
    left: 30px;
    background: transparent url(nav_previous.gif) no-repeat center top ; 
    width: 27px;
    height: 20px;
    padding-top: 5px;
    margin: 1em;
    text-align: center;
}

#index {
    position: absolute;
    left: 60px;
    background: transparent url(nav_index.gif) no-repeat center top;
    width: 27px;
    height: 20px;
    padding-top: 5px;
    margin: 1em;
    text-align: center;
}

#next {
    position: absolute;
    left: 90px;
    background: transparent url(nav_next.gif) no-repeat center top;
    width: 27px;
    height: 20px;
    padding-top: 5px;
    margin: 1em;
    text-align: center;
}

#last {
    position: absolute;
    left: 120px;
    background: transparent url(nav_last.gif) no-repeat center top;
    width: 27px;
    height: 20px;
    padding-top: 5px;
    margin: 1em;
    text-align: center;
}

#pagination {
    position: absolute;
    top: 125px;
    left: 520px;
    font: 8pt arial, sans-serif;
    color: silver;
    background: transparent;
}

#image {
    float: left;
    margin-top: 2em;
    margin-right: 1em;
}

#descriptiveInfo {
    position: absolute;
    left: 730px;
    top: 187px;
    color: #a0a0a0;
    background: #262626;
    border: 1px dashed silver;
    width: 20em;
    height: 20em;
    padding: 3px;
    overflow: auto;
}

#technicalInfo {
    position: absolute;
    left: 730px;
    top: 420px;
    color: #a0a0a0;
    background: #262626;
    border: 1px dashed silver;
    width: 20em;
    height: 10em;
    padding: 3px;
    overflow: auto;
}

#name {
    font: bold 10pt verdana, serif;
    color: yellow;
    background: transparent;
}

#description {
    color: #dc6000; 
    background: transparent;
}

#location {
    font: 8pt courrier, monospace;
    position: absolute;
    bottom: 1em;
    width: 19em;
    text-align: right;
}

#date {
    font: 8pt courrier, monospace;
    position: absolute;
    bottom: 0em;
    width: 19em;
    text-align: right;
}

#model:before {
    content: "Camera: ";
    font-style: italic;
    color: #fff;
    background: transparent;
}

#resolution:before {
    content: "Resolution: ";
    font-style: italic;
    color: #fff;
    background: transparent;
}

#fnumber:before {
    content: "FNumber: ";
    font-style: italic;
    color: #fff;
    background: transparent;
}

#exposureTime:before {
    content: "Exposure: ";
    font-style: italic;
    color: #fff;
    background: transparent;
}

#exposureTime:after {
    content: " s";
}

#iso:before {
    content: "ISO: ";
    font-style: italic;
    color: #fff;
    background: transparent;
}

#flash:before {
    content: "Flash:";
    font-style: italic;
    color: #fff;
    background: transparent;
}


#copyright {
    position: absolute;
    left: 730px;
    top: 550px;
    color: #ccc;
    font: italic 8pt "New Century Schoolbook", Times, serif;
    background: transparent;
}