side menu that includes profile, settings, etc,

dabblet.css

/* side menu that includes profile, settings, etc, */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
menu a {	
display: block; 
text-decoration: none;	
font: 10px 'Gloria Hallelujah', cursive; 
letter-spacing: 3px;  	
text-align: center;	
color: grey; text-shadow: 0px 1px 1px #2a2a2a; 
} 	
menu a:hover { 		
color: Black; text-shadow: 0px 1px 3px #2a2a2a; 	
}


defaultfont {	
font: 28px 'Gloria Hallelujah', cursive;	
text-align: center;		
color: white; text-shadow: 0px 2px 3px #555;}

defaultfont a:hover { 		
color: #222; text-shadow: 0px 3px 4px #555; 	
}

noneffectsfont {
font: 28px 'Gloria Hallelujah', cursive;}

dabblet.html

<menu><a href="#">Profile</a></menu>
<menu><a href="#">Settings</a></menu>
<menu><a href="#">Fans</a></menu>
<menu><a href="#">Fan Of</a></menu>
<menu><a href="#">Logout</a></menu>
<menu><a href="#">Store</a></menu>



<noneffectsfont> this first idea of shawdow was realted to this </noneffectsfont>
<defaultfont> idea </defaultfont>
<noneffectsfont> as you can see... </noneffectsfont>
<defaultfont><a href="#"> idea </defaultfont>

settings.json

{"view":"split","fontsize":"130","seethrough":"","prefixfree":"1","page":"css"}