JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
		<h2>Development Area</h2>
	</div>
	<div class="sidebar">
		<h2>Current Projects</h2>
			<ul>
				<li>iCalendar</li>
				<li>MyBand - Student Center</li>
			</ul>
		<h2>Future Projects</h2>
			<ul>
				<li>Mobile Application</li>
				<li>RSS Feed</li>
			</ul>
	</div>
	<div class="clear"></div>
	<div class="footer">&copy; 2013</div>

CSS

@charset "utf-8";
/* CSS Document */

html, body, h1, h2 {
	margin:0px;
	padding:0px;
}
.clear {clear:both;}

.header {
	display:inline-block;
	width:100%;
	background:#ABBFF2;
	height:100px;
	border-bottom: 5px solid #7F9DEB;
	text-align:center;
}

.header h2 {padding-top:38px;}

.sidebar {
	position: fixed;
	height:100%;
	width:250px;
	background:#ABBFF2;
	border-right:5px solid #7F9DEB;
	float:left;
}

.sidebar h2 {text-align:center;}

.footer {
	position:fixed;
	display:inline-block;
	bottom:0px;
	width:100%;
	height:30px;
	border-top:5px solid #7f9deb;
	text-align:center;
}