diff --git a/css/style.css b/css/style.css
index 5b2e79c..7716e15 100644
--- a/css/style.css
+++ b/css/style.css
@@ -43,7 +43,7 @@ article {
 }
 
 .posts{
-    width: 700px;
+    //width: 700px;
     //background-color: #506692;
     background-color: #d6e2fa;
 }
@@ -54,6 +54,7 @@ article {
     width: 568px;
     background-color: #d6e2fa;
     padding: 50px;
+	padding-top: 0px;
     margin-bottom: 30px;
 }
 
@@ -79,7 +80,7 @@ a {
 }
 
 a:hover {
-	color: lightblue;
+	color: orange;
     --background-color: #ffffff;
 }
 
@@ -158,6 +159,19 @@ ul {
     //background-color: #d6e2fa;
 }
 
+.titleArea {
+	display: flex;
+	justify-content: center;
+}
+
+#titleArea ul>li {
+    display: block;
+}
+
+#titleArea li {
+    display: table-cell;
+}
+
 #section ul>li{
 	display: block;
 	margin: auto;
diff --git a/templates/blog.tmpl b/templates/blog.tmpl
index a345158..29c2ced 100644
--- a/templates/blog.tmpl
+++ b/templates/blog.tmpl
@@ -7,14 +7,22 @@
 		<link rel="stylesheet" href="/css/style.css">
 	</head>
 	<body>
+		<div class="titleArea">
+			<ul id=titleArea>
+				<li style="width:270px;">
+					<h1 style="margin-bottom:0px;"><a class="title" href="/" style="text-decoration: none;">{{.Title}}</a></h1>
+					<div class="tagline">
+						<p style="text-indent: 0; margin-top:10px;">play, talk, develop</p>
+					</div>
+				</li>
+				<li style="width:568px;padding:50px;">
+				</li>
+			</ul>
+		</div>
 		<div class="section">
 			<ul id="section">
 				<li>
-					<h1><a class="title" href="/" style="text-decoration: none;">{{.Title}}</a></h1>
-					<div class="tagline">
-						<p style="text-indent: 0;">Develop games, play games, talk games</p>
-					</div>
-					<div class="menu">
+					<div class="menu" style="width:270px;">
 						<ul id="menu">
 							<!-- <li><a class={{if eq .CurrentPage "blog"}}		"menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/">blog</a></li>  -->
 							<li><a class={{if eq .CurrentPage "past"}}		"menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/past">past</a></li>
diff --git a/templates/blog_roll.tmpl b/templates/blog_roll.tmpl
index 01f576a..67ac9cf 100644
--- a/templates/blog_roll.tmpl
+++ b/templates/blog_roll.tmpl
@@ -1,8 +1,8 @@
 {{define "content"}}
 {{with .Posts}}
 {{range .}}
-<article class="post">{{template  "post" .}}</article>{{else}}<div><strong>no posts</strong></div>{{end}}{{end}}
-<article class="post bottomMenu">
+<article class="post" style="margin-left:0px">{{template  "post" .}}</article>{{else}}<div><strong>no posts</strong></div>{{end}}{{end}}
+<article class="post bottomMenu"style="margin-left:0px">
 	<div>
 	<a class="bottomMenuElement" href="/">Return to top. &#8634;</a></br>
 	<p class="bottomMenuElement">Looking for more to read? Try the <a href="/past">past</a> section.</p></div>
diff --git a/templates/past.tmpl b/templates/past.tmpl
index 5b5bd18..14898e1 100644
--- a/templates/past.tmpl
+++ b/templates/past.tmpl
@@ -6,7 +6,7 @@
 			<li>
 				<div style="display: flex; justify-content: space-between; ">
 				<div style="padding-right: 20px">
-							<a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}"><b>{{.Title}}</b></a>
+							<a class="no-link" style="text-decoration: none;" href="/post/{{.URLTitle}}">{{.Title}}</a>
 				</div>
 				<div>
 							{{.NormalDate}}
diff --git a/templates/post.tmpl b/templates/post.tmpl
index a94ee6b..bc67e4a 100644
--- a/templates/post.tmpl
+++ b/templates/post.tmpl
@@ -1,3 +1,3 @@
 {{define "post"}}
-<h2><a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}">{{.Title}}</a></h2>
+<h2 style="margin-top:0px;"><a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}">{{.Title}}</a></h2>
 <div>{{ .Content }}</div>{{end}}
