Use dejavu sans mono for code, responsive videos

css/main.css

@@ -72,6 +72,17 @@ blockquote p {
   margin-bottom: 6px;
 }
 
+@font-face {
+    font-family: 'dejavu_sans_monobook';
+    src: url('DejaVuSansMono-webfont.eot');
+    src: url('DejaVuSansMono-webfont.eot?#iefix') format('embedded-opentype'),
+         url('DejaVuSansMono-webfont.woff') format('woff'),
+         url('DejaVuSansMono-webfont.ttf') format('truetype'),
+         url('DejaVuSansMono-webfont.svg#dejavu_sans_monobook') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
 /*****************************************************************************/
 /*
 /* Grid
@@ -128,6 +139,25 @@ blockquote p {
 
 img { width: auto; max-width: 100%; height: auto; }
 
+/* Credit http://avexdesigns.com/responsive-youtube-embed/#sthash.Q9VzxV8M.dpuf
+ * for this responsive video embed css */
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  padding-top: 30px; height: 0; overflow: hidden;
+}
+ 
+.video-container iframe,
+.video-container object,
+.video-container embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding-bottom: 5px;
+}
+
 /* By me */
 .hide-mobile {
   display: none;
@@ -233,7 +263,8 @@ div.pagination {
   border: 1px solid #ddd;
   background-color: #eef;
   padding: 0 .2em;
-  font-size: small;
+  font-size: 10pt;
+  font-family: 'dejavu_sans_monobook', Courier, monospace;
 }
 
 .post pre code {