/*Style by NicWhite989.com */

body {background:#000;
margin:0; padding:0;
}


#container {
	position:relative;
	left:25px; /*change to center Nav Bar!!! */
	top:365px;
	margin-left:auto;
	margin-right:auto;
    width: 1053px;
	height:80px;
    margin: auto;
}

ul, li {
    margin: 0;
    padding: 0;
}

#blob {
    background: #cc0000;
    border-right: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #990000, #ff0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#ff0000));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #330000;
    -webkit-box-shadow: 2px 3px 10px #330000;
}

#nav {
    position: relative;
    background-image: url(/img/grain.png);
	background-repeat:repeat;
    float: left;
}

#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid black;
}

#nav li a {
    color: #e3e3e3;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
	font-weight:bold;
	font-size: 100%;
    font-family: helvetica, arial, sans-serif;
	text-shadow:#000 0.1em 0.1em 0.1em;
    text-decoration: none;
    padding: 10px 43px;
    width: 100%;

}

#missionBox {
	position:relative;
	width:100%;
	height:600px;
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
	background: linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	border: 2px groove #999;
}

#headerBox {
	margin-left:auto;
	margin-right:auto;
	width:1150px;
	height:405px;
	background-image: url(../img/bna.jpg);
	background-attachment: scroll;
	background-position: center;}

#historyBox{...}

#footer{
	width: 100%;
	clear: both;
	margin: 0px auto;
	border-top:medium #666 solid;
	background:#333;
	position: relative;
	bottom: -75px;
	}

#mainContentHolder {
	position: relative;
	top:1px;
	margin-left:auto;
	margin-right:auto;
	width:1053px;
	padding:15px;
	height: auto;
	
}

New shit
.nwBody #container { 
	position: relative; 
	width: 1053px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 

.nwBody #sidebar1 {
	position: absolute;
	top: 50px;
	left: 10px;
	width: 150px; 
	background-image: url(/img/grain.png);
    background-repeat:repeat;
	padding: 5px 5px 5px 5px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.nwBody #sidebar2 {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 150px; 
	background-image: url(/img/grain.png);
	background-repeat:repeat;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	
.nwBody #mainContent {
;
	color:#FFF;
	padding: 18px;
	background-image: url(/img/grain.png);
	background-repeat:repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: auto;
	margin-top: 0;
	margin-right: 170px;
	margin-bottom: 0;
	margin-left: 170px;
	position: relative;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
	
Dynamic Content Boxes-

.adBox {
	margin:5px;
	background-color: #0F0;
	padding:10px;
	width:120px;
	height:120px;
}

#suggestBox {
	margin:5px;
	background-color:#C3C;
	padding:10px;
	width:120px;
	height:120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #333;
	}
	
#artistHolder{
	padding: 0 px 10px 10px 10px;
	width: 100%;
	height: 350px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: url(/img/grain.png);
	background-repeat:repeat;
	}
	
#artistPhotos{
	background-color:#C00;
	float:left;
	height:300px;
	width: 300px;
	margin: 0px 15px 0px 0px;
	
}
	
#artistInfo{
	padding: 10px 10px 10px 20px;
	width: 330px;
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: url(/img/grain2.png);
	background-repeat:repeat;
}

#albumHolder{
	width: 97%;
	height: 600px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}

#albumNames{
	width:100%;
	height: 50px;
	background-color:#0F0;	
}

