html
{
	scroll-behavior: smooth;
}

.bgstyle
{
    background-color: #fff;
	padding:0px;
	margin:0px;
}

.external
{
    padding-left: 2px;
    padding-bottom:2px;
}

#main
{
    width: 97%;
    height: 100%;
    padding: 0px;
    margin: 0px;
	margin-left: 10px;

	font-family: "FreeSans","Arimo","Droid Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color:#000;

    min-width:900px;
}

#header
{
    width: 100%;
    height: 155px;

	padding: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
    margin: 0px;
	margin-bottom: 30px;

	font-family: "FreeSans","Arimo","Droid Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color:#FFF;
	background-color:#0c0;

    min-width:900px;

	box-shadow: 0px 3px 5px #888;
}

#headertext
{
	padding-left:10px;
}

span.string
{
    color:#952;
}

span.reserved
{
    font-weight:bold;
    color:#259;
}

span.preprocessor
{
    color:#28a;
}

span.comment
{
    color:#888;
    font-style:oblique;
}

span.inlinecode
{
    font-family:"Consolas", monospace;
	font-size:14px;
	color:#292;
}

div.codeblock
{
    border:1px;
    border-radius:5px;
    border-color:#888;
    border-style:solid;

    background-color:#eee;
    border-left:10px;
    border-left-style:solid;
    border-left-color:#999;
    padding:5px;

    font-family:"Consolas", monospace;
	font-size:11px;
	color:#222;

    max-width: 450px;
}

div.gameexample
{
	width:900px;
	height:225px;
	float:left;

	margin-bottom: 20px;

	clear:left;
}

div.gameexample2
{
	width:900px;
	height:298px;
	float:left;

	margin-bottom: 20px;

	clear:left;
}

div.gamedescriptor
{
	float:left;

	padding-left: 20px;
	padding-top: 80px;
}

div.gamedescriptor
{
	float:left;

	padding-left: 20px;
	padding-top: 80px;
}

img
{
    border-style:none;
}

a:link
{
    color:#0a0;
    border-style:none;
    font-weight:bold;
	text-decoration:none;
}

a:hover
{
    color:#0c0;
    border-style:none;
	font-weight:bold;
    text-decoration:underline;
}

a:visited
{
    color:#070;
    border-style:none;
    font-weight:bold;
	text-decoration:none;
}

a:active
{
	color:#0f0;
	border-style:none;
	font-weight:bold;
	text-decoration:underline;
}

a.header:link
{
    color:#fff;
    border-style:none;
    font-weight:bold;
	text-decoration:none;
}

a.header:hover
{
    color:#fff;
    border-style:none;
	font-weight:bold;
    text-decoration:underline;
}

a.header:visited
{
    color:#fff;
    border-style:none;
    font-weight:bold;
	text-decoration:none;
}

a.header:active
{
	color:#ccc;
	border-style:none;
	font-weight:bold;
	text-decoration:underline;
}

ul.navlist
{
    list-style-type:none;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

ul.navlist > li
{
    margin:0px;
    padding:1px;
}

ul.navlist > li > a:link
{
    text-decoration:none;
    color:#0c0;
}

ul.navlist > li > a:active, ul.navlist > li > a:hover, ul.navlist > li > a:visited
{
    text-decoration:underline;
    color:#000;
}

h1
{
    font-size: 32px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color: #FFF;
	margin:0px;
	padding:0px;
}

h2
{
    font-size: 26px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color: #0c0;
	clear:left;
}

h3
{
    font-size: 22px;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color: #0c0;
}

ol.olist > li
{
    padding-bottom:15px;
}