/**
 * style.css
 *
 * aaron.yamada-hanff.com
 */

body {
    font-family:"Times New Roman", "Times", Georgia, serif;
    background:#514D4A;
    color:#a9a9a9;
}

#main-wrapper {
    margin-top:45px;
    margin-bottom:-106px;
}

div#footer {
    clear:both;
    text-align:center;
    margin-top:18px;
    color:#232323;
}

div#main {
    position:relative;
    margin-top:36px;
    min-height:198px;
}

div#menu {
    margin-left:72px;
    color:#878787;
    font-size:1.1em;
    line-height:1.25em;
    text-transform:lowercase;
}

h1, h2, h3, h4, h5, h6 {
    color:#ccc;
}

ul.menu, ul.menu ul, ul.menu ul ul {
    list-style:none;
    margin-left:0px;
    padding-left:0px;
}

ul.menu ul, ul.menu ul ul {
    padding-left:10px;
}

a {
    color:#878787;
    text-decoration:none;
}

a:hover { color:#b1b1b1; }
a.active { color:#e2e2e2; }

h2.name {
    color:#e2e2e2;
    font-size:1.8em;
    font-weight:200;
}

h2.name a { 
    color:#e2e2e2;
    text-decoration:none;
}


/* Gallery page styles
 * -------------------
 */
ul.thumbnails {
    list-style:none;
    margin:0;
    padding:0;
}

ul.thumbnails li {
    display:block;
    text-align:center;
    float:left;
    line-height:144px;
    width:144px;
    height:144px;
    margin-right:20px;
    margin-bottom:20px;
}

ul.thumbnails li a img {
    vertical-align:middle;
}


/* Image page styles
 * -----------------
 */
div#image {
    position:relative;
    text-align:center;
    float:left;
}

div.img-portrait {
    width:400px;
}

div.img-landscape {
    height:400px;
    line-height:400px;
}

div#image img {
    vertical-align:middle;
    z-index:0;
}

div#top-caption {
    position:relative;
    margin-bottom:18px;
    z-index:200;
}

div#back-link {
    position:relative;
    float:left;
}

div#zoom-link {
    position:relative;
    float:left;
    margin-left:90px;
}

div#pager {
    position:relative;
    float:right;
}

span.previous a, span.next a {
    text-decoration:none;
    font-style:italic;
    color:#878787;
}

span.previous { padding-right:1em;}
span.next { padding-left:1em;}
span.pager-count { color:#a9a9a9; }

div#image-info {
    color:#a9a9a9;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    z-index:200;
}

div#info-bottom {
    position:absolute;
    bottom:0px;
    margin-left:20px;
    width:200px;
}

div#info-top {
    position:absolute;
    top:0px;
    margin-left:20px;
    width:200px;
}

div.caption {
    margin-top:18px;
}

div.details {
    margin-top:18px;
}

div#flatpage {
    font-size:1.2em;
}

a.detail-links {
    padding:0.2em;
}

div#footer p {
    margin-bottom:0em;
}

/* fix for zoom load text placement */
.preload {
    line-height: 12px;
}

a.gallery-link {
    height:100%;
    outline:none;
    position:absolute;
    width:49%;
    z-index:500;
}

a.img-prev-link {
    left:0px;
}

a.img-next-link {
    right:0px;
}