diff --git a/less/bootstrap/variables.less b/less/bootstrap/variables.less
index b13be9d..31a4031 100644
--- a/less/bootstrap/variables.less
+++ b/less/bootstrap/variables.less
@@ -42,7 +42,7 @@
 //
 //## Font, line-height, and color for body text, headings, and more.
 
-@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
 @font-family-serif:       Georgia, "Times New Roman", Times, serif;
 //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
 @font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
diff --git a/less/categories.less b/less/categories.less
index 6de86cf..d3e9dcc 100644
--- a/less/categories.less
+++ b/less/categories.less
@@ -1,26 +1,66 @@
 .categories {
+	list-style-type: none;
+	padding: 0;
 
-}
+	> li {
+		margin-bottom: 20px;
 
-.motd {
-	margin-bottom: 1em;
+		.icon {
+			font-size: 17px;
+			padding: 14px;
+			border-radius: 50%;
+			line-height: 20px;
+			margin-right: 15px;
+			min-width: 46px;
+			min-height: 46px;
+			text-align: center;
+			margin-top: 2px;
+		}
 
-	&.default {
+		h1 {
+			font-size: 22px;
+			margin: 0;
+		}
 
-		padding: 2em;
+		.stats {
+			list-style-type: none;
 
-		h1 {
-			margin-top: 0;
+			li {
+				font-size: 20px;
+				text-align: center;
+
+				small {
+					text-transform: uppercase;
+					color: @gray-light;
+					font-weight: 300;
+					font-size: 12px;
+				}
+			}
 		}
-	}
-}
 
-.footer {
-	margin-top: 1em;
-}
+		.card {
+			border-left: 4px solid #ccc;
+			padding-left: 20px;
+			text-align: left;
+			height: 53px;
+			margin-top: 2px;
+			overflow: hidden;
+
+			img {
+				border-radius: 50%;
+				width: 30px;
+				height: 30px;
+			}
 
-.maintenance {
-	.well {
-		white-space: pre-line;
+			p {
+				font-size: 12px;
+				margin: 0;
+
+				.emoji {
+					max-width: 12px;
+					max-height: 12px;
+				}
+			}
+		}
 	}
 }
\ No newline at end of file
diff --git a/less/style.less b/less/style.less
index a4feed2..0ad269f 100644
--- a/less/style.less
+++ b/less/style.less
@@ -1,3 +1,5 @@
+@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
+
 .brand-primary {
 	color: @brand-primary;
 }
@@ -228,4 +230,16 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 .badge {
 	vertical-align: 17%;
 }
-//END: FIXES FOR BS3, may need to remove these when we get out of the RC releases
\ No newline at end of file
+//END: FIXES FOR BS3, may need to remove these when we get out of the RC releases
+
+
+.maintenance {
+	.well {
+		white-space: pre-line;
+	}
+}
+
+
+.footer {
+	margin-top: 1em;
+}
diff --git a/templates/categories.tpl b/templates/categories.tpl
index 8a82374..28f6339 100644
--- a/templates/categories.tpl
+++ b/templates/categories.tpl
@@ -1,56 +1,40 @@
-<div class="row categories" itemscope itemtype="http://www.schema.org/ItemList">
-	<div class="col-sm-12">
-		<!-- BEGIN categories -->
-		<div class="{categories.class}" data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}">
-			<meta itemprop="name" content="{categories.name}">
-			<h4 class="category-title">
-				<!-- IF !categories.link -->
-				<span class="badge {categories.unread-class}">{categories.topic_count} </span>
-				<!-- ENDIF !categories.link -->
+<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
+	<!-- BEGIN categories -->
+	<li data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}" class="row">
+		<meta itemprop="name" content="{categories.name}">
 
-				<!-- IF categories.link -->
-				<a href="{categories.link}" itemprop="url" target="_blank">
-				<!-- ELSE -->
-				<a href="{relative_path}/category/{categories.slug}" itemprop="url">
-				<!-- ENDIF categories.link -->
-				{categories.name}
-				</a>
-			</h4>
+		<div class="col-xs-7">
+			<div class="icon pull-left" style="{function.generateCategoryBackground}">
+				<i class="fa {categories.icon}"></i>
+			</div>
 
