/* 

DEFAULT MAIN COLOURS:

YELLOW: #96c3f2
ORANGE: #f05634
PINK: #cd2c70

LIGHT BLUE: #ade7ee
LIGHT GREEN: #b1f5bc
GREEN (link colours): #03a369

BLACK: #060606
GRAY: #c4c4c4
WHITE: #ffffff

*/

/* === SCROLLBAR === */
::-webkit-scrollbar { border-color: #ffffff; background: #060606; }
::-webkit-scrollbar-thumb {	border-color: #ffffff; background: #8128AC; }

/* === MAIN COLOUR SCHEME === */
body { background-color: #ffffff; color: #060606; }
	/* the elements below MUST have the same value as body background-color - start */
	#mbox ul ul, #sbox { background-color: #ffffff; }
	#menu { border-color: #ffffff; }
	/* end */

/* === MENU BAR === */
#mbox { background-color: #ffffff; color: #060606; } /* main topbar */
#mbox ul, .show-menu { background-color: #ffffff; color: #060606; border-color: #ffffff; } /* menu area */
#mbox ul ul, #mbox li>a:not(:only-child):after { border-color: #060606; } /* second-level sub-menus, where applicable */
#mbox hr { background-color: #060606; } /* horizontal line */

/* === WEBSITE NAME & SLOGAN === */
#sbox { color: #060606; } /* website name text colour */
#site { border-color: #060606; } /* website name border colour */
#site h4 { color: #f05634; } /*  website name's highlighted text colour */

/* === GALLERY MENU === */
#smenu { border-top-color: #060606; border-bottom-color: #c4c4c4; }
#smenu li::before { color: #060606; } /* numbers */
#smenu li a { color: #060606; } /* links */
#smenu li a:hover { color: #d45d5d; }

/* === ADMIN MENU === */
.admin_menu a { color: #858585; }
.admin_menu a:hover { color: #060606; }

/* === MAIN TABLES === */
.maintable, .maintable01 { border-color: #c4c4c4; }
.tableh1 { color: #060606; border-bottom-color: #060606; } /* table name */
.tableh1 span::before { background-color: #8128AC; } /* diamond */
.maintable01 .tableh1 span::before { background-color: #BA73D9; } /* diamond - alternate */

/* === SECONDARY TABLES === */
.tableb a, .tablef a { color: #8d2a62; } /* table links */
.tableb a:hover, .tablef a:hover { color: #8d2a62; }

/* === THUMBNAILS === */
.thumb_title_views { background-color: #8128AC; color: #ffffff; border-right: 1px solid #fff; } /* album views */
.thumb_resolution { background-color: #BA73D9; color: #ffffff; } /* image resolution */
.thumb_caption { background-color: #53AC28; color: #ffffff; } /* date */

/* === IMAGES === */
a:link .image, a:visited .image { border-color: #c4c4c4; }
a:focus .image, a:hover .image, a:active .image { border-color: #060606; }

/* === CATEGORIES LIST === */
.catrow_noalb, .catrow { border-color: #c4c4c4; }
.catlink a { color: #060606; box-shadow: 0 -4px #8128AC inset; } /* change colour code for category highlight */
.catlink a:hover { color: #060606; box-shadow: 0 -4px #BA73D9 inset; } /* hover colour of highlight; change link colour if preferred */

/* === GALLERY STATISTICS === */
.statlink2 { background-color: #ffffff; color: #060606; }

/* === BREADCRUMB (GALLERY PATH) === */
.breadh1 { background-color: transparent; border-color: #060606; }
.breadstat { color: #060606; } /* text & link colour */
.breadstat a:hover { color: #060606; }

/* === ALBUMS LIST === */
.alblink { border-color: #060606; }
.alblink::before { border-left-color: #53AC28; } /* left arrow for album title */
.alblink a { color: #060606; }
.alblink a:hover { color: #060606; }

/* === ALBUM TITLE - ALBUM VIEW ONLY === */
h1, h2 { color: #060606; }

/* === ALBUM PAGES === */
.navmenu1 { color: #060606; } /* current page number */
.navmenu a { color: #060606; } /* page numbers */
.navmenu a:hover { color: #e0233f; }

/* === ELEMENTS (TEXT BOXES, DROPDOWNS, ETC.) == */
.textinput, .listbox { border-color: #c4c4c4; }
.textinput:focus { border-color: #d45d5d; }
select { border-color: #c4c4c4; }
.button, .buttonlist ul li a { background-color: #060606; color: #ffffff; }
.button:hover, .buttonlist ul li a:hover { background-color: #d45d5d; color: #ffffff; }

/* === FOOTER === */
footer { border-top-color: #060606; border-bottom-color: #c4c4c4; }
footer ul { color: #060606; } /* footer text & link colour */
footer ul li a:hover { color: #d45d5d; } /* footer link hover colour */
footer ul li::after { background-color: #53AC28; } /* diamond */