﻿/* screen */
body.dark {
    background-color: #333333;
}

body.bright {
    background-color: #FFFFFF;
}

.dark #screen {
    background-color: #333333;
}

.bright #screen {
    background-color: #FFFFFF;
}


/* menu */
.dark .menu a:link, .dark .menu a:visited {
    color: #FFFFFF;
    background-color: #1A1A1A;
}

.bright .menu a:link, .bright .menu a:visited {
    color: #333333;
    background-color: #FFFFFF;
}



.dark .menu .off {
    color: #AAAAAA !important;
}

.bright .menu .off {
    color: #666666 !important;
}

.dark .menu .on {
    color: #FFFFFF;
}

.bright .menu .on {
    color: #333333;
}

.dark .menu a:link, .dark .menu a:visited {
    border-color: #555555;
}

.bright .menu a:link, .bright .menu a:visited {
    border-color: #AAAAAA;
}



/* bar */
.dark #header {
    background: rgba(26,26,26,0.8);
    border-color: #AAAAAA;
}

.bright #header {
    background-color: rgba(255,255,255,0.8);
    border-color: #AAAAAA;
}


.dark .bar a:link, .dark .bar a:visited {
    color: #FFFFFF;
}

.bright .bar a:link, .bright .bar a:visited {
    color: #333333;
}

.dark #footer {
    background-color: rgba(26,26,26,0.8);
}

.bright #footer {
    background-color: rgba(255,255,255,0.8);
}

/* info */
.dark #info {
    background-color: #333333;
    color: #FFFFFF;
}

.bright #info {
    background-color: #FFFFFF;
    color: #333333;
}

.dark #infovideo {
    background-color: #333333;
    color: #FFFFFF;
}

.bright #infovideo {
    background-color: #FFFFFF;
    color: #333333;
}

.dark #infogallery {
    background-color: #333333;
    color: #FFFFFF;
}

.bright #infogallery {
    background-color: #FFFFFF;
    color: #333333;
}

.dark #imagelightbox-overlay {
    background-color: #000;
    background-color: rgba( 0, 0, 0, .9 );
}

.dark #imagelightbox-close {
    background-image: url("../ui/dark/icon_close.png");
}

.bright #imagelightbox-overlay {
    background-color: #FFF;
    background-color: rgba( 255, 255, 255, .9 );
}

.bright #imagelightbox-close {
    background-image: url("../ui/bright/icon_close.png");
}


/* tools */
.dark a.tool:link img, .dark a.tool:visited img {
    background-color: #1A1A1A;
    opacity: 0.8;
}

.bright a.tool:link img, .bright a.tool:visited img {
    background-color: #FFFFFF;
    opacity: 0.8;
}
