@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700);

/* CSS Reset */
	html, body, div, form, fieldset, legend, label { margin: 0; padding: 0; font-size: 100%; }
	article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	img, object, embed, canvas { /*display: block;*/ margin: 0; padding: 0; max-width: 100%; border: 0; font-size: 0.9em; font-style: italic; }
	sup, sub { line-height: 0; }
	table { border-collapse: collapse; border-spacing: 0; }

/* General Classes */
	.clear { clear: both; }
	.justify {
		text-align: justify;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}

body {
	font-family: "open sans", verdana, helvetica, arial, sans-serif;
	color: #eee;
	background: url(blueprint.png) fixed;
}
a { color: #fff; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Sidebar */
	#sidebar {
		max-width: 22em;
		height: 100%;
		position: fixed;
		background: rgba(0,0,0,0.75);
		overflow: auto;
	}
	#sidebar span {
		width: 50em;
		height: 100%;
		background: url(radiant_icon.svg) no-repeat;
		background-size: 50em 50em;
		background-position: -25em 50%;
		opacity: 0.1;
		position: fixed;
		z-index: -1;
	}
	#sidebar h1 { font-size: 3em; }
	#sidebar header,
	#sidebar p {
		padding: 0 1em;
	}
	#sidebar ul {
		padding: 0;
		list-style: none;
	}
	#sidebar li {
	}
	#sidebar li a {
		display: block;
		padding: 0.5em 1em;
		color: #eee;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px solid #333;
	}
	#sidebar li:first-child a {
		border-top: 1px solid #333;
	}
	#sidebar li a:hover {
		background-color: rgba(64,64,64,0.75);
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-ms-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	#sidebar small {
		color: #444;
		font-size: 0.7em;
	}

#content {
	margin: 0 0 0 22em;
	position: fixed;
	height: 100%;
	width: calc(100% - 22em);
	overflow: auto;
	box-shadow: 0 0 16em #111 inset;
}

article {
	/*margin: 0 0 0 22em;*/
	padding: 1em 0 4em 0;
}
article p { line-height: 1.75em; }
section {
	max-width: 50em;
	margin: 0 auto;
	padding: 0 1em 2em 1em;
}

#logos div, #legacy div {
	width: 45%;
	float: left;
}
#logos div+div, #legacy div+div { 
	margin-left: 5%;
}

dt {
	line-height: 1.75em;
	font-weight: bold;
}
dd {
	line-height: 1.75em;
}
dd+dt {
	margin-top: 1em;
}


h1 {
	font-size: 2em;
	text-shadow: 0 3px 1px #000;
}



.svg {
	display: block;
	width: 100%;
	/*max-width: 500px; */
	margin: 0 auto;
}
img {
	display: block;
	margin: 0 auto;
}


/* Colour Table */
	.transbox {
		max-width: 30em;
		margin: 0 auto;
		padding: 2em;
		background: rgba(0,0,0,0.25);
		border-radius: 8px;
	}
	table { font-size: 0.8em; }
	table, tr, td {
		/*border: 1px solid #555;*/
		border-collapse: collapse;
		padding: 0.25em 1.5em;
	}
	#pureblack { width: 3em; background: #000; }
	#headergray { background: #333; }
	#graytext { background: #444; }
	#radiantgriddarkblue { background: #0e132a; }
	#radiantgridlightblue { background: #151c3e; }
	#radiantbackgroundblue { background: #29387b; }
	#radiantbackgroundglow { background: #349; }
	#linktext { background: #78d; }
	#radiantlogotext { background: #e1e3ec; }
	#purewhite { background: #fff; }