Centered title and subtitle

style.css

@@ -116,19 +116,15 @@ body > footer {
 /* 3. Top Elements                */
 
 #site-title {
-	position: relative;
-	clear: both;
-	width: 60%;
-	float: left;
-	padding: 24px 0 24px 30px;
+	margin: 0.5em auto;
 }
 
 #site-title h1,
 #site-title h2 {
-	font-size: 28px;
-	margin: 0;
-	padding: 0;
+	font-size: 2em;
+	padding: 0.5em 0 0 0;
 	color: #555;
+	text-align: center;
 }
 
 #site-title a {
@@ -137,19 +133,16 @@ body > footer {
 }
 
 #site-desc {
-	position: relative;
-	width: 20%;
-	float: right;
-	padding: 1.8em 1em 1.8em 1em;
-	font-style: italic;
-	color: #555;
 }
 
 #site-desc h2,
 #site-desc h3 {
-	font-size: 16px;
-	margin: 0;
+	font-style: italic;
+	color: #777;
+	font-size: 1.1em;
+	margin: 0.2em auto;
 	padding: 0;
+	text-align: center;
 }
 
 nav#top-menu,
@@ -300,9 +293,10 @@ a.top-button {
 }
 
 #post-meta {
-	border-top: solid 1px #bbb;
+	border-top: solid 1px #ddd;
+	border-bottom: solid 1px #ddd;
 	padding: 6px 0;
-	margin: 12px 0 0 0;
+	margin: 12px 0;
 	}
 .list-pub a,
 .list-cat a,