Dynamic album name menus
			.menu { padding: 0;
			clear: both;
			}
			.menu li { display: inline; 
			}
			.menu li a { 
			/* IE10 */ 
			background-image: -ms-linear-gradient(top, #F00000 0%, #A60000 100%);
			
			/* Mozilla Firefox */ 
			background-image: -moz-linear-gradient(top, #F00000 0%, #A60000 100%);
			
			/* Opera */ 
			background-image: -o-linear-gradient(top, #F00000 0%, #A60000 100%);
			
			/* Webkit (Safari/Chrome 10) */ 
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F00000), color-stop(1, #A60000));
			
			/* Webkit (Chrome 11+) */ 
			background-image: -webkit-linear-gradient(top, #F00000 0%, #A60000 100%);
			
			/* Proposed W3C Markup */ 
			background-image: linear-gradient(top, #F00000 0%, #A60000 100%);
			padding: 10px; float:left; 
			border-right: 1px solid #000; 
			border-bottom: none; 
			text-decoration: none; 
			color: #000; 
			font-weight: bold;
			}
			.menu li.active a {
			background-image: url(/img/grain2.png);
			background-repeat:repeat;	
			}
			.content { float: left;
			clear: both;
			border: 1px solid #000;
			border-top: none;
			border-left: none;
			background-image: url(/img/grain2.png);
			background-repeat:repeat;	
			padding: 10px 20px 20px;
			width: 615px; 
			color: #000; 
			}
			
			h2.content {color:#0F0;}

#albumArt{
	background-color:#C00;
	float:left;
	height:150px;
	width: 150px;
	margin: 0px 15px 0px 0px;
	
}

#albumInfo{
	border-bottom: #000 thin;
	border-right: #000 thin;
	/* IE10 */ 
	background-image: -ms-linear-gradient(bottom, #9C0000 0%, #D90000 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #9C0000 0%, #D90000 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #9C0000 0%, #D90000 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9C0000), color-stop(1, #D90000));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #9C0000 0%, #D90000 100%);
	
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(bottom, #9C0000 0%, #D90000 100%);
	float:left;
	height:130px;
	width: 430px;
	padding:10px;
	margin-bottom:15px;
	line-height:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#tracksHolder {
	border-bottom: #000 thin;
	border-right: #000 thin;
	padding: 10px 10px 10px 20px;
	width: 95%;
	float:right;
	line-height:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: url(/img/grain.png);
	background-repeat:repeat;
	color:#FFF;
}

#tracks1 {
	float:left;
	margin-left:15px;
}

#tracks2 {
	float:right;
	margin-right:15px;
}

#timelineHolder {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	background-image: url(/img/grain.png);
	background-repeat:repeat;
}

				<!---TIMELINE HEEEERE!---->
				
				
				.event{
					/* Contains the event header and body list */
					float:left;
					padding:4px;
					text-align:left;
					width:300px;
					margin:0 5px 50px;
				}
				
				.eventList li{
					/* The individual events */
					background-color:#CCC;
					border:1px solid #EEEEEE;
					list-style:none;
					margin:5px;
					padding:4px 7px;
					
					/* CSS3 rounded corners */
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					border-radius:4px;
				}
				
				.eventList li:hover{
					/* The hover state: */
					cursor:pointer;
					border:1px solid #D4E6EE;
					color:#FFF;
					background-color: #C90000;
				}
				
				li span{
					/* The event icon */
					display:block;
					float:left;
					height:16px;
					margin-right:5px;
					width:16px;
				}
				
				/* Individual background images for each type of event: */
				
				li.news span.icon { 	background:url(img/icons/newspaper.png) no-repeat; }
				li.image span.icon { 	background:url(img/icons/camera.png) no-repeat; }
				li.milestone span.icon { background:url(img/icons/chart.png) no-repeat; }
				li.artist span.icon { 	background:url(img/icons/rapper2.png) no-repeat; }
				li.album span.icon { 	background:url(img/icons/cd.png) no-repeat; }
				li.show span.icon { 	background:url(img/icons/show.png) no-repeat; }
				li.video span.icon { 	background:url(img/icons/cam.png) no-repeat; }
				
				div.content{
					/* This div contains additional data for the content */
					display:none;
				}
				
				.eventHeading{
					/* The colorful year headings at the top */
					font-size:2em;
					margin:-5px -5px 10px;
					padding:2px 5px;
					text-align:center;
				}
				
				/* Three color styles for the headings: */
				
				.eventHeading.chreme{
					background:#FBF7F0;
					border:1px solid #EEE4D4;
					color:#A78B5F;
				}
				
				.eventHeading.red{
					background:#F00;
					border:1px solid #990000;
					color:#990011;
				}
				
				.eventHeading.yellow{
					background:#FFF000;
					border:1px solid #CC9911;
					color:#CC9911;
				}
				
				.eventHeading.blue{
					background:#E6F8FF;
					border:1px solid #D4E6EE;
					color:#548DA5;
				}
				
				.eventHeading.green{
					background:#E6FFDF none repeat scroll 0 0;
					border:1px solid #C9E6C1;
					color:#6EA85F;
				}
				
				#timelineLimiter{
					/* Hides the overflowing timeline */
					width:90%;
					overflow:hidden;
					padding-top:10px;
					margin-left: auto;
					margin-right:auto;
					border: #333 medium inset;
					background-image: url(/img/grain2.png);
				
				}
				
				#scroll{
					/* The small timeline below the main one. Hidden here and shown by jQuery if JS is enabled: */
					display:none;
					height:30px;
				
					background:#F5F5F5;
					border:1px solid #EEEEEE;
					color:#000000;
				}
				
				.scrollPoints{
					/* The individual years */
					float:left;
					font-size:1.4em;
					padding:4px 10px;
					text-align:center;
					width:100px;
					
					position:relative;
					z-index:10;
				}
				
				#centered{
					/* Centers the years, width is assigned by jQuery */
					margin:0 auto;
					position:relative;
				}
				
				#slider{
					/* Holds the scroll bar */
					margin:10px auto;
					height:25px;
					display:none;
				}
				
				#bar{
					/* The scroll bar */
					background:url(img/slider_center.png) repeat-x center center;
					height:25px;
					cursor:pointer;
				}
				
				#barLeft{
					background:transparent url(img/slider.png) no-repeat scroll left center;
					height:25px;
					width:20px;
					left:0;
					top:0;
					position:absolute;
				}
				
				#barRight{
					background:transparent url(img/slider.png) no-repeat scroll right center;
					height:25px;
					position:absolute;
					right:0;
					top:0;
					width:20px;
				}
				
				#overlay{
					/* The overlay that darkens the page when an event is clicked */
					position:absolute;
					z-index:10;
					top:0;
					left:0;
					background-color:#222222;
				}
				
				#windowBox{
					/* Shows details about the event on click */
					position:absolute;
					z-index:20;
					background-color:#fcfcfc;
					padding:10px;
					border:2px solid #666666;
					overflow:auto;
				}
				
				#titleDiv{
					/* The title of the windowBox */
					background:#F5F5F5;
					border:1px solid #EEEEEE;
					color:#AAAAAA;
					font-size:1.5em;
					margin-bottom:10px;
					padding:5px 10px;
				}
				
				#date{
					/* The date on the bottom of the windowBox */
					bottom:20px;
					color:#999999;
					font-size:0.8em;
					font-style:italic;
					position:absolute;
					right:15px;
					padding:2px;
					background:#FCFCFC;
				}
				
				#highlight{
					/* The blue highlight that moves with the scroll bar */
					height:30px;
					position:absolute;
					z-index:0;
					left:0;
					top:0;
					
					background:#CC0000;
					border:1px solid #CC2233;
					color:#000;
					border-width:0 1px;
				}
				
				.clear{
					clear:both;
				}
				
				-->