/*

DEFAULT MAIN COLORS:

YELLOW: #a18900
BLUE: #212e41
BLACK: #06090c
WHITE BACKGROUND: #faf9f5
GRAY (including main text colour): #898989

*/

/* === MAIN COLOUR SCHEME === */
body, main .thumb_view_title_row { background: #faf9f5; } /* main background colour */
body { color: #898989; } /* main text colour */

/* === SITE NAME & SLOGAN === */
#site h1 { color: #06090c; }
#site h1 span { color: #a18900; } /* middle/highlighted text */
#site #slogan { background: #212e41; color: #faf9f5; }

/* === MENU BAR === */
nav { background: #06090c; } /* full bar background */
nav ul.menu li a, #show-menu { color: #faf9f5; } /* menu links */
nav ul.menu li a:hover { color: #a18900; } /* menu links on hover */

/* === GALLERY MENU === */
#smenu { color: #898989; }
#smenu a:hover { color: #06090c; } /* links on hover */

/* === ADMIN MENU === */
main .admin_menu_wrapper { background: #898989; }
main .admin_menu_wrapper a, main a.admin_menu { color: #faf9f5; } /* links */
main .admin_menu_wrapper a:hover, main a.admin_menu:hover { color: #faf9f5; } /* links on hover */

/* === MAIN TABLES === */
.tableh1 { color: #06090c; border-bottom-color: #898989; } /* text and bottom border of table titles */

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

/* === THUMBNAILS === */
.thumbnails .image { background: #06090c; } /* background colour of images */
.thumbnails .image:hover { background: #a18900; } /* background colour of images on hover */
.thumbnails .thumb_title_title { color: #06090c; } /* album titles below the thumbnails */
.thumbnails .thumb_title_views { background: #cfcfcb; color: #06090c; } /* album views */
.thumbnails .thumb_resolution { background: #898989; color: #faf9f5; } /* image resolution, if applicable */
.thumbnails .thumb_caption { background: #212e41; color: #faf9f5; } /* date */

/* === CATEGORIES === */
main .catrow, main .catrow_noalb { border-bottom-color: #898989; } /* bottom border of categories */
main .catrow .catlink, main .catrow_noalb .catlink { background: #a18900; color: #faf9f5; } /* category links */
main .catrow .catlink:hover, main .catrow_noalb .catlink:hover { background: #06090c; color: #faf9f5; } /* category links on hover */
main .catrow .count, main .catrow_noalb .count { color: #06090c; } /* albums and files count (second and third columns of the categories table */
main .stath1 .statlink, main .stath2, main .stath2 select, main .img_nav { background: #212e41; color: #faf9f5; } /* gallery statistics */

/* === ALBUMS LIST === */
.tableh2 { background: #06090c; color: #faf9f5; } /* album background and non-hyperlink text */
main .alblink a { color: #faf9f5; } /* album links */
main .alblink a:hover { color: #a18900; } /* album links on hover */

/* === BREADCRUMB === */
.breadh1, main .toolwrap { background: #898989; color: #faf9f5; } /* background and non-hyperlink text */
.breadh1 a { color: #faf9f5; } /* breadcrumb links */
.breadh1 a:hover { color: #faf9f5; } /* breadcrumb links on hover */

/* === OTHER ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) == */
main input, main textarea { background: #faf9f5; color: #06090c; border-color: #898989; } /* text fields */
main input:focus, main textarea:focus { border-color: #06090c; } /* text fields' border on hover or focus */
main select { background: #faf9f5; color: #06090c; border-color: #898989; } /* dropdowns */
main button.button, main .buttonlist ul li a { background: #06090c; color: #faf9f5; } /* buttons */
main button.button:hover, main .buttonlist ul li a:hover { background: #a18900; color: #faf9f5; } /* buttons on hover */

/* === FOOTER - MAIN SITE AREA === */
footer #mainsite { background-color: #a18900; } /* main background */
footer #mainsite { background-image: url("../images/footer-site.jpg"); } /* image on right */
footer #mainsite #info { background: #faf9f5; } /* background of inner area */
footer #mainsite #info h4 { color: #06090c; border-bottom-color: #898989; } /* heading text and bottom border colour */
footer #mainsite #info ul { color: #898989; } /* links */
footer #mainsite #info ul li a:hover { color: #898989; } /* links on hover */
footer #mainsite #url { color: #faf9f5; } /* site URL */

/* === FOOTER - DISCLAIMER & SOCIAL MEDIA === */
footer #disc { color: #898989; } /* disclaimer */
footer #social a { color: #898989; } /* social media icons */
footer #social a:hover { color: #212e41; } /* social media icons on hover */

/* === FOOTER - CREDITS === */
footer #cred { background: #06090c; color: #faf9f5 } /* full bar background */
footer #cred ul li a { color: #faf9f5; } /* links */
footer #cred ul li a:hover { color: #a18900; } /* links on hover */

/* === FOR RESPONSIVE MENU === */
@media only screen and (max-width: 860px) {
    nav ul.menu li::before { color: #a18900; } /* colour of stars on left of menu links */
}