@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'CConsole';
	src: url('res/console.ttf');
	src: local('CConsole'), 
		local('console'), 
		url('res/console.ttf') format('truetype'); 
} 

a:link {color:#00FF00;}
a:visited {color:#00FF00;}
a:hover {color:#FFFF00;}
a:active {color:#00FF00;}

.img-link, .img-link img {
   text-decoration: none !important;
   border: 0px !important;
   outline: none;
   border-width: 0px;
   outline-width: 0px;
   border-bottom: none;
}

body {
	font-family: 'CConsole';
	font-size: 22px;
	font-weight: normal;
	text-shadow: 3px 3px 4px #000000;
	background-color: black;
	background-image: url("res/background.png");
	background-position: top;
	background-repeat: repeat;
	color: #BCBCD1;
	display: flex;
	justify-content: center;
}

h2 {
	color: #AAFFAA;
	display: inline;
	font-weight: normal;
	font-size: 24px;
}

.contentWrapper{
	width: 1200px;
	border: 0px;
}

.navArea {
	vertical-align: top;
}

.navBarTop {
	background-image: url("res/navBarTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 312px;
}

.navBar {
	background-image: url("res/navBarMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.navBarBottom {
	background-image: url("res/navBarBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	min-width: 312px;
}

.followBar {
	background-image: url("res/followBar.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 33px;
	text-align: right;
	min-width: 230px;
	height: 130px;
}

.mainBodyHeader {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 42px;
	line-height: 18px;
}

.mainBodyTop {
	background-image: url("res/mainBodyTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 868px;
	height: 100px;
}

.mainBody {
	background-image: url("res/mainBodyMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	padding-right: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.mainBodyBottom {
	background-image: url("res/mainBodyBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	width: 868px;
	height: 70px;
}


.mainBodySideHeader {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 32px;
	line-height: 18px;
}

.mainBodySideTop {
	background-image: url("res/mainBodySideTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 528px;
	height: 100px;
}

.mainBodySide {
	background-image: url("res/mainBodySideMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	padding-right: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.mainBodySideBottom {
	background-image: url("res/mainBodySideBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	width: 528px;
	height: 70px;
}

.screenshotFrame {
	background-image: url("res/screenshotFrame.png");
	background-repeat: no-repeat;
	width: 340px;
	height: 280px;
}

.screenshotBody {
	text-align: center;
	padding-top: 40px;
	padding-left: 48px;
	padding-right: 48px;
}

.screenshotFont {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 18px;
}

.footerBar {
	height: 110px;
	width: 600px;
	background-image: url("res/footerBar.png");
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding-right: 40px;
	padding-bottom: 5px;
	color: #AAFFAA;
	font-weight: normal;
	font-size: 32px;
	line-height: 18px;
}

.contentArea {
	vertical-align: top;
	padding-left: 10px;
}