diff --git a/_config.yml b/_config.yml
index 99805c7..0628dff 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,2 +1,3 @@
 permalink: /:categories/:title
-baseurl: /minecraft-server-manager/
\ No newline at end of file
+baseurl: /minecraft-server-manager
+paginate: 10
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 0886a87..f8b4024 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -7,9 +7,9 @@
     <meta name="author" content="Marcus Whybrow">
     
     <link rel="author" href="https://plus.google.com/103832793361409130288/posts">
-    <link rel="stylesheet" href="{{ site.baseurl }}assets/css/bootstrap.min.css">
-    <link rel="stylesheet" href="{{ site.baseurl }}assets/css/style.css">
-    <link rel="stylesheet" href="{{ site.baseurl }}assets/css/bootstrap-responsive.min.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/bootstrap-responsive.min.css">
     
     <!--[if lt IE 9]>
       <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
@@ -25,30 +25,33 @@
       })();
     </script>
   </head>
-  <body>
+  <body class="{% if page.tab %}section-{{ page.tab }}{% endif %}">
 
   	<div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="{{ site.baseurl }}">MSM</a>
+          <a class="brand" href="{{ site.baseurl }}/">MSM</a>
           <ul class="nav">
-            <li{% if page.tab == "overview" %} class="active"{% endif %}><a href="{{ site.baseurl }}">Overview</a></li>
-            <li{% if page.tab == "docs" %} class="active"{% endif %}><a href="{{ site.baseurl }}docs/">Docs</a></li>
+            <li{% if page.tab == "overview" %} class="active"{% endif %}><a href="{{ site.baseurl }}/">Overview</a></li>
+            <li{% if page.tab == "blog" %} class="active"{% endif %}><a href="{{ site.baseurl }}/blog/">Blog</a></li>
+            <li{% if page.tab == "docs" %} class="active"{% endif %}><a href="{{ site.baseurl }}/docs/">Docs</a></li>
             <li><a href="https://msm.tenderapp.com/">Support</a></li>
           </ul>
         </div>
       </div>
     </div>
     
-    <div class="container">
+    <div class="container content">
       
 {{ content }}
     
