Style blog and lighten text

services/web/app/views/blog/blog_holder.jade

@@ -1,4 +1,6 @@
 extends ../layout
 
 block content
-	| !{content}
+	.content.content-alt
+		.blog
+			| !{content}

services/web/public/stylesheets/app/blog.less

@@ -1,11 +1,3 @@
-.logo-header {
-	margin-top: unit(@line-height-base,rem);
-	text-align: center;
-	h3 {
-		color:@gray;
-	}
-}
-
 .author_details {
 	font-size: .8em;
 	color: @gray;
@@ -20,3 +12,45 @@
 		height: auto;
 	}
 }
+
+.blog {
+	> .page-header {
+		h1 {
+			margin: 0;
+		}
+		padding: 0;
+		margin: 0;
+		border: none;
+	}
+	
+	.post {
+		.page-header {
+			h2 {
+				margin-top: 0;
+			}
+		}
+	}
+	
+	.page-header {
+		h1 {
+			a {
+				color: @text-color;
+			}
+			.small {
+				color: @gray-dark;
+				font-size: 16px;
+				display: inline-block;
+				float: right;
+				margin-top: 22px;
+			}
+		}
+	}
+	
+	.blurb {
+		ul {
+			li {
+				margin-bottom: @line-height-computed / 4;
+			}
+		}
+	}
+}

services/web/public/stylesheets/core/type.less

@@ -113,6 +113,9 @@ cite    { font-style: normal; }
 .text-serif {
   font-family: @font-family-serif;
 }
+.text-sans-serif {
+  font-family: @font-family-sans-serif;
+}
 .text-centered {
   text-align: center;
 }

services/web/public/stylesheets/core/variables.less

@@ -37,7 +37,7 @@
 //** Background color for `<body>`.
 @body-bg:               #fff;
 //** Global text color on `<body>`.
-@text-color:            @gray-darker;
+@text-color:            @gray-dark;
 
 //** Global textual link color.
 @link-color:            @brand-primary;
@@ -75,7 +75,7 @@
 @headings-font-family:    @font-family-serif;
 @headings-font-weight:    500;
 @headings-line-height:    1.1;
-@headings-color:          inherit;
+@headings-color:          @gray-darker;
 
 
 //-- Iconography