@charset "utf-8";
/*
Delftse Dalton School - Template 4

Zones:
    - Content
    - Sidebar
 */

#sidebarZone {
    float: left;
    width: 243px;
}

#contentZone {
    float: right;
    width: 513px;
}

/* Modules */
.photoAlbumsModule-top5 {
    width: 224px;
    background: #003471;
    padding: 15px 0 1px 19px;
    margin-bottom: 9px;
}

.photoAlbumsModule-top5 h1 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
}

.photoAlbumsModule-top5 dl {
    width: 207px;
}

.photoAlbumsModule-top5 dt {
    height: 70px;
    border: #fff 1px solid;
    border-bottom: none;

    font-size: 0;
}

.photoAlbumsModule-top5 dd {
    height: 17px;
    border: #fff 1px solid;
    background-color: #fff;
    line-height: 11px;
    padding: 2px 0 0 5px;
    margin-bottom: 9px;
}

.photoAlbumsModule-top5 dd a {
    font: normal 11px/normal Verdana, Arial, Helvetica;
    color: #d71921;
    text-decoration: none;
}


.photoAlbumsModule-archive {
    width: 224px;
    background-color: #c0272d;
    padding: 15px 0 10px 19px;
    margin-bottom: 9px;
}

.photoAlbumsModule-archive h1 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
}

.photoAlbumsModule-archive ul {
    display: none;
    list-style: none;
    /*border-bottom: #d16166 1px solid;*/
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.photoAlbumsModule-archive li {
    width: 207px;
    border-top: #d16166 1px solid;
}

.photoAlbumsModule-archive li.last {
    border-bottom: #d16166 1px solid;
}

.photoAlbumsModule-archive li a {
    display: block;
    min-height: 15px;
    font: normal 11px/normal Verdana, Arial, Helvetica;
    color: #000;
    text-decoration: none;
    padding: 2px 0 0 13px;
    background: transparent url(../img/arrow-black.gif) no-repeat 2px 7px;
}

.photoAlbumsModule-archive li a:hover {
    color: #fff;
    background: #af2329 url(../img/arrow-white.gif) no-repeat 2px 7px;
}

.photoAlbumsModule-archive li.selected a {
    color: #fff;
    background: #af2329 url(../img/arrow-white.gif) no-repeat 2px 7px;
}

.photoAlbumsModule-archive a.openClose {
    display: block;
    font: normal 11px/normal Verdana, Helvetica, Arial;
    color: #fff;
    background: transparent url(../img/arrow-white.gif) no-repeat 0 5px;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.photoAlbumsModule {
    width: 495px;
    height: 622px;
    background-color: #43ade2;
    padding: 10px 0 0 18px;
    margin-bottom: 9px;
}

.photoAlbumsModule h1 {
    font-size: 24px;
    line-height: 1em;
    color: #fff;
}

.photoAlbumsModule .navAlbums {
    float: right;
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #7fd4ed;
    margin-top: 13px;
    padding-right: 37px;
}

.photoAlbumsModule .navAlbums a.black {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #000;
    text-decoration: none;
}

.photoAlbumsModule .navAlbums a.white {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #fff;
    text-decoration: none;
}

.photoAlbumsModule .albumThumbs {
    margin-top: 5px;
}

.photoAlbumsModule .albumThumbs .albumRow {
    margin-bottom: 7px;
    line-height: 0;
    font-size: 0;
}

.photoAlbumsModule .albumThumbs .albumRow img {
    border: #fff 1px solid;
    margin-right: 7px;
}

.photoAlbumsModule .pageNav {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #7fd4ed;
    margin: 15px 0 0 5px;
}

.photoAlbumsModule .pageNav .selected {
    color: #000;
}
.photoAlbumsModule .pageNav a {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #fff;
    text-decoration: none;
}