/* 

DEFAULT MAIN COLOURS:

ORANGE: #d54711
LIGHT ORANGE: #ffe4d9
DARK BROWN: #2e0f01
WHITE BACKGROUND: #fff9f7
GRAY (text colour): #675f5c

*/

/* === SELECTED TEXT === */
::selection { background-color: #2e0f01; color: #fff9f7; }
::moz-selection { background-color: #2e0f01; color: #fff9f7; }

/* === MAIN COLOUR SCHEME === */
body, #wrapper { background: #F7F5EE; color: #000000; }

/* === MAVIGATION BAR & WEBSITE NAME === */
#topbar, #topbar #show-menu, main .toolwrap, main .img_nav { background: #000000; } /* full bar background */
#topbar { border-color: #000000; } /* topbar bottom border; please make this the same as body background color */
#topbar #site, #topbar #site::after, #topbar nav ul.menu li::before, #topbar nav ul.menu li .sub-menu li::before { background: #000000; } /* website name's — background */
#topbar #site h1 { color: #000000; } /* website name — text */
#topbar nav ul.menu li a, #topbar #show-menu, main .img_nav { color: #ffffff; } /* menu links */ 
#topbar nav ul.menu li a:hover { color: #663232; } /* menu links on hover */
#topbar #social i { color: #fff; } /* social media icons */
#topbar #social i:hover { color: #663232; } /* social media icons on hover */
	/* below are only applicable if you have sub-menus */
    #topbar nav ul.menu li.menu-item-has-children a:not(:only-child)::after { color: #2e0f01; } /* dropdown arrow */
    #topbar nav ul.menu li .sub-menu { background: #fff9f7; border-color: #2e0f01; } /* background and border of sub-menu */
    #topbar nav ul.menu li .sub-menu li { border-color: #2e0f01; } /* bottom-border of sub-menu links */ 
    
/* === GALLERY MENU === */
#smenu { color: #2e0f01; border-color: #2e0f01; }
#smenu ul a:hover { color: #663232; } /* menu links on hover */
#smenu ul a:hover::after { color: #2e0f01; } /* double-slash separators */

/* === ADMIN MENU === */
main .admin_menu_wrapper a, main a.admin_menu { color: #675f5c; }
main .admin_menu_wrapper a:hover, main a.admin_menu:hover { color: #2e0f01; }

/* === MAIN TABLES === */
.tableh1 { color: #000; border-color: #000; } /* text and border of table titles */
.tableh1 span::after { background: #512121; border-color: #F7F5EE; } /* bottom highlight of table titles; please make border-color the same as the body background */

/* === SECONDARY TABLES === */
.tableb a, .tablef a { color: #d54711; } /* table links */
.tableb a:hover, .tablef a:hover { color: #663232; } /* table links on hover */
.tableb strong, .tablef strong { color: #2e0f01; } /* bold text */

/* === THUMBNAILS === */
.thumbnails { border-color: #2e0f01; } /* bottom-border of thumbnail rows */
.thumbnails .image { border-color: transparent; outline-color: transparent; } /* outer and inner borders of images */
.thumbnails .image:hover { border-color: #2e0f01; outline-color: #F7F5EE; } /* outer and inner borders of images on hover */
.thumbnails .thumb_title_title { color: #2e0f01; } /* album titles on tables */
.thumbnails .thumb_title_views { background: #F7F5EE; color: #000; } /* album views */
.thumbnails .thumb_resolution { background: #663232; color: #F7F5EE; } /* image resolution, if applicable */
.thumbnails .thumb_caption_ctime { background: #F7F5EE; color: #000; } /* date */

/* === CATEGORIES LIST === */
main .catrow, main .catrow_noalb, main table#pic_sort tr td, main table#album_sort tr td { border-color: #2e0f01; } /* bottom-border of categories */
main .catrow .catlink, main .catrow_noalb .catlink, main .catrow .count, main .catrow_noalb .count { color: #2e0f01; } /* category links */
main .catrow .catlink a:hover, main .catrow_noalb .catlink a:hover { color: #663232; } /* category links on hover */
main .catrow .catlink::before, main .catrow_noalb .catlink::before { background: #F7F5EE; } /* left-border of category links */
main .stath1 { color: #2e0f01; } /* gallery statistics */
main .stath1 strong { color: #663232; } /* numbers' colours */

/* === BREADCRUMB === */
.breadh1 .statlink { background: #F7F5EE; color: #000; } /* breadcrumb */
.breadh1 .statlink a { color: #000; } /* breadcrumb links */
.breadh1 .statlink a:hover { color: #000; } /* breadcrumb links on hover */

/* === ALBUMS LIST === */
main .alblink { border-color: #2e0f01; } /* bottom-border of album name */
main .alblink a { color: #2e0f01; } /* album links */
main .alblink a:hover { color: #663232; } /* album links on hover */
main .alblink a::after { background: #2e0f01; } /* bottom highlight of album names; please make this the same as album links' colour */
main .alblink a:hover::after { background: #663232; } /* bottom highlight of album names on hover; please make this the same as album links' colour on hover */

/* === ALBUM PAGES === */
main .navmenu { color: #2e0f01; }
main .navmenu a { color: #2e0f01; } /* page numbers */
main .navmenu a:hover, main .current { color: #663232; } /* page numbers on hover */

/* === ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) == */
main input, main textarea, main select { background: #fff9f7; color: #2e0f01; border-color: #2e0f01; } /* text fields & dropdowns */
main input:focus, main textarea:focus { border-color: #d54711; } /* text fields' border on focus */
main button.button, main .buttonlist ul li a { background: #2e0f01; color: #fff9f7; } /* buttons */
main button.button:hover, main .buttonlist ul li a:hover { background: #2e0f01; color: #fff9f7; } /* buttons on hover */
main .detail_head_collapsed, main .detail_head_expanded { color: #2e0f01; border-color: #2e0f01; } /* config settings */

/* === FOOTER === */
footer { border-color: #000b0f; } /* top-border of footer area */
footer ul#links li { color: #675f5c; } /* non-link text colour */
footer ul#links li a { color: #2e0f01; } /* links */
footer ul#links li a:hover { color: #663232; }

/* === FOR RESPONSIVE MENU === */
@media only screen and (max-width: 800px) {
    #topbar nav { background: #F7F5EE; border-color: #2e0f01; } /* background colour of menu; please make the background the same as body background color */ 
    #topbar nav ul.menu li { border-color: #2e0f01;} /* bottom-border color of menu links */
    #topbar nav ul.menu li a { color: #000;}
}