Untitled

dabblet.css

* {margin:0;padding:0;}
@font-face { 
font-family: Futura; 
src: url('http://dl.dropbox.com/u/67963796/ttf/futura.ttf');}
#wrapper {
	width: 1024px; 
	height:800px; 
	margin: auto; 
	background: url('http://dl.dropbox.com/u/67963796/fond/pattern1.png'),url('http://dl.dropbox.com/u/67963796/fond/landscape.jpg') no-repeat fixed top center;
	font-family: Futura; 
	text-transform:uppercase; 
	font-size: 1.35em;
}
body {background-color: #000000;}
nav {
	background-color: navy;
	display: inline-block; 
	position: relative;
	width: 100%}
nav ul li {
	color: white; 
	list-style-type: none; 
	display: inline-block; 
	margin-right: 10px;
}

nav ul li:hover {background-color:black;}

p {text-transform: none;}

article, aside {display: inline-block; margin:1%; vertical-align:top; background-color: rgb(240,240,240);
box-shadow: 0px 0px 10px black; border-radius:2px;}
article {min-width:70%; max-width:70%; }
aside {min-width:20 %; max-width:20%; word-wrap: break-word;
}

table {color: white; text-transform: none; font: 1em;}

dabblet.html

<div id="wrapper">
<nav>
	<ul>
		<li><a>home</a></li>
		<li><a>blog</a></li>
		<li><a>about</a></li>
	</ul>
</nav>
<section>
	<article>
		<h1>ARTICLE</h1>
		<p>article fuckiun test testing gfdlhgdjghdjkghkgjhdkgjd jgh luyrttr 
	lualeuiezilichih fi s hciehcehsilhgihfghfjghlfhlv
		</p>
	</article>
	<aside>
		<h1>ASIDE</h1>
		<p>fgfgdgfgdfgdffdsgfdfgfdgdfjhgjhgjghjhgjghjhgjhgjghjgh</p>
	</aside>
</section>

<table>
	<caption>TABLEAU</caption>
	<thead>
		<tr><th colspan="3">difference betweeen browsers</th></tr>
	</thead>
	<tfoot>
	</tfoot>
	<tbody>
		<tr>
			<td>Chrome </td> 
			<td>Firefox</td> 
			<td>Explorer</td>
		</tr>
		<tr>
			<td>19</td>
			<td>12</td>
			<td>10</td>
		</tr>

	</tbody>
</table>

</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}