Changes in article stylesheet

src/stylesheets/css/Lungo.layout.css

@@ -28,11 +28,10 @@ aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:15px;line-
 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:3px 10px 4px;}
 aside .bubble{float:right;font-size:11px;margin:12px 4px 0 0;}
-@media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} aside{opacity:1;} aside~article{width:auto !important;left:256px;right:0px !important;}}article{position:absolute;width:inherit;height:inherit;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
+@media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} aside{opacity:1;} aside~article{width:auto !important;left:256px;right:0px !important;}}article{position:relative;width:inherit;height:inherit;top:0px;display:none;z-index:0;opacity:0;}
 header~article{top:40px;}
 header.extended~article{top:74px;}
-footer~article{bottom:40px;}
-article.current{z-index:1;opacity:1;}
+article.current{display:block;z-index:1;opacity:1;}
 article.aside{-webkit-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}
 @media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}article .title{font-size:1.1em;margin:0px 0 4px;}
 article .title .icon{margin-right:4px;}

src/stylesheets/less/Lungo.layout.less

@@ -241,23 +241,20 @@ aside {
 
 /* @group <article> */
 article {
-	position: absolute;
+	position: relative;
 	width: inherit;
 	height: inherit;
 	top: 0px;
-	bottom: 0px;
-	display: block;
+	display: none;
 	z-index: 0;
 	opacity: 0;
 }
 	
 	header ~ article { top: 40px; }	
-	
-	header.extended ~ article { top: 74px; }	
-	
-	footer ~ article { bottom: 40px; }
+		header.extended ~ article { top: 74px; }	
 
 	article.current {
+		display: block;
 		z-index: 1;
 		opacity: 1;
 	}