@import "reset.css";
@import "typography.css";

/* Site */
html, body { height: 101% !important; min-height: 600px; }
body { 
    position: relative; min-width: 780px;
}

/* Main Blocks */
#wrap {
    padding-bottom: 120px;
}

#header {
    background: #000;
    text-align: center;
    color: #fff;
    padding-top: 16px;
    position: fixed; top:0; left: 0;
    z-index: 100; width: 100%;
}
#header h1 { margin-bottom: 20px; }

#footer {
    position: fixed; z-index: 100;
    bottom: 0; left: 0;
    width: 100%;
    text-align: center;
    background: #7C7B7E;
    color: #fff;
    padding: 6px 0 4px 0;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}
#footer .divider {
    font-size: inherit;
    padding: 0; padding-left: 20px;
    line-height: inherit;
    background: url(../img/arrow_right_trans.png) no-repeat center right;
}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #000; }
#content {
    position: absolute;
    top: 200px; width: 100%;
    padding-bottom: 50px;
}

#frontpage-banner {
    text-align: center;
}
#frontpage-image {
    width: 500px;
    margin: 0 auto;
    list-style: none;
    z-index: 0;
}
#frontpage-image img {
}

/* Main Nav Menu */
#main-menu {
    background: #D21C0E;
    color: #000;
    padding: 10px 0 10px 0;
    white-space: nowrap;
}
#main-menu a {
    text-decoration: none;
    font-size: 15px;
}
#main-menu a:hover, #main-menu a.hover, #main-menu a.active { color: #fff; }

.submenu {
    color: #D21C0E;
    padding: 10px 0 10px 0;
    white-space: nowrap;
}
.submenu a {
    color: #D21C0E;
    text-decoration: none;
    font-size: 15px;
}
.submenu a:hover, .submenu a.hover, .submenu a.active { color: #fff; }

/* Pages */
.page {
    width: 700px;
    margin: 0 auto;
}
.page .content-img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

/* Collections */
#collection-index {
    width: 660px;
    margin: 0 auto;
}
.category {
    margin-bottom: 40px;
}
.collection-list {
    margin: 0; list-style: none;
}
.collection-list li {
    float: left;
    width: 116px;
    height: 112px;
    margin-right: 20px;
    margin-bottom: 2px;
}
.collection-list li.break {
    margin-right: 0;
}
.collection-list a {
    display: block;
    border: solid 2px #fff;
    margin-bottom: 2px;
}
.collection-list a:hover {
    border: solid 2px #D21C0E;
}
.collection-list a img { 
    display: block; 
    border: solid 1px #aaa;
}
.collection-list a:hover img {
    border: solid 1px #D21C0E;
}
.collection .title { font-size: 10px; }

#collection {
    position: relative;
    margin: 0 auto;
}
.image-caption {
    text-align: center;
    width: 440px;
    margin: 0 auto;
}
.images {
    text-align: center;
}
.images .main-img {
    border: solid 1px #aaa;
}
.documentcollection .main-img,
.page .main-img {
    border: none;
    width: auto;
}
.image-info { 
    margin-bottom: 20px;
}
.image-controls {
    margin-bottom: 10px;
}
.image-controls a {
    text-decoration: none;
    cursor: pointer;
}
.image-controls .image-next {
    padding: 2px 20px 2px 0px;
    background: url(../img/arrow_right.png) no-repeat right center;
}
.image-controls .image-prev {
    padding: 2px 0px 2px 20px;
    background: url(../img/arrow_left.png) no-repeat left center;
}
.image-controls .image-next:hover {
    background: url(../img/arrow_right_over.png) no-repeat right center;
}
.image-controls .image-prev:hover {
    background: url(../img/arrow_left_over.png) no-repeat left center;
}
a.back-link {
    color: #fff;
}
a.back-link:hover {
    color: #D21C0E;
}

/* Names */
#names-index { position: relative; }
#names-header {
    width: 420px;
    margin: 0 auto 30px auto;
    padding: 0 10px;
}
.names-list { 
    text-align: center;
    width: 300px;
    margin: 0 auto;
}
.names-list a {
    text-decoration: none;
    cursor: pointer;
}
.names-list a:hover {
}
.names-list dt {
    margin: 0; margin-bottom: 10px;
    outline: none;
}
.names-list dt a {
    font-size: 16px;
}
.names-list dd {
    margin: 0; padding-bottom: 20px;
}
.names-index .scroller-controls {
}

.name-image {
    /*border: solid 3px #D21C0E;*/
    display: block;
    margin: 0 auto 10px auto;
}

/* Other */
.divider {
    padding: 0 6px;
    vertical-align: bottom;
    line-height: .7em;
    font-size: 16px;
}