body
{
	font-family: 'Cabin', Verdana, Helvetica, Arial, sans-serif;
	background-color: #707070;/*#121212;*/
	background-image:-webkit-linear-gradient(left, #202020 0%, #707070 30%, #707070 70%, #202020 100%);
	background-image:-moz-linear-gradient(left, #202020 0%, #707070 30%, #707070 70%, #202020 100%);
	background-image:-o-linear-gradient(left, #202020 0%, #707070 30%, #707070 70%, #202020 100%);
	background-image:-ms-linear-gradient(left, #202020 0%, #707070 30%, #707070 70%, #202020 100%);
	overflow-y: scroll;
}

h1
{
	font-size:24px;
	margin: 0px;
	padding:25px 30px 15px 30px; /* 25px because of 5px padding necessary bc/o display error otherwise */
	font-family: 'Oxygen', sans-serif;
}

h1 + strong
{
	margin: 0px 30px 15px 30px;
}

h2
{
	color: #ff9000;
}

a
{
	color:#ff9500;
	text-decoration:none;
}

a:hover
{
	color:#ff9500;
	text-decoration: underline;
}

#topBar
{
	width:1045px;
	height:23px;
	text-align:right;
	background-color: #202020;
	background-image:-webkit-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-moz-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-ms-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-o-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-linear-gradient(top, #303030 50%, #202020 100%);
	color:#ff9500;
	margin-left:auto;
	margin-right:auto;
	font-size:75%;
	padding-right:5px;
	padding-top:7px;
	border:solid 1px #505050;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-o-border-top-left-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-ms-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#effectBar
{
	position:relative;
	width:1045px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
	padding-right:5px;
	background-color:#000;
	background-image:url(/gfx/elypson.png);
	background-repeat:no-repeat;
	background-color:#303030;
	background-position:84px 0px;
	border-left:solid 1px #505050;
	border-right:solid 1px #505050;
}

#effectBar canvas
{
	position:absolute;
	right:4px;
	width:1045px;
	height:88px;
}

#screenshotBar
{
	width:1045px;
	height:234px;
	margin-left:auto;
	margin-right:auto;
	padding-right:5px;
	background-color:#202020;
	background-image:url(/gfx/screenshot.png);
	background-repeat:no-repeat;
	border:solid 1px #505050;
}

ul#navigationBar
{
	width:1050px;
	height:35px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#303030;
	background-image:-webkit-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-moz-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-o-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-ms-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	border-top:solid 1px #505050;
	border-left:solid 1px #505050;
	border-right:solid 1px #505050;
	border-bottom:solid 1px #505050;
	color:#ff9500;
	font-size:100%;
}

ul#navigationBar > li
{
	position:relative;
	list-style-type: none;
	float: left;
	width: 210px;
	text-align:center;
}

ul#navigationBar > li > a
{
	display:block;
	float:left;
	width: 100%;
	height: 100%;
	line-height: 35px;
	/*padding-left: 20px;
	padding-right: 20px;*/
	/*text-shadow: 2px 2px 3px #303030;*/
}

ul#navigationBar > li > a > img
{
	float: left;
	margin-right: 10px;
}

ul#navigationBar > li > a:hover
{
	text-decoration:none;
	border-bottom: inset inside 2px #ff9500;
	/*text-shadow: #FF9500 0px 0px 25px;*/
	background-image:-webkit-linear-gradient(top, #505050 0%, #404040 50%, #3a3a3a 51%, #2a2a2a 100%);
	background-image:-moz-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-o-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-ms-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
	background-image:-linear-gradient(top, #404040 0%, #303030 50%, #2a2a2a 51%, #1a1a1a 100%);
}

ul#navigationBar > li > ul
{
	position:absolute;
	left:-1px;
	top:35px;
	width:210px;
	height:0px;
	overflow: hidden;
	background-color: #303030;
	background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0.0, rgba(48, 48, 48, 0.97)), color-stop(1.0, rgba(42, 42, 42, 0.97)));
	background-image:-moz-linear-gradient(left top, rgba(48, 48, 48, 0.95) 0%, rgba(42, 42, 42, 0.97) 100%);
	background-image:-o-linear-gradient(left top, #303030 0%, #2a2a2a 100%);
	background-image:-ms-linear-gradient(left top, #303030 0%, #2a2a2a 100%);
	background-image:linear-gradient(left top, color-stop(0.0, rgba(48, 48, 48, 0.95)), color-stop(1.0, rgba(42, 42, 42, 0.95)));
	z-index:200;
	padding:0px;
}

ul#navigationBar > li > ul > li
{
	margin: 0px;
	text-align:left;
	padding: 5px 5px 5px 5px;
	/*
	list-style-image:url(/gfx/menuSubTutorials.png);
	list-style-position:inside;*/
}

ul#navigationBar a:hover + ul, ul#navigationBar a + ul:hover
{
	border: solid 1px #505050;
	height: auto;
}

#content
{
	position:relative;
	width:1050px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	background-image:-webkit-linear-gradient(left top, #ffffff 50%, #f0f0f0 100%);
	background-image:-moz-linear-gradient(left top, #ffffff 50%, #f0f0f0 100%);
	background-image:-o-linear-gradient(left top, #ffffff 50%, #f0f0f0 100%);
	background-image:-ms-linear-gradient(left top, #ffffff 50%, #f0f0f0 100%);
	background-image:linear-gradient(left top, #ffffff 50%, #f0f0f0 100%);
	border-left:solid 1px #505050;
	border-right:solid 1px #505050;
	border-bottom:solid 1px #505050;
}

#footer
{
	width:1035px;
	height:18px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:5px;
	padding-top:1px;
	background-color:#303030;
	background-image:-webkit-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-moz-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-o-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-ms-linear-gradient(top, #303030 50%, #202020 100%);
	background-image:-linear-gradient(top, #303030 50%, #202020 100%);
	border-left:solid 1px #505050;
	border-right:solid 1px #505050;
	border-bottom:solid 1px #505050;
	color:#ff9500;
	font-size:12px;
	text-align:center;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-o-border-radius-bottom-left: 5px;
	-o-border-radius-bottom-right: 5px;
	-ms-border-radius-bottom-left: 5px;
	-ms-border-radius-bottom-right: 5px;
}