Changes in <aside/> element

src/stylesheets/css/Lungo.layout.aside.css

@@ -6,8 +6,12 @@ header.extended~aside{top:74px;}
 footer~aside{bottom:40px;height:auto;}
 footer.toolbar~aside{bottom:48px;}
 aside~article{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
-aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+aside .title,aside a,aside .anchor{padding:0 6px;}
+aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}
+aside a{display:block;width:244px;height:40px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+aside .bubble{float:right;font-size:11px;}
+aside a .bubble,aside .title .bubble{margin-top:13px;}
+aside .anchor .bubble{margin-top:2px;}
 aside .icon{width:24px;float:left;margin:8px 4px 0 0;font-size:24px;line-height:24px;text-align:center;}
-aside .anchor{font-weight:bold;padding:13px 10px 11px;}
-aside .bubble{float:right;font-size:11px;margin:12px 4px 0 0;}
+aside .anchor{font-weight:bold;line-height:19px;}
 @media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} section{width:auto !important;left:256px;right:0px !important;-webkit-transition:none;}section.hide{z-index:-1;}}

src/stylesheets/css/Lungo.theme.pro.css

@@ -65,6 +65,10 @@ nav a.current, nav a.active {
 aside {
   background: #252525;
 }
+aside .title {
+  background: #101010;
+  border: none;
+}
 aside a {
   color: #fff;
   text-shadow: 0px 1px 0px #000;

src/stylesheets/less/Lungo.layout.aside.less

@@ -48,19 +48,43 @@ aside ~ article {
     -webkit-transition: -webkit-transform 250ms @defaultTrasition;
 }
 
+aside .title, aside a, aside .anchor {    
+	padding: 0 6px;
+}
+
+aside .title {    
+    line-height: 40px;
+    font-size: 15px;
+    font-weight: bold;
+	height: 40px;
+}
 
 aside a {
 	display: block;
 	width: 244px;
 	height: 40px;
-	padding: 0 6px;
 
 	font-size: 15px;
 	line-height: 40px;
 	overflow: hidden;
 		white-space: nowrap;
 		text-overflow: ellipsis;
-	}
+}
+
+
+	aside .bubble {
+    	float: right;
+    	font-size: 11px;
+    }
+
+aside a .bubble, aside .title .bubble {
+	margin-top: 13px;
+}
+
+aside .anchor .bubble {
+    margin-top: 2px;
+}
+	
 	aside .icon {
 		width: 24px;
 		float: left;
@@ -72,12 +96,7 @@ aside a {
 	}
 	aside .anchor {
 		font-weight: bold;
-    	padding: 13px 10px 11px;
-	}
-	aside .bubble {
-    	float: right;
-    	font-size: 11px;
-		margin: 12px 4px 0 0;
+		line-height: 19px;
 	}
 
 	@media handheld, only screen and (min-width: 768px) {

src/stylesheets/less/Lungo.theme.pro.less

@@ -85,6 +85,11 @@ nav a {
 aside {
     background: #252525;
     
+    & .title {
+    	background: #101010;
+    	border:  none;
+	}
+    
     & a {
     	color: #fff;
 	    text-shadow: 0px 1px 0px #000;