.header.image ~ div.h1 > h1
{
	--shadow-color: rgba(255,255,255,0.25);
	--shadow-border1: 0.075em;
	--shadow-border2: 0.0325em;

	--n-shadow-border1: -0.075em;
	--n-shadow-border2: -0.0325em;
}

.header.image ~ div.h1 > h1
{
	color: #000000;
	
	text-shadow: var(--shadow-border1) 0 var(--shadow-color), var(--n-shadow-border1) 0 var(--shadow-color), 0 var(--shadow-border1) var(--shadow-color), 0 var(--n-shadow-border1) var(--shadow-color),
               var(--shadow-border2) var(--shadow-border2) var(--shadow-color), var(--n-shadow-border2) var(--n-shadow-border2) var(--shadow-color), var(--shadow-border2) var(--n-shadow-border2) var(--shadow-color), var(--n-shadow-border2) var(--shadow-border2) var(--shadow-color);
}

body
{
	background-color: #EEFFDD;
}

ul.mainmenu,
.next.last
{
	background-color: #CCDDBB;
}
.read
{
	background-color: #DDEECC;
}

.next.last > a:hover,
.next.last > a:hover::after,
.next.last > a:hover::before,
ul.mainmenu > li:hover,
a.selected
{
	background-color: #DDEECC;
}

.next.last > a,
ul.mainmenu > li > a
{
	color: #000000;
}