basic layout

dabblet.css

/**
 * basic layout
 */
	
	/* colors */
	#header,
	#footer {
		background-color: #f1f1f1;
	}
	
	#main-wrap {
		background-color: #D9D9D9;
	}
	
	#sidebar {
		background-color: #d2d2d2;
	}
	
	#content-wrap {
		background-color: #c5c5c5;
	}
	
	/* sizes */
	#main-wrap > div {
		min-height: 450px;
	}
	
	
	#header,
	#footer {
		min-height: 40px;
	}
	
	

	#main-wrap > div { min-height: 450px; }
	
	
	#header,
	#footer {
	    min-height: 40px;
	}
	
	
	/* layout */
	#main-wrap {
	    /* overflow to handle inner floating block */
	    overflow: hidden;
	}
	
	#sidebar {
	    float: left;
	    width: 30%;
	}
	
	#content-wrap {
	    float: right;
	    width: 70%;
	}  
	
	
	
	
	
	
	
	
	
	
	
	
	
	

dabblet.html

	<div id="header">Header</div>
	<div id="main-wrap">
		<div id="sidebar">Left Nav</div>
		<div id="content-wrap">Content</div>
	</div>
	<div id="footer">Footer</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}