Untitled

dabblet.css

body{
background: #444;
}
.foot_nav {float: left;width: 370px;margin-left: 45px;font-size: 14px;}
#footer h5 {font-size: 17px;font-weight: bold;margin-bottom: 8px;}
.foot_nav ul {color: #CBD6E2;}



ul {list-style: none;list-style-position: outside;
}

.foot_nav ul {float: left;display: inline;width: 170px;margin-right: 2px;color: #CBD6E2;padding: 10px 0 0 0;background: url(
http://medialoot.com/images/line_tree1.gif
) left repeat-y;
}


.foot_nav ul li.has_sub {background: url(http://medialoot.com/images/line_tree2.gif) 0 17px no-repeat;
}


.foot_nav ul li {float: left;width: 147px;padding-left: 23px;line-height: 140%;background: url(http://medialoot.com/images/line_tree2.gif) 0 bottom no-repeat;
}



.foot_nav ul ul {width: 132px;margin: 8px 0 0 15px;padding-top: 0;
}



.foot_nav ul ul li {width: 109px;
}



.foot_nav ul li a {color: #CBD6E2;position: relative;top: 8px;
}

dabblet.html

<div class="foot_nav">
	<h5>Site Navigation</h5>
	
	<ul>
		<li class="has_sub">
			<a href="http://medialoot.com/">Main</a>
			<ul>
				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>

				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>

				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>

				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>

				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>

				<li><a href="http://medialoot.com/main/about/">About</a></li>
				<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
				<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
				<li><a href="http://medialoot.com/main/license/">License</a></li>
				
			</ul>
		</li>
			<li class="has_sub"><a href="http://medialoot.com/blog/">Blog</a>
			<ul>
				<li><a href="http://medialoot.com/blog/">Blog</a></li>
			</ul>				
		</li>				
		<li><a href="http://medialoot.com/main/design-for-us/">Design For Us</a></li>
	</ul>
	
	
</div>

settings.json

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