html {
	margin:0;
	padding:0;
	height: 101%;
}

body {
	margin:0;
	padding:0;
	background-image:url('backgroundalt.png');
}


.navigation {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #fff;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	width: 224px;
	float: left;
	padding-left: 20px;
	padding-top: 30px;
}

.navigation h3 {
	font-weight: 400;
}

.navigation a:link{
	color: #fff;
	text-decoration: none;
}

.navigation  a:visited {
	color: #fff;
	text-decoration: none;
}

.navigation a:hover {
	color: #ff0000;
	text-decoration: none;
}

.navigation a:active {
	color: #fff;
	text-decoration: none;
}

.navn {
	padding-left:60px;
	padding-bottom: 20px;
}

.introcontent {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000;
	width: 580px;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	float: left;
	padding-left: 100px;
	padding-bottom: 100px;
}

.introcontent h1 {
	font-weight: 300;
}

.content {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000;
	width: 580px;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	float: left;
	padding-left: 100px;
	padding-bottom: 100px;
	padding-top: 160px;
}

.content h1 {
	font-weight: 300;
}

.content a:link {
	color: #8333ac;
}

.content a:visited {
	color: #8333ac;
}

.content a:hover {
	color: #ff0000;
}

.content a:active {
	color: #8333ac;
}

.introbanner {
	padding-left: 100px;
	padding-top: 80px;
}

.walkthroughcontent {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000;
	width: 430px;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	float: left;
	padding-left: 240px;
	padding-bottom: 100px;
	padding-top: 160px;
}

.walkthroughOptions {
	font-size: 24px;
}

.walkthroughOptions a:link {
	color: #8333ac;
	text-decoration: none;
}

.walkthroughOptions a:visited {
	color: #8333ac;
	text-decoration: none;
}

.walkthroughOptions a:hover {
	color: #ff0000;
	text-decoration: none;
}

.walkthroughOptions a:active {
	color: #8333ac;
	text-decoration: none;
}

.gamescontent {
	/*group games, creative challenges*/
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000;
	width: 580px;
	border-style: solid;
	border-color: #000;
	border-width: 0px;
	float: left;
	padding-left: 300px;
	padding-bottom: 100px;
	padding-top: 160px;
}

.gamescontent a:link {
	color: #8333ac;
}

.gamescontent a:visited {
	color: #8333ac;
}

.gamescontent a:hover {
	color: #ff0000;
}

.gamescontent a:active {
	color: #8333ac;
}

.groupgamesidebar {
	border-style: dotted;
	border-color: #8333ac;
	border-width: 1px;
	padding: 15px;
	font-weight: 400;
	margin-top: 15px;
}

.sourcecode {
	font-family: courier;
	font-size: 16px;
}