-			<!-- IF categories.link -->
-			<a style="color: {categories.color};" href="{categories.link}" itemprop="url" target="_blank">
-			<!-- ELSE -->
-			<a style="color: {categories.color};" href="{relative_path}/category/{categories.slug}" itemprop="url">
-			<!-- ENDIF categories.link -->
-				<div
-					id="category-{categories.cid}" class="category-header category-header-image-{categories.imageClass}"
-					title="{categories.description}"
-					style="
-						<!-- IF categories.backgroundImage -->background-image: url({categories.backgroundImage});<!-- ENDIF categories.backgroundImage -->
-						<!-- IF categories.bgColor -->background-color: {categories.bgColor};<!-- ENDIF categories.bgColor -->
-					"
-				>
-					<div id="category-{categories.cid}" class="category-slider-{categories.post_count}">
-						<!-- IF categories.icon -->
-						<div class="category-box"><i class="fa {categories.icon} fa-4x"></i></div>
-						<!-- ENDIF categories.icon -->
-						<div class="category-box" itemprop="description">{categories.description}</div>
+			<h1 class="title pull-left">
+				<!-- IMPORT partials/categories/link.tpl --><br />
+				<small>{categories.description}</small>
+			</h1>
+		</div>
+
+		<!-- IF !categories.link -->
+		<ul class="stats">
+			<li class="col-xs-1">
+				<span class="{categories.unread-class}">{categories.topic_count}</span><br />
+				<small>Topics</small>
+			</li>
+			<li class="col-xs-1">
+				<span class="{categories.unread-class}">{categories.post_count}</span><br />
+				<small>Posts</small>
+			</li>
+			<li class="col-xs-3">
+				<!-- IMPORT partials/categories/lastpost.tpl -->
+			</li>
+		</ul>
+		<!-- ELSE -->
+		<div class="col-xs-3">
 
-						<!-- BEGIN posts -->
-						<div class="category-box">
-							<div class="post-preview">
-								<img src="{categories.posts.user.picture}" class="pull-left" />
-								<p class=""><strong>{categories.posts.user.username}</strong>: {categories.posts.content}</p>
-							</div>
-						</div>
-						<!-- END posts -->
-						<!-- IF categories.icon -->
-						<div class="category-box"><i class="fa {categories.icon} fa-4x"></i></div>
-						<!-- ENDIF categories.icon -->
-					</div>
-				</div>
-			</a>
 		</div>
-		<!-- END categories -->
-	</div>
+		<!-- ENDIF !categories.link -->
+
+		<div class="clearfix"></div>
+	</li>
+	<!-- END categories -->
 </div>
\ No newline at end of file
diff --git a/templates/header.tpl b/templates/header.tpl
index 89fb7c8..3d62728 100644
--- a/templates/header.tpl
+++ b/templates/header.tpl
@@ -47,7 +47,7 @@
 </head>
 
 <body>
-	<div class="navbar navbar-fixed-top header" role="navigation" id="header-menu">
+	<div class="navbar navbar-default navbar-fixed-top header" role="navigation" id="header-menu">
 		<div class="container">
 			<!-- IMPORT partials/menu.tpl -->
 		</div>
diff --git a/templates/partials/categories/lastpost.tpl b/templates/partials/categories/lastpost.tpl
new file mode 100644
index 0000000..4caddd6
--- /dev/null
+++ b/templates/partials/categories/lastpost.tpl
@@ -0,0 +1,7 @@
+<!-- BEGIN posts -->
+<!-- IF @first -->
+<div class="card" style="border-color: {categories.bgColor}">
+	<p class=""><strong>{categories.posts.user.username}</strong>: {categories.posts.content}</p>
+</div>
+<!-- ENDIF @first -->
+<!-- END posts -->
\ No newline at end of file
diff --git a/templates/partials/categories/link.tpl b/templates/partials/categories/link.tpl
new file mode 100644
index 0000000..9b0ebf7
--- /dev/null
+++ b/templates/partials/categories/link.tpl
@@ -0,0 +1,7 @@
+<!-- IF categories.link -->
+<a href="{categories.link}" itemprop="url" target="_blank">
+<!-- ELSE -->
+<a href="{relative_path}/category/{categories.slug}" itemprop="url">
+<!-- ENDIF categories.link -->
+{categories.name}
+</a>
\ No newline at end of file