-      <footer class="footer">
-        <p>Code licensed under the <a class="ga-track" href="http://www.gnu.org/copyleft/gpl.html" target="_blank">General Public Licence v3</a>. Documentation licensed under <a class="ga-track" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>You may have noticed this design approach is a shamless reworking of <a class="ga-track" href="http://twitter.github.com/bootstrap/">Twitter's Bootstrap</a> github page.</p>
-        <p>Icons from <a class="ga-track" href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a class="ga-track" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-      </footer>
+      {% if page.footer != 'hide' %}
+        <footer class="footer">
+          <p>Code licensed under the <a class="ga-track" href="http://www.gnu.org/copyleft/gpl.html" target="_blank">General Public Licence v3</a>. Documentation licensed under <a class="ga-track" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+          <p>You may have noticed this design approach is a shamless reworking of <a class="ga-track" href="http://twitter.github.com/bootstrap/">Twitter's Bootstrap</a> github page.</p>
+          <p>Icons from <a class="ga-track" href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a class="ga-track" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        </footer>
+      {% endif %}
     </div>
 
     <script type="text/javascript" src="http://widget.uservoice.com/PV3DwOMKgbtdnsS4oZBew.js" async="true"></script>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..33dc43d
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,16 @@
+---
+layout: default
+tab: blog
+footer: hide
+---
+
+<div class="breadcrumbs">
+  <a href="{{ site.baseurl }}/blog/">blog</a>/
+</div>
+
+<article class="full-post">
+  <h1 class="title">{{ page.title }}</h1>
+  <p class="date">{{ page.date | date: "%d %B %Y" }}</p>
+
+{{ content }}
+</article>
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index 4638678..bbb6246 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -238,4 +238,94 @@ body {
 
 .docs .nav-list {
   margin-bottom: 20px;
+}
+
+
+
+.section-blog .content.container,
+.section-blog .content .container {
+  width: 550px;
+}
+
+@media (max-width: 549px) {
+  .section-blog .content.container,
+  .section-blog .content .container {
+    width: auto;
+  }
+}
+
+.section-blog .title {
+  font-size: 40px;
+  font-weight: 300;
+  margin-bottom: 5px;
+}
+.section-blog .title a {
+  color: rgb(51, 51, 51);
+}
+.section-blog .date {
+  margin-bottom: 20px;
+  font-size: 14px;
+  color: #666;
+  font-weight: 500;
+}
+
+.section-blog .full-post,
+.section-blog .inline-post {
+  font-size: 18px;
+  font-weight: 300;
+  line-height: 1.5em;
+}
+
+.section-blog .full-post p,
+.section-blog .inline-post p {
+  margin-bottom: 20px;
+}
+
+.section-blog .inline-post {
+  margin-bottom: 60px;
+}
+
+.section-blog .masthead {
+  border-bottom: none;
+}
+
+.section-blog .breadcrumbs {
+  font-size: 20px;
+  margin-bottom: 20px;
+  color: #888;
+}
+.section-blog .breadcrumbs a {
+  margin-right: 10px;
+  color: #888;
+  font-weight: 300;
+}
+.section-blog .breadcrumbs a:hover {
+  color: #000;
+}
+
+
+.new-blog-post {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 20px;
+  position: absolute;
+  top: -40px;
+  width: 100%;
+  font-weight: 300;
+}
+.new-blog-post a {
+  color: #030;
+/*  background-color: rgba(0,0,0,0.1);
+  border: 2px solid rgba(255,255,255,0.1);*/
+  padding: 10px 20px;
+  line-height: 1.2em;
+}
+
+@media (max-width: 979px) {
+  .new-blog-post {
+    position: relative;
+    top: 0;
+    padding-top: 22px;
+    margin-bottom: -5px;
+  }
 }
\ No newline at end of file
diff --git a/blog/_posts/2012-08-08-50-watchers.md b/blog/_posts/2012-08-08-50-watchers.md
new file mode 100644
index 0000000..f9dc174
--- /dev/null
+++ b/blog/_posts/2012-08-08-50-watchers.md
@@ -0,0 +1,19 @@
+---
+layout: post
+title: Celebrating 50 Watchers!
+---
+
+Is it worth creating a blog, I wondered, for MSM. Well, the project has reached **50 watchers**, now stars, on github, and I felt like celebrating that fact in some way.
+
+After starting the project a few months ago I have nailed down a lot of the functionality I needed on my own servers. The input and testing contributed by others has acted as a fantasic motivator for the project.
+
+Maybe check out the [list of stargazers][stargazers] for MSM, and give it a star yourself if you would recommend it to others.
+
+---
+
+The release of Minecraft 1.3.1 has MSM needing a minor version update to accomodate all those changes. I ([Marcus Whybrow][me]) have recently begun a new Job, so I hope everyone will forgive me whilst I learn to ballance my responsibility to MSM with my hungar for money!
+
+*Marcus*
+
+[stargazers]: https://github.com/marcuswhybrow/minecraft-server-manager/stargazers
+[me]: https://github.com/marcuswhybrow
\ No newline at end of file
diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..5971db5
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,18 @@
+---
+layout: default
+tab: blog
+footer: hide
+---
+
+<div class="masthead">
+  <h1>Blog</h1>
+  <p>The narrative of MSM</p>
+</div>
+
+{% for post in paginator.posts %}
+  <div class="inline-post">
+    <h2 class="title"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
+    <p class="date">{{ post.date | date: "%d %B %Y" }}</p>
+    {{ post.content }}
+  </div>
+{% endfor %}
\ No newline at end of file
diff --git a/index.html b/index.html
index 7a9fe16..270997c 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@ tab: overview
 ---
 
       <div class="masthead">
+        <div class="new-blog-post">
+          <a href="{{ site.baseurl}}{{ paginator.posts[0].url }}">
+            New Blog Post: <strong>{{ paginator.posts[0].title }}</strong>
+          </a>
+        </div>
         <!-- <p class="introducing">Introducing...</p> -->
         <h1>Minecraft Server Manager</h1>
         <p>A comprehensive start up script for Minecraft and Bukkit servers.</p>
