/* Colour Branding */

.dark
	{
		background-color:hsl(20, 33%, 14%);
	}

.light
	{
		background-color:hsl(42, 33%, 94%);
	}

.darksecondary
	{
		background-color:hsl(21, 44%, 26%);
	}

.lightaccent
	{
		background-color:hsl(45, 81%, 68%);
		color:#555;
	}

.darkaccent
	{
		background-color:hsl(25, 61%, 54%);
		color:hsl(42, 33%, 94%);
	}

body
	{
		background-color:#111;
		color:hsl(42, 33%, 82%);
	}
body>section
	{
		background-color:hsla(0,0%,13%,0.8);
	}

section>div
	{
		background-color:#222;
	}

footer, header
	{
		background-color:hsl(25, 63%, 14%);
	}
header .right-panel a:link, header .right-panel a:visited
	{
		color:#f5f2eb;
	}
footer>div
	{
		color:#f5f2eb;
	}

li
	{
		color:#F0CF6C;
		font-size:0.93em;
	}
h1
	{
		background-color:#F0CF6C;
		color:#555;
	}
h2
	{
		color: hsl(45, 80%, 64%);
	}
h3
	{
		color: hsl(45, 75%, 63%);
		font-size:1.2em;
	}
a:link
	{
		color:hsl(30, 83%, 56%);
	}	
a:visited
	{
		color:hsl(34, 50%, 45%);
	}
header a:visited, footer a:visited
	{
		color:#c09d59;
	}
a:hover, a:focus
	{
		color:hsl(48, 85%, 57%);
		text-shadow:#000 0 0 2px;
	}
header a:hover, footer a:hover, header a:focus, footer a:focus
	{
		color:#f0ca42;
		text-shadow:#000 0 0 2px;
		text-decoration:underline;
	}

.error
	{
		border-color:#C62;
		color:#D52;
	}
	
header .selected, footer .selected
	{
		background-color:hsla(20,80%,70%,0.15);
	}