/* Sections:
head
nav
content
footer
*/

/* Colour scheme:
#ffc - background content
#cc9 - bacground navigation
#660 - border + text colour
#f90 - 
#220 - 
*/

body{
	background-color: #cc9;
	color: #660;
}

a {
	color: #660;
}

a:hover {
	color: #f90;
}

#head {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4em;
        padding-left: 1em;
	background-color: #ffc;
	
}

body>#head {
	position: fixed;
}

#nav {
	position: absolute;
	top: 4em;
	left: 0;
	bottom: 0;
	width: 9em;
	background-color: #cc9;
	
	border-top: 3px solid #660;
}

body>#nav {
	position: fixed;
}

#nav img.flag {
	float: left;
	margin-left: 0.25em;
	/*margin-right: 0.25em;*/
	margin-top: 0.25em;
/*	margin-bottom: 0.25em;*/
	border: 0;
}

#nav ul {
	margin-left: 0em;
	padding-left: 0.6em;
	list-style: none;
	font-size: 95%;
}


#content_container {
	position: absolute;
	left: 9em;
	right: 0em;
	top: 4em;
}

#content {
	border-left: 3px solid #660;
	border-top: 1px solid #ffc;
	border-bottom: 1px solid #ffc;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	background-color: #ffc;
	overflow: auto;
/* Border debug. 
	border: 1px solid red; */
}

#content h1 {
	
	font-size: 150%;
	padding-left: 0.25em;
	border-left: 1px solid #f90;
	border-bottom: 1px dashed #f90;
}

#content h2 {
	font-size: 100%;
	padding-left: 0.5em;
}

#content div {
 	overflow: auto;
}

#content p.right {
	text-align: right;
}

#content div img.left {
	float: left;
	margin-right: 0.5em;
	margin-top: 0.25em;
}

#content div img.right {
	float: right;
	margin-left: 0.5em;
	margin-top: 0.25em;
}

#content div.image_stack {
	height: 9em;
	margin: 0.25em;
	margin-top: 0em;
}

#content div img.stack {
	float: left;
	height: 9em;
	margin: 0.25em;
	padding: 0.25em;
	border: 1px dashed #660;
}

#footer {

	height:3em;
	background-color: #cc9;
	border-top: 3px solid #660;
	padding: 0.5em;
	font-size: 80%;
	text-align: right;
	/* Border debug. 
	border: 1px solid red; */
}