Untitled

dabblet.css

body {
	background: #101010;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 82.5%;
	color: #EFEFEF;
	text-align: center;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#container #header {

}

#container #header h1 {
	float: left;
	width: 50%;
}

#container #header #account {
	float: left;
	text-align: right;
	width: 50%;
}

#container #main {
	background-color: #EFEFEF;
	color: #101010;
}

#container #main #secondary {
	width: 200px;
	float: left;
}

#container #main #primary {
	padding-left: 20px;
	float: left;
}

#footer {
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
}

dabblet.html

<div id="container">
	<div id="header">
		<h1>Dead City Character Manager</h1>
		<div id="account">
			Welcome, Name <a href="#">Account</a> <a href="#">Logout</a>
		</div>
		<div style="clear:both"></div>
	</div>
	<div id="main">
		<div id="secondary">
			sidebar
		</div>
		<div id="primary">
			<h2>Chronicle: From the Ashes <a href="#">change</a></h2>
			<table border="0" cellpadding="3" cellspacing="0">
				<tr>
					<th>Player</th>
					<th>Character Name</th>
					<th>Clan</th>
					<th>Covenant</th>
					<th>Status</th>
					<th></th>
					<th></th>
				</tr>
				<tr>
					<td>Carly</td>
					<td>Kaitlyn "Kait" Marsh</td>
					<td>Daeva</td>
					<td>Carthian Movement</td>
					<td>Active</td>
					<td><a href="#">edit</a></td>
					<td><a href="#">disable</a></td>
				</tr>
			</table>
		</div>
		<div style="clear: both"></div>
		<div id="footer">
			footer
		</div>
	</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}