diff --git a/static/css-include/pelican.css b/static/css-include/pelican.css
index 30afe9c..536e02a 100644
--- a/static/css-include/pelican.css
+++ b/static/css-include/pelican.css
@@ -326,3 +326,48 @@ blockquote::after {
   padding: 0 10px;
   font-size: 120%;
 }
+
+/************************************************/
+
+/* Graphviz		                            	*/
+
+div.graphviz  {
+    margin: 10px;
+}
+div.graphviz img {
+    display: block;
+    padding: 5px;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgb(192, 177, 177);
+}
+
+/************************************************/
+
+/* Archive Listing                            	*/
+
+dl.archive {
+    width: 100%;
+    overflow: hidden;
+    padding: 0;
+    margin: 0
+  }
+dt.archive {
+    float: left;
+    width: 50%;
+    /* adjust the width; make sure the total of both is 100% */
+    font-weight: 600;
+    padding: 0;
+    margin: 0
+  }
+dd.archive {
+    float: left;
+    width: 50%;
+    /* adjust the width; make sure the total of both is 100% */
+    padding: 0;
+    margin: 0
+  }
+
diff --git a/templates/archives.html b/templates/archives.html
index cd12950..9462fd2 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -5,10 +5,10 @@
 {% block content %}
 <h1>Archives for {{ SITENAME }}</h1>
 
-<dl>
-{% for article in dates %}
-    <dt>{{ article.locale_date }}</dt>
-    <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+<dl class="archive">
+    {% for article in dates %}
+        <dt class="archive">{{ article.locale_date }}</dt>
+        <dd class="archive"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
 {% endfor %}
 </dl>
 {% endblock %}
diff --git a/templates/period_archives.html b/templates/period_archives.html
index e1ddf62..5c62c32 100644
--- a/templates/period_archives.html
+++ b/templates/period_archives.html
@@ -5,10 +5,10 @@
 {% block content %}
 <h1>Archives for {{ period | reverse | join(' ') }}</h1>
 
-<dl>
-{% for article in dates %}
-    <dt>{{ article.locale_date }}</dt>
-    <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+<dl class="archive">
+    {% for article in dates %}
+        <dt class="archive">{{ article.locale_date }}</dt>
+        <dd class="archive"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
 {% endfor %}
 </dl>
 {% endblock %}