more structure to logo

mirva/mirva.py

@@ -181,8 +181,10 @@ function create_button(direction, to) {{
 <div id="wrapper">
     <div id="header">
         <div id="logo">
-            <h1 id="page_title">{page_title}</h1>
-            <p>{sub_title}</a></p>
+            <div id="page_title">
+                <h1>{page_title}</h1>
+                <p>{sub_title}</p>
+            </div>
         </div>
     </div>
     <!-- end #header -->

mirva/resources/style.css

@@ -82,15 +82,20 @@ a:hover {
     color: #ffffff;
 }
 
-#logo h1 {
+#logo #page_title {
     padding-top: 160px;
+}
+
+#logo #page_title h1 {
     letter-spacing: -1px;
     font-size: 3.8em;
     word-break: break-all;
     text-align: center;
+    color: black;
+    background-color: rgba(255,255,255,0.7);
 }
 
-#logo p {
+#logo #page_title p {
     margin: 0;
     padding: 0px 0 0 60px;
     font: normal 14px Georgia, "Times New Roman", Times, serif;
@@ -179,6 +184,8 @@ a:hover {
 .post .entry {
     padding: 0px 5px 20px 5px;
     text-align: justify;
+    font-size: 14px;
+    font-style: italic;
 }
 
 .links {