diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml
index 907752e4..ec60296a 100644
--- a/app/config/sculpin_site.yml
+++ b/app/config/sculpin_site.yml
@@ -69,9 +69,9 @@ availability:
             end: ~
     text:
         day:
-            yes: Available for day contract work
-            no: Not available for day contract work
+            yes: <i class="fa fa-thumbs-o-up text-success"></i> Available for day contract work
+            no: <i class="fa fa-thumbs-o-down text-danger"></i> Not available for day contract work
         evenings:
-            yes: Available for weekend/evening freelance work
-            no: Not availabile for weekend/evening freelance work
-            limited: Limited availability for weekend/evening freelance work
+            yes: <i class="fa fa-thumbs-o-up text-success"></i> Available for weekend/evening freelance work
+            limited: <i class="fa fa-thumbs-o-up text-warning"></i> Limited availability for weekend/evening freelance work
+            no: <i class="fa fa-thumbs-o-down text-danger"></i> Not availabile for weekend/evening freelance work
diff --git a/sculpin.json b/sculpin.json
index 9164270d..67f2096f 100644
--- a/sculpin.json
+++ b/sculpin.json
@@ -3,6 +3,7 @@
         "components/bootstrap": "~2.3.1",
         "components/highlightjs": "~7.3.0",
         "components/jquery": "~1.9.1",
+        "components/font-awesome": "@stable",
         "thomaspark/bootswatch": "@dev",
         "tsphethean/sculpin-related-posts-bundle": "~0.1.0"
     },
diff --git a/sculpin.lock b/sculpin.lock
index 1386da48..8f650372 100644
--- a/sculpin.lock
+++ b/sculpin.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
         "This file is @generated automatically"
     ],
-    "hash": "bfddc03ede664e6abc3827244340aba6",
+    "hash": "a1dfc1795b5e431b88df331c013308b2",
     "packages": [
         {
             "name": "components/bootstrap",
@@ -61,6 +61,43 @@
             ],
             "time": "2013-07-18 20:01:48"
         },
+        {
+            "name": "components/font-awesome",
+            "version": "4.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/components/font-awesome.git",
+                "reference": "7dffacc72e566e5db6272244effc06f64fe9f185"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/components/font-awesome/zipball/7dffacc72e566e5db6272244effc06f64fe9f185",
+                "reference": "7dffacc72e566e5db6272244effc06f64fe9f185",
+                "shasum": ""
+            },
+            "type": "component",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.4.x-dev"
+                },
+                "component": {
+                    "styles": [
+                        "css/font-awesome.css"
+                    ],
+                    "files": [
+                        "css/font-awesome.min.css",
+                        "fonts/*"
+                    ]
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT",
+                "OFL-1.1"
+            ],
+            "description": "The iconic font designed for use with Twitter Bootstrap.",
+            "time": "2015-07-30 02:38:45"
+        },
         {
             "name": "components/highlightjs",
             "version": "7.3.0",
@@ -385,6 +422,7 @@
     "aliases": [],
     "minimum-stability": "stable",
     "stability-flags": {
+        "components/font-awesome": 0,
         "thomaspark/bootswatch": 20
     },
     "prefer-stable": false,
diff --git a/source/themes/opdavies/oliverdavies/_layouts/default.html.twig b/source/themes/opdavies/oliverdavies/_layouts/default.html.twig
index 404dfb4d..a02f4eec 100644
--- a/source/themes/opdavies/oliverdavies/_layouts/default.html.twig
+++ b/source/themes/opdavies/oliverdavies/_layouts/default.html.twig
@@ -17,9 +17,11 @@
         <meta lang="{{ site.html_lang }}" charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+
         <link rel="stylesheet" href="{{ site.url }}/{{ theme_path('css/styles.css') }}">
         <link rel="stylesheet" href="{{ site.url }}/components/bootswatch/cosmo/bootstrap.min.css">
         <link rel="stylesheet" href="{{ site.url }}/components/highlightjs/styles/{{ site.hightlightjs_style }}.css">
+        <link rel="stylesheet" href="{{ site.url }}/components/font-awesome/css/font-awesome.min.css">
 
         {% for size in site.apple_touch_icon_sizes %}
             <link rel="apple-touch-icon" href="{{ site.gravatar.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
@@ -63,19 +65,15 @@
                 {% block sidebar_wrapper %}
                     <div class="col-md-3">
                         {% block sidebar %}
-                            <section class="block block--da_member">
-                                <h2 class="sr-only">Drupal Association</h2>
+                            <div class="panel">
                                 <a href="https://assoc.drupal.org/membership" title="Become a Drupal Association member">
                                     <img src="{{ site.url }}/assets/images/da-individual-member.png" alt="Drupal Association Individual Member" width="150">
                                 </a>
-                            </section>
 
-                            <section class="block block--drupalcon">
-                                <h2 class="sr-only">DrupalCon Barcelona</h2>
                                 <a href="https://events.drupal.org/barcelona2015">
                                     <img src="{{ site.url }}/assets/images/drupalcon-barcelona.png" alt="I’m attending DrupalCon Barcelona." width="150">
                                 </a>
-                            </section>
+                            </div>
 
                             {% include 'availability' %}
                         {% endblock sidebar %}
diff --git a/source/themes/opdavies/oliverdavies/_partials/availability.html.twig b/source/themes/opdavies/oliverdavies/_partials/availability.html.twig
index 9b5864e1..4f46cce0 100644
--- a/source/themes/opdavies/oliverdavies/_partials/availability.html.twig
+++ b/source/themes/opdavies/oliverdavies/_partials/availability.html.twig
@@ -1,7 +1,7 @@
-<div class="availability">
-    <h2>Availability</h2>
+<div class="panel panel-default">
+    <div class="panel-heading">Availability</div>
 
-    <div class="content">
+    <div class="panel-body">
         {% set now = "now"|date('U') %}
 
         {% for type, data in site.availability.status %}
@@ -21,7 +21,7 @@
                 {% set text = text ~ ' until ' ~ data.end|date('F Y') %}
             {% endif %}
 
-            <p class="availability__{{ data.available }}">{{ text }}.</p>
+            <p>{{ text|raw }}.</p>
         {% endfor %}
     </div>
 </div>