	#container{ 
		width:960px;
		margin:0 auto;
		background-color:#1F150C;
	}
	header {
		margin-top:0px;
		margin-bottom:10px;
		margin-left:4%;
		margin-right:0%;
		background-color:#525250;
		color: #FFFFFF;
		width:92%;
		height:150px;
		font-family:Tahoma, Arial, sans-serif;
	}
	nav {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:4%;
		margin-right:0%;
		background-color:#978F66;
		color:#000;
		width:92%;
		height:50px;
	}
	
	nav ul {
		list-style-type: none; /*Take away the bullet points*/
		padding:0 ;
		margin:0 ;
		overflow: hidden; /*specifies that if your content is too big for the box it will just be hidden instead of scrolling or overlapping */
	}

	nav li {
		float: left; /*force the list items to float beside one another rather than be a vertical list*/
		font-family:Tahoma, Arial, sans-serif; /*you can declare any set of fonts here*/
		font-size: 8; /*makes the font bigger than the rest of the normal links*/
		line-height: 50px;
		height: 50px; /*specifies how tall your navigation buttons are going to be*/
	}

	nav a:link, nav a:visited {
		display: block; /*display a block around each <a> tag*/
		width: 176px; /*the block will be however wide you specify here*/
		color: white; /*make the text in the <a> tags whatever color you specify here*/
		background-color: #978F66; /*make the box whatever color you specify here*/
		text-align: center; /*align the <a> tags to the center of the box*/
		text-decoration: none; /*this takes away the underline of the <a> tag*/
		transition: .3s background-color; /*this animates the color for when you scroll over the box*/
	}

	nav a:hover, nav a:active {
		background-color: #218C8D; /*when you scroll over or click on the <a> tag, the box will turn this color*/
	}
	section {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:4%;
		margin-right:0%;
		background-color:#622B14;
		color:#ffffff;
		width:60%;
		height:400px;
		float:left;
		overflow:scroll;
	}
	aside {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0%;
		margin-right:4%;
		background-color:#995F2F;
		color:#ffffff;
		width:30%;
		height:400px;
		float:right;
		overflow:scroll;
	}
	footer {
		margin-top:0px;
		margin-bottom:10px;
		margin-left:4%;
		margin-right:0%;
		background-color:#525250;
		color:#ffffff;
		width:92%;
		height:50px;
		clear:both;
		text-align:center;
	}
	body {
		font-family:Tahoma, Arial, sans-serif;
		background-color:#000;
	}
	h4 {
		margin-bottom:0px;
	}
	h3{
		margin-bottom:0px;
		text-align:center;
	}
	h2{
		margin-bottom:0px;
	}
	h1 {
		text-align:center;
		margin-left:20%;
		margin-right:20%;
		padding-top:50px;
	}
	p {
		margin-top:0px;
		text-color:#ffffff;
		padding-left:2%;
		padding-right:2%;
	}
	.cam-flash {
		position:relative;
		top:0px;
		bottom:20px;
		width:20%;
		
	}
	.scratch {
		border-style:dotted;
		border-color:#000;
		border-width:5px;
		text-align:center;
	}
	.jalen-jpg {
		display:block;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:10%;
		margin-left:6%;
		width:30%%;	
	}
	
	label {
		text-align:right;
		font-size:20px;
		border:5px solid #DFBF87;
		background:#4A291E;
	}
	input {
		margin-top:10px;
		margin-bottom:10px;
		border:2px solid #000;
		border-radius:25px;
		padding-top:1px;
		padding-left:1%;
	}
	.subject {
		height:20px;
		width:80%;
	}
	article ul a:hover, ul a:active {
		background-color:#9C1027;
    
	}
	article ul a:link, ul a:visited {
		display: block;
		width: 38%;
		color: #ffffff;
		text-decoration: none;
		transition: .3s background-color;
	}
	aside img{
		padding-top:55px;
	}
	
	.writings-columns{
		margin-left:20%;
		border: 1px dotted;
		width: 55%;
		text-align: center;
		border-collapse: separate;
		margin-right:2%;
	}