/*

DEFAULT MAIN COLORS:

BLACK: #0f1014
LIGHTER GRAY (main text color): #8a8c94
GRAY (menu and footer links): #58595e
WHITE: #eeeeee
DARKER GRAY (borders): #3d3f47
YELLOW: #fbda72
RED: #b31c2f

*/

/* === MAIN COLOR SCHEME === */
body, #GB_window { background: #0f1014; } /* main background color */
.tableh1 span::before { border-color: #0f1014;} /* change this value to the same one as your main background color */
body { color: #8a8c94; } /* main text color */

/* === SITE NAME === */
#site h1 { color: #eeeeee; }
#site h1 span { color: #b31c2f; } /* middle/highlighted text */

/* === MENU === */
nav ul.menu li a { color: #58595e; } /* menu links */
nav ul.menu li a:hover { color: #eeeeee; } /* menu links on hover */
nav ul.menu li::before { color: #58595e; } /* numbers beside menu links */
#show-menu { background: #eeeeee;  color: #0f1014; } /* mobile menu */

/* === GALLERY MENU === */
#smenu { border-color: #3d3f47; } /* gallery menu borders */
#smenu a { color: #8a8c94; } /* gallery menu links */
#smenu a:hover { color: #eeeeee; } /* gallery menu links on hover */

/* === ADMIN MENU === */
main .admin_menu_wrapper a, main a.admin_menu { color: #8a8c94; } /* admin menu links */
main .admin_menu_wrapper .admin_menu a:hover { color: #eeeeee;} /* admin menu links on hover */

/* === MAIN TABLES === */
.tableh1, #voting_title, #comments .tableh2 { color: #eeeeee; } /* table titles */
.tableh1 span::before, main .toolwrap { background: #3d3f47; } /* square beside table titles */
.maintable, main .detail_head_collapsed, main .detail_head_expanded, main .img_nav, main table#pic_sort tr td, main table#album_sort tr td { border-color: #3d3f47; } /* table borders */

/* === TABLE ELEMENTS === */
.tableb a, .tablef a { color: #eeeeee; } /* links */
.tableb a:hover, .tablef a:hover { color: #fbda72; } /* links on hover */

/* === THUMBNAILS === */
.thumbnails .image, .display_media img { background: #3d3f47; } /* background color of images */
.thumbnails .image:hover, .display_media img:hover { background: #eeeeee; } /* background color of images on hover */
.thumbnails .thumb_title_title { color: #eeeeee; } /* album titles below the thumbnails */
.thumbnails .thumb_title_views { background: #3d3f47; color: #eeeeee; } /* background and text color of album views */
.thumbnails .thumb_resolution { background: #fbda72; color: #0f1014; } /* background and text color of image resolution, if applicable */
.thumbnails .thumb_caption_ctime { background: #b31c2f; color: #eeeeee; } /* background and text color of date */

/* === CATEGORIES === */
main .catrow, main .catrow_noalb { border-bottom-color: #3d3f47; } /* bottom border of categories */
main .catrow .catlink a, main .catrow_noalb .catlink a { color: #eeeeee; } /* category links */
main .catrow .catlink a:hover, main .catrow_noalb .catlink a:hover { color: #fbda72; } /* category links on hover */
main .catrow .catlink::before, main .catrow_noalb .catlink::before { color: #fbda72; } /* arrow beside category links */
main .catrow .count, main .catrow_noalb .count { color: #58595e; } /* albums and files count (second and third columns of the categories table */
main .stath1 .statlink, main .stath2 { color: #58595e; } /* gallery statistics */

/* === ALBUMS LIST === */
main .alblink { border-bottom-color: #3d3f47; } /* bottom border of album links */
main .alblink a { color: #eeeeee; } /* album links */
main .alblink a:hover { color: #fbda72; } /* album links on hover */
main .alblink::before { color: #fbda72; } /* arrow beside category links */

/* === BREADCRUMB === */
.breadh1 { background: #3d3f47; color: #eeeeee; } /* background and non-hyperlink text */
.breadh1 a { color: #eeeeee; } /* breadcrumb links */
.breadh1 a:hover { color: #eeeeee; } /* breadcrumb links on hover */

/* === OTHER ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) === */
main input, main textarea { color: #0f1014; } /* text fields */
main select { border-color: #0f1014; } /* dropdowns */
main button.button, main .buttonlist ul li a { background: #3d3f47; color: #eeeeee; } /* buttons */
main button.button:hover, main .buttonlist ul li a:hover { background: #fbda72; color: #0f1014; } /* buttons on hover */

/* === FOOTER AREA === */
footer #disc { color: #58595e; border-color: #3d3f47; } /* disclaimer text and borders */
footer #cred ul li { color: #58595e; } /* links */
footer #cred ul li a:hover { color: #eeeeee; } /* links on hover */
footer #social a { color: #58595e; } /* social media icons */
footer #social a:hover { color: #eeeeee; } /* social media icons on hover */

/* === FOR RESPONSIVE MENU === */
@media only screen and (max-width: 860px) {
    nav ul.menu li { border-bottom-color: #3d3f47; } /* bottom border of links in mobile menu */
}