footnote css styling

themes/varia/static/css/main.css

@@ -37,7 +37,7 @@ body{
 	margin:14px auto 5em auto;
 	padding: 0px 15px;
 	font-family: "main", monospace;
-	font-size: 14px;
+	font-size: 15px;
 	line-height:1.8;
 	background-color: rgba(252, 255, 120, .7);
 	color:black;
@@ -87,7 +87,7 @@ h1, h2, h3, h4, h5, h6, #header{
 	}
 	h2{
 		font-size: 100%;
-		font-weight: normal;
+		/*font-weight: normal;*/
 		text-decoration: underline;
 	}
 	h3{
@@ -231,7 +231,7 @@ header {
 .summary p{
 	display: inline;
 }
-.longread.hentry{
+.article.hentry{
 	width:calc(400px + 2em);
 	font-size: 125%;
 }
@@ -249,6 +249,7 @@ header {
 	}
 		.hentry .article-info .event-details{
 			margin:5px 0 2px;
+			min-height: 1.65em;
 		}
 		/* title */
 		.hentry .article-info .entry-title{
@@ -283,23 +284,23 @@ header {
 	font-size: 250%;
 	line-height: 1.25;
 	font-weight: bold;
-	margin:30px 0 30px 275px;
+	margin:30px 0 30px 250px;
 	color:#7e5211;
-	width: calc(100% - 275px);
+	width: calc(100% - 250px);
 }
 #content.body .article-info{
 	width:200px;
 	float: left;
 }
 .entry-content-container, #page-content-container{
-	width: calc(100% - 285px);
+	width: calc(100% - 260px);
 	float: right;
 	padding:0 30px;
 	margin-bottom:25px;
 }
 	.entry-content, #page-content{
 		position: relative;
-		max-width: 800px;
+		max-width: 750px;
 		margin:-3px auto 0 20px;
 	}
 		.entry-content img, #page-content img{
@@ -347,12 +348,24 @@ header {
 	margin-top: 2em;
 	text-align: center;
 }
-.simple-footnotes{
+/*.simple-footnotes{
 	font-size:14px;
 	margin:auto;
 	max-width:800px;
 }
-
+*/
 .author{
 	display: none;
 }
+
+/*footnotes*/
+sup span{
+	float: right;
+	width: 200px;
+	margin:0.25em -150px 1em 3em;
+	clear:both;
+	display: inline;
+}
+	sup span p{
+		display: inline;
+	}