/* 

DEFAULT MAIN COLOURS:

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

*/

/* === SCROLLBAR === */
::-webkit-scrollbar { border-color: #EDD3A3; background: transparent; }
::-webkit-scrollbar-thumb {	border-color: #EDD3A3; background: #CC2321; }

/* === MAIN COLOUR SCHEME === */
body { background-color: #EDD3A3; 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: #E16A35; }
	.stick { border-color: #ffffff; }
	.thumb_resolution { border-color: #ffffff;}
	/* end */

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

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

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

/* === 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: #DEDEDE;  }
.tableh1, .tableh1alt { color: #030303; border-bottom-color: #24507B; font-family: Bangers, serif; font-size: 35px;
	font-weight: 600;
	font-style: normal; text-transform: uppercase; padding-bottom: 0px; letter-spacing: 2px;}
.tableh1min 
    { color: #030303; border-bottom-color: #24507B; font-family: Bangers, serif; font-size: 40px;
	font-weight: 600;
	font-style: normal; text-transform: uppercase; padding-bottom: 0px; letter-spacing: 2px;
}/* table name */
.maintable01 .tableh1, .tableh1alt { border-bottom-color: #24507B; padding-bottom: 0px; } /* 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: #ffffff; }
.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::after { background: #CB201E;
background: linear-gradient(94deg, rgba(203, 32, 30, 0.8) 29%, rgba(230, 114, 55, 1) 100%); color: #ffffff; letter-spacing: 1px; }
.thumb_resolution::before { background: #CB201E;
background: linear-gradient(94deg, rgba(203, 32, 30, 0.8) 29%, rgba(230, 114, 55, 1) 100%); color: #ffffff;}/* resolution background and text color */

/* === CATEGORIES LIST === */
.catrow_noalb, .catrow { border-color: #e5e5e5; font-family: 'Anuphan', sans-serif;
	font-size: 12px; letter-spacing: .5px; font-weight: 500; }
.catlink a { color: #030303; }
.catlink a:hover { color: #030303;  }
.catlink a::before { color: #B61930;  } /* arrows before category name */

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

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

/* === ALBUMS LIST === */
.alblink { background-color: #ffffff; color: #B71C3A; }
.alblink::before { background-color: #ffffff; } /* 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: #ffffff; color: #247260; } /* 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: #721F34; }

/* === 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; }ffffff
.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: #721F34; }
#cred li::after { background-color: #B71C3A; } /* bullet points spacer */
footer { color: #000000; font-family: 'Anuphan', sans-serif;
	font-size: 12px; font-weight: 500; } /* disclaimer */
#social a { background-color: #030303; color: #ffffff; border-color: #030303; }
#social a:hover { background-coolor: #ffffff; color: #030303; }