diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 97c7e96..85ccc50 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 	<div class="main">
-		<div class="single">
+		<div class="single block">
 			<article class="post">
 				<h1 class="post__title">{{ .Title }}</h1>
 				<div class="post__content">{{ .Content }}</div>
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 385450f..e7db390 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -1,4 +1,4 @@
-<article class="post">
+<article class="post block">
 	<h1 class="post__title"><a class="post__title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
 	<div class="post__content">{{- .Summary }}</div>
 </article>
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 9a79895..56e243e 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -339,11 +339,26 @@ summary {
 	border-width: 0 0 1px;
 }
 
+.block {
+	padding: 14px;
+	margin: 3px 0;
+	color: #eee;
+	background-color: #2a2a2a;
+	border-color: #333;
+	border-style: solid;
+	border-width: 1px 0;
+}
+
 @media screen and (min-width: 480px) {
 	.header {
 		margin: 0 5px 5px;
 		border-width: 0 1px 1px;
 	}
+
+	.block {
+		margin: 5px;
+		border-width: 1px;
+	}
 }
 
 .logo {