@charset "utf-8";
/* CSS Document */

body {
	background: #222747 url(../img/nightforest/backgroundgradient.gif) repeat-x left top;
	/*color: #9299CB;*/
	color: #FFF;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


a {
	color: #6973B1;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a:hover { background: #222747; }

ul { list-style: url(../img/nightforest/coinbullet.gif); }

p { margin: 10px 0px; }

div#wrapper {
	margin: 0px auto;
	background: url(../img/nightforest/backgroundclouds.png) no-repeat center top;
}

div#wrapper div#streamline {
	margin: 0px auto;
	width: 808px;
	background: url(../img/nightforest/contentbackground.gif) repeat-y center top;
}

div#wrapper div#streamline div#header {
	background: url(../img/nightforest/topheader.gif) no-repeat center top;
	height: 48px;
	width: 808px;
	margin: 0px auto;
}

div#wrapper div#streamline div#streamline2 {
	margin: 0px auto;
	width: 720px;
}


	div#wrapper div#streamline div#streamline2 div#banner {
		background: url(../img/nightforest/banner.png) no-repeat center top;
		height: 150px;
		width: 720px;
	}
	
	div#wrapper div#streamline div#streamline2 div#content {
		padding: 10px;
	}
		
		/* News Bar */
		div#wrapper div#streamline div#streamline2 div#content div#news {
			background: url(../img/nightforest/barnews.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
	
			div#wrapper div#streamline div#streamline2 div#content div#news ul {
				margin-left: 30px;
			}
			
			div#wrapper div#streamline div#streamline2 div#content div#news ul li a {
				color: #FFF;
				font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-weight: bold;
				display: block;
				border: 1px dotted #222747;
				height: 22px;
				background: #222747;
			}

			div#wrapper div#streamline div#streamline2 div#content div#news ul li a:hover{
				display: block;
				border: 1px dotted #222747;
				height: 22px;
				background: #262C4F;
				color: #6973B1;
			}
		
		/* Screenshots Bar */
		div#wrapper div#streamline div#streamline2 div#content div#screenshots {
			background: url(../img/nightforest/barscreenshots.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
			text-align: center;
		}
		
			div#wrapper div#streamline div#streamline2 div#content div#screenshots img {
				border: 3px double #626CB3;
				margin-right: 12px;
				margin-left: 12px;
			}
		
		/* Downloads Bar */
		div#wrapper div#streamline div#streamline2 div#content div#downloads {
			background: url(../img/nightforest/bardownloads.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
			/* Engine Update Bar */
		div#wrapper div#streamline div#streamline2 div#content div#highscore {
			background: url(../img/nightforest/highscores.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
		/* Engine Update Bar */
		div#wrapper div#streamline div#streamline2 div#content div#downloadnoticebar {
			background: url(../img/nightforest/bardownloadsnotice.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
		/* About Bar */
		div#wrapper div#streamline div#streamline2 div#content div#about {
			background: url(../img/nightforest/barabout.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
		/* Media Bar */
		div#wrapper div#streamline div#streamline2 div#content div#media {
			background: url(../img/nightforest/barmedia.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
		/* Videos Bar */
		div#wrapper div#streamline div#streamline2 div#content div#videos {
			background: url(../img/nightforest/barvideos.gif) no-repeat center top;
			padding-top: 32px;
			margin-bottom: 20px;
		}
		
	div#wrapper div#streamline div#streamline2 div#footertop {
		background: url(../img/nightforest/bottomfootertop.gif) no-repeat center top;
		height: 102px;
		width: 720px;
		margin-top: 20px;
	}

div#wrapper div#streamline div#footerbottom {
	background: url(../img/nightforest/bottomfooterbottom.gif) no-repeat center top;
	height: 48px;
	width: 808px;
	margin: 0px auto;
}

div#wrapper div#streamline div#footertext {
	padding-top: 20px;
	height: 50px;
	width: 808px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}

div#wrapper div#streamline div#footertext a {
	font-size: 12px;
	font-weight: bold;
	color: #6973B1;
}

div#wrapper div#streamline div#streamline2 div.divide {
	background: url(../img/nightforest/divide.gif) repeat-x left top;
	height: 8px;
	width: 720px;
}

div#wrapper div#streamline div#streamline2 div#content div.divide {
	background: url(../img/nightforest/divide.gif) repeat-x left top;
	height: 8px;
	width: 700px;
}


div#preheader {
	background: inherit;
	border-bottom: 1px solid #FFFFCC;
	padding: 10px;
}

	div#preheader.nojs {
		height: 400px;
		overflow: scroll;
	}

div#footertotal {
	background: url(../img/nightforest/totalfooterbackground.gif) repeat-x left bottom;
	height: 165px;
}