/*------------------------------*/
/* General			*/
/*------------------------------*/

body, div, ul, h1, h2, h3{
	margin		: 0;
	padding		: 0;
}
a{
	text-decoration	: none;
}
body{
	background	: #272727 url(images/Back.jpg);
	font		: normal normal normal 14px Arial;
	color		: #BEBEBE;
}
img{
	border		: 2px solid #181818;
}
h1,h2,h3{
	font-size	: 0;
}
h2{
	display		: none;
}
h3{
	color		: #303030;
}
li{
	list-style	: none;
}
#light{
	position	: absolute;
	background	: url(images/BackLight.jpg);
	width		: 100%;
	height		: 232px;
	top		: 0;
	left		: 0;
}
#shell{
	position	: relative;
	background	: #303030 url(images/NinjaFade.gif) no-repeat left bottom;
	border		: 3px solid #181818;
	margin-left	: 108px;
	margin-right	: 110px;
	height		: 800px
}
body > #shell{
	height		: auto;
	min-height	: 800px;
}

/*------------------------------*/
/* Header			*/
/*------------------------------*/

#header{
	background	: #353740 url(images/Header.jpg);
	border-bottom	: 4px solid #181818;
	height		: 108px;
}
#header h1{
	background	: url(images/Logo.jpg) no-repeat 13px 17px;
	color		: #313237;
	width		: 268px;
	height		: 94px;
}
#menu{
	background	: #FFF url(images/Menu.jpg);
	height		: 25px;

}
#menu ul{
	background	: url(images/MenuEnd.jpg) no-repeat right;
	height		: 25px;
	padding		: 0 0 0 14px;
}
#menu ul li{
	float		: left;
	text-transform	: uppercase;
	font-family	: Trebuchet MS;
	font-size	: 12px;
	padding		: 2px 18px 0 0;
}
#menu ul li a{
	color		: #898989;
}
#menu ul li a:hover{
	color		: #FFF;
}

/*------------------------------*/
/* Side Column			*/
/*------------------------------*/

#access{
	position	: absolute;
	background	: url(images/EndPiece.jpg) no-repeat left bottom;
	border-right	: 3px solid #2D2D2D;
	left		: 0;
	padding		: 18px 18px 100px 10px;
}
#quote{
	background	: url(images/QuoteBox.jpg) no-repeat left 40px;
	width		: 224px;
	height		: 140px;
}
#quote p{
	margin		: 35px 20px 0 80px;
	font		: normal small-caps normal 12px Tahoma;
	color		: #AAA;
	height		: 70px;
}
#quote h3{
	background	: url(images/Quote.jpg);
	width		: 207px;
	height		: 33px;
}
#journals h3{
	background	: url(images/Journals.jpg);
	width		: 207px;
	height		: 33px;
}
#journals ul{
	padding		: 0 0 0 23px;
	color		: #636363;
}
#journals li a{
	color		: #FFF;
}
#picture h3{
	background	: url(images/Picture.jpg);
	width		: 207px;
	height		: 33px;
}
#picture img{
	margin		: 0 0 0 12px;
}

/*------------------------------*/
/* Content			*/
/*------------------------------*/

#content{
	margin		: 0px 0 0 260px;
	padding		: 0 30px 40px 20px;
	height		: 800px;
}
body > #shell > #content{
	height		: auto;
	min-height	: 800px;
}
#content a{
	display		: block;
	overflow	: hidden;
	height		: 40px;
	background	: url(images/Link.jpg) no-repeat;
	margin		: 5px 30px 0px 25px;
	padding		: 28px 4px 4px 85px;
	font		: normal normal bold 12px Tahoma;
	color		: #A4A4A4;
}
#content a:hover{
	background	: url(images/LinkHover.jpg) no-repeat 0 1px;
	color		: #FFF;
}
#content a:hover span{
	color		: #DDD;
}
#content span{
	display		: block;
	margin		: 10px 0 0 5px;
	font		: normal normal normal 10px Tahoma;
	color		: #555;
}
#content p{
	padding		: 0 35px 20px 35px;
	max-width	: 640px;
}
#content div{
	clear		: right;
	background	: url(images/ContentFade.jpg) repeat-x;
	padding-bottom	: 100px;
}
#content h3{
	height		: 44px;
}
#content h4{
	font		: normal small-caps bold 14px Tahoma;
	padding		: 0 0 5px 0;
	margin-left	: 35px;
	border-bottom	: 2px solid #222;
	color		: #AAA;
	width		: 200px;
}
#content ul{
	padding		: 0 0 0 45px;
}
#content ul li{
	background	: url(images/InComplete.jpg) no-repeat 1px 1px;
	padding		: 0 0 0 25px;
	color		: #777;
}
#content ul .complete{
	background	: url(images/Complete.jpg) no-repeat;
	color		: #CCC;
}
#guide{
	border		: none;
	float		: right;
}
#prologue h3{
	background	: url(images/Prologue.jpg) no-repeat;
	margin		: 0 0 0 -8px;
}
#gallery h3{
	background	: url(images/Gallery.jpg) no-repeat;
	margin		: 0 0 0 -9px;
}
#mdave h3{
	background	: url(images/MDave.jpg) no-repeat;
	margin		: 0 0 0 -12px;
}
#about h3{
	background	: url(images/About.jpg) no-repeat;
	margin		: 0 0 0 -9px;
}
#forums h3{
	background	: url(images/Forums.jpg) no-repeat;
	margin		: 0 0 0 -17px;
}
#progress h3{
	background	: url(images/Progress.jpg) no-repeat;
	margin		: 0 0 0 -12px;
}
#files h3{
	background	: url(images/Files.jpg) no-repeat;
	margin		: 0 0 0 -17px;
	padding		: 60px 0 0 0;
}
#recent h3{
	background	: url(images/Recent.jpg) no-repeat;
	margin		: 0 0 0 -12px;
}

/*------------------------------*/
/* Footer			*/
/*------------------------------*/

#footer{
	background	: url(images/Footer.jpg) repeat-x;
	margin		: 20px 0 0 0;
	height		: 25px;
	color		: #4A4A4A;
	padding		: 23px 20px 0 0;
}
#footer h2{
	display		: block;
	text-align	: right;
	font		: normal normal normal 12px Tahoma;
}
#footer h2 em{
	font-size	: 14px;
	font-style	: normal;
	color		: #696969;
	text-decoration	: none;
}
#footer h2 strong{
	color		: #FFF;
}