/* white setup */
body,
.lightbox,
h1 span,
h2 span {
    background: #fff;
}
body.light,
footer a {
    color: #000;
}
.logo {
    background-image: url(../img/logo.png);
}
.slogan {
    color: #999;
    background-color: #e6e6e6;
}
h1,
h2 {
    color: #808080;
}
nav li:not(:first-child):before {
    color: #4d4d4d;
}
h1:before,
h2:before {
    background-color: #ccc;
}
footer {
    border-color: #ccc;
}
nav a {
    color: #000;
}
nav li.selected span {
    background-color: red;
}
ul.album a {
    color: #000;
}
.lightbox-close:before,
.lightbox-close:after,
.lightbox-next:before,
.lightbox-next:after,
.lightbox-prev:before,
.lightbox-prev:after {
    background-color: #b3b3b3;
}
.lightbox-close:hover:before,
.lightbox-close:hover:after,
.lightbox-next:hover:before,
.lightbox-next:hover:after,
.lightbox-prev:hover:before,
.lightbox-prev:hover:after {
    background-color: red;
}

/* dark setup */
body.dark,
body.dark .lightbox,
body.dark h1 span,
body.dark h2 span {
    background: #262626;
}
body.dark .lightbox {
    background: rgba(0, 0, 0, 0.90);
}
body.dark,
body.dark footer a {
    color: #ccc;
}
body.dark .logo {
    background-image: url(../img/logo_duotone.png);
    opacity: .5;
}
body.dark .slogan {
    color: #242424;
    background-color: #4d4d4d;
}
body.dark h1,
body.dark h2 {
    color: #666;
}
body.dark nav li:not(:first-child):before {
    color: #4d4d4d;
}
body.dark h1:before,
body.dark h2:before {
    background-color: #4d4d4d;
}
body.dark footer {
    border-color: #4d4d4d;
}
body.dark nav a {
    color: #fff;
}
body.dark nav li.selected span {
    background-color: #e40042;
}
body.dark ul.album a {
    color: #808080;
}
body.dark .lightbox-close:before,
body.dark .lightbox-close:after,
body.dark .lightbox-next:before,
body.dark .lightbox-next:after,
body.dark .lightbox-prev:before,
body.dark .lightbox-prev:after {
    background-color: #4d4d4d;
}
body.dark .lightbox-close:hover:before,
body.dark .lightbox-close:hover:after,
body.dark .lightbox-next:hover:before,
body.dark .lightbox-next:hover:after,
body.dark .lightbox-prev:hover:before,
body.dark .lightbox-prev:hover:after {
    background-color: #e41b50;
}