<!DOCTYPE html>
<head>
<style>
* {box-sizing: border-box; margin: 0; padding: 0; }
body {}
#container { border: none;}
header {background: #0A0080; height: 125px; }
#top-nav {background: #28208F; height: 50px; margin: 0 0 1% 0;}
#contentHolder {position: relative; border: none;}
main {border: none;}
#sidebar-left {background: #0A0080; height: 1000px; min-width: 15%; width: 15%; display: inline-block;
position: absolute; left: 1%; }
#center { min-width: 66%; display: inline-block;
width: 66%; margin: 0 17% 0 17%; border: none;}
.clear-fix {overflow: auto;}
#runescape-news {background: #0A0080; float: left; width: 49%; height: 200px;}
#community-news {background: #0A0080; float: right; width: 49%; height: 200px;}
article {background: #0A0080; width: 100%; position: relative; clear: both; height: 200px; margin: 1% 0 0 0;}
#sidebar-right {height: 1000px; min-width: 15%; max-width: 15%; display: inline-block;
position: absolute; right: 1%; }
aside {background: #0A0080; margin: 0 0 5% 0; width: 100%; height: 150px;}
footer {background: #0A0080; height: 300px; margin: 1% 0 0 0;}
</style>
<title>
</title>
</head>
<body>
<div id="container">
<header>
</header>
<nav id="top-nav">
</nav>
<div id="contentHolder">
<nav id="sidebar-left">
</nav>
<main id="center">
<div class="clear-fix">
<section id="runescape-news">
</section>
<section id="community-news">
</section>
</div>
<article>
</article>
<article>
</article>
<article>
</article>
<article>
</article>
</main>
<div id="sidebar-right">
<aside>
</aside>
<aside>
</aside>
<aside>
</aside>
<aside>
</aside>
<aside>
</aside>
</div>
</div>
<footer>
</footer>
</div>
</body>
</html>