body {
			margin-top: -40px;
			background: #eee;
			color: #404040;
		}
		
		/* Controls link styles. Use span classes for dummy links */
		a, a:visited, a:active {
			color: #7066a7;
			text-decoration: none;
		}
		a:hover {
			color: #111;
		}
		.dummy {
			color: #7066a7;
		}
		.dummy:hover {
			cursor: pointer;
			color: #111;
		}
		
		/* This is just a container div to allow everything to be set in the center of the page. margin-left is equal to one half the width of the element, do not change one without changing the other! */
		.container {
			margin: 0px auto;
			position: absolute;
			width: 900px;
			left: 50%;
			margin-left: -450px;
		}
		
		/* These styles control the header with the #WRECKONING text */
		.wreckd {
			background: url('https://i.imgur.com/xnHndKk.png') no-repeat left;
			height: 195px;
			padding-left: 125px;
			width: 620px;
			margin: 0px auto;
			position: relative;
			padding-top: 80px;
			margin-bottom: -10px;
		}
		.wreckoning {
			font-family: bangers;
			font-size: 60px;
			color: #000;
			display: block;
			margin-top: 20px;
			text-align: center;
		}
		.tiny {
			font-family: consolas, monaco, monospace;
			font-size: 8px;
			letter-spacing: 2px;
			color: #111;
			display: block;
			margin-top: -5px;
			text-align: center;
		}
		
		/* Container for the articles */
		.main {
			display: inline-block;
			width: 650px;
		}
		
		/* Styles the headers for articles */
		.title {
			font-family: bangers, arial black;
			font-size: 26px;
			text-transform: lowercase;
			text-align: left;
			color: #111;
			text-shadow: #CCC 1px 1px 1px;
			letter-spacing: 1px;
			line-height: 16pt;
			display: block;
			margin-top: -20px;
			text-indent: 5px;
		}
		
		/* Styles the articles themselves - .box is MOSTLY just a container to allow the footer to span full width, but also controls backgrounds for articles and sidebar stuff */
		.box {
			background-color: #fdfdfd;
			display: inline-block;
			font-family: trebuchet ms;
			font-size: 13px;
			line-height: 15px;
			padding-top: 5px;
			border-top: 2px solid #7066a7;
			margin-bottom: 40px;
		}
		.article {
			width: 636px;
			margin: 0px auto;
			text-align: justify;
			padding-left: 2px;
			padding-right: 2px;
		}
		blockquote {
			background: #efefef;
			padding: 4px;
			color: #9cd3fc;
			text-shadow: #CCC 1px 1px 1px;
			border: 1px solid #ccc;
			font-family: helvetica, tahoma;
		}
		
		/* Deals with images in the articles */
		.article img {
			box-shadow: 0 0 1px #ccc;
			display: block;
			margin: 0px auto;
		}
		
		/* Styles the footer (grey strip) at the bottom of articles */
		.footer {
			display: block;
			background-color: #aaa;
			color: #199bfc;
			font-family: consolas, monaco, monospace;
			font-size: 10px;
			line-height: 12px;
			letter-spacing: 2px;
			margin-top: 5px;
			padding: 2px 5px 2px 5px;
			font-weight: bold;
		}
		.leftfoot {
			display: inline;
			text-align: left;
			width: 59%;
		}
		.rightfoot {
			display: inline;
			text-align: right;
			width: 39%;
			float: right;
		}
		
		/* Container for the sidebar */
		.sidebar {
			width: 230px;
			display: inline-block;
			vertical-align: top;
			float: right;
		}
		
		/* Other styles for sidebar */
		.sidebox {
			width: 216px;
			margin: 0px auto;
			padding-bottom: 5px;
			padding-left: 5px;
			font-size: 12px;
			margin-top: -3px;
		}
		
		/* Handles images on the sidebar - all of them will auto scale to 200px width and auto-center, no need to define in images themselves */		
		.sidebox img {
			width: 200px;
			display: block;
			margin: 0px auto;
			border:0px solid #000;box-shadow:0 0 1px #AAA;
		}
		
		/* Handles two-column format for sidebar - 104px to account for padding. Use these divs when you wish to create a two column format */
		.sideleft, .sideright {
			display: table-cell;
			width: 104px;
			vertical-align: top;
			display: inline-block;
		}
		
		/* Same as images on sidebar, except for the two-column stuff. 100px instead of 200, auto-centered */
		.sideleft img, .sidesingle img {
			width: 100px;
			margin: 0px auto;
			vertical-align: baseline;
			padding-top: 4px;
		}
		
		/* Use sidesingle for when you wish to create a single column box in the sidebar with text-wrap around the image. This designates float/padding to the image to allow this to occur */
		.sidesingle {
			display: table-cell;
			width: 210px;
		}
		.sidesingle img {
			padding-right: 2%;
			float: left;
		}
		
		.pics {width:640px;border-bottom:4px solid #9cd3fc;box-shadow:0 0 1px #AAA;}
		
		.big {
			font-family: bangers, arial black;
			font-size: 26px;
			color: #111;
			text-shadow: #CCC 1px 1px 1px;
			letter-spacing: 1px;
			line-height: 16pt;}