/* 

DEFAULT MAIN COLOURS:

RED: #ec0a2f
YELLOW: #faa00b
BLUE/GREEN (for links): #07a17f
BLACK: #030303
WHITE: #ffffff

*/

/* === SCROLLBAR === */
::-webkit-scrollbar { border-color: #ffffff; background: #252525; }
::-webkit-scrollbar-thumb {	border-color: #ffffff; background: #ec0a2f; }

/* === MAIN COLOUR SCHEME === */
body { background-color: #ffffff; color: #030303; }
	/* the elements below MUST have the same value as body background-color - start */
	#site, .mbox ul::before, .mbox ul::after, .navmenu2, #cred ul { background-color: #ffffff; }
	.stick { border-color: #ffffff; }
	.thumb_resolution { border-color: #ffffff;}
	/* end */

/* === WEBSITE NAME & SLOGAN === */
#sbox { color: #030303; } /* website name text colour */
#site span { color: #8f524f; } /*  website name's highlighted text colour (e.g. celebrity last name as shown in preview) */
#site::before, #site::after { background-color: #8f524f; } /* horizontal line; best to match this with above's colour value */
#slogan { color: #030303; }

/* === MENU BAR === */
.mbox, .show-menu, .mbox ul ul { background-color: #030303; color: #ffffff; }
.mbox li a:hover { color: #babbd7; } /* menu link hover colour */
.mbox li::after { background-color: #ad714f; } /* bullet points spacer */
.mbox ul ul { border-color: #030303 #ffffff #ffffff #ffffff;  } /* second-level sub-menus */

/* === GALLERY MENU === */
#smenu li a { color: #030303; }
#smenu li a:hover { color: #8f524f; }

/* === ADMIN MENU === */
.admin_menu_wrapper { border-top-color: #e5e5e5; }
.admin_menu a { color: #828282; }
.admin_menu a:hover { color: #030303; }

/* === MAIN TABLES === */
.maintable, .maintable01 { border-color: #030303; box-shadow: -4px 4px #030303; }
.tableh1 { color: #030303; border-bottom-color: #8f524f; } /* table name */
.maintable01 .tableh1 { border-bottom-color: #ad714f; } /* table name bottom border - alternate */

/* === SECONDARY TABLES === */
.tableb, .tablef { border-color: #e5e5e5; }
.tableb a, .tablef a  { color: #07a17f; }
.tableb a:hover, .tablef a:hover { color: #07a17f; }

/* === THUMBNAILS === */
.thumbnails { border-color: #e5e5e5; }
.thumb_title_title::after { background-color: #030303; } /* bottom border of album titles on Last Updated Albums, etc. */
.thumb_title_views, .thumb_caption { color: #030303; } /* views and date text colour; add background-color if preferred */
.thumb_resolution, .thumb_resolution::before, .thumb_resolution::after { background-color: #030303; color: #ffffff; } /* resolution background and text color */

/* === CATEGORIES LIST === */
.catrow_noalb, .catrow { border-color: #e5e5e5; }
.catlink a { color: #030303; }
.catlink a:hover { color: #8f524f; }
.catlink a::before { color: #8f524f; } /* arrows before category name */

/* === GALLERY STATISTICS === */
.statlink2 { background-color: #e5e5e5; color: #030303; }

/* === BREADCRUMB (GALLERY PATH) === */
.breadstat { background-color: #ffffff; color: #030303; }
.breadstat a { color: #030303; }
.breadstat a:hover { color: #030303; }
.breadstat::before, .breadstat::after { background-color: #030303; } /* horizontal line */

/* === ALBUMS LIST === */
.alblink { background-color: #030303; }
.alblink::before { background-color: #8f524f; } /* left border of album title */
.alblink a { background-color: #ffffff; color: #030303; } /* best to match background-color with body */
.alblink a:hover { color: #030303; }
tbody td:nth-of-type(even) .tableh2 .alblink::before { background-color: #ad714f; } /* alternate colour for left border of album title */

/* === ALBUM TITLE - ALBUM VIEW ONLY === */
h2 { color: #030303; }

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

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

/* === FOOTER === */
#cred ul { color: #030303 } /* credit area colour */
#cred li a { color: #030303; }
#cred li a:hover { color: #8f524f; }
#cred li::after { background-color: #ad714f; } /* bullet points spacer */
footer { color: #030303; } /* disclaimer */
#social a { background-color: #030303; color: #ffffff; border-color: #030303; }
#social a:hover { background-coolor: #ffffff; color: #030303; }