/* Colour Branding */

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

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

.darksecondary
	{
		background-color:hsl(25, 26%, 47%);
	}

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

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

body
	{
		background-color:hsl(45, 81%, 68%);
		color:#555;
	}
body>section
	{
		background-color:hsla(44, 35%, 94%, 0.85);
	}

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

footer, header
	{
		background-color:hsl(25, 61%, 54%);
		color:hsl(42, 33%, 94%);
	}
header .right-panel a:link, header .right-panel a:visited
	{
		color:#f5f2eb;
	}
footer>div
	{
	}

li
	{
		color:#F0CF6C;
		font-size:0.93em;
	}
h1
	{
		background-color:#F0CF6C;
		color:#555;
	}
h2
	{
		color: #444;
	}
h3
	{
		color: #555;
	}
a:link
	{
		color:#dc7004;
	}
a:visited
	{
		color:#a37629;
	}
header a:visited, footer a:visited
	{
		color:#c09d59;
	}
a:hover, a:focus
	{
		color:#d5ad0b;
		text-shadow:#FFF 0 0 2px;
	}
header a:hover, footer a:hover, header a:focus, footer a:focus
	{
		color:#f0ca42;
		text-shadow:#FFF 0 0 1px;
		text-decoration:underline;
	}

.error
	{
		border-color:#C62;
		color:#D52;
	}
	
header .selected, footer .selected
	{
		background-color:hsla(25,100%,70%,0.3);
	}