diff --git a/_layouts/default.html b/_layouts/default.html
index 7c2961e..a8c9421 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,12 +4,20 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <title>{{ page:title }}</title>
-        <link rel="stylesheet" href="/stylesheets/styles.css">
-        <link rel="stylesheet" href="/stylesheets/pygment_trac.css">
         <link rel="icon" href="/images/favicon.png">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+        <script type="text/x-mathjax-config">
+              MathJax.Hub.Config({
+                  menuSettings: {
+                      zoom: "Click",
+                      zscale: "200%"
+                  }
+                });
+        </script>
         <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
         <script src="/javascripts/respond.js"></script>
+        <link rel="stylesheet" href="/stylesheets/styles.css">
+        <link rel="stylesheet" href="/stylesheets/pygment_trac.css">
         <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
         <![endif]-->
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index a834c37..322cd11 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -534,7 +534,7 @@ body {
   font: 14px/1.5 "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #f0e7d5;
   font-weight: normal;
-  background: #1B1B1B;
+  background-color: #1B1B1B;
   /*background-attachment: fixed !important;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a2a29), color-stop(100%, #1c1c1c));
   background: -webkit-linear-gradient(#2a2a29, #1c1c1c);
@@ -858,5 +858,8 @@ section .credits.right {
 }
 
 .MathJax_Display {
-    font-size: 18px;
+    font-size: 120%;
+}
+#MathJax_Zoom {
+    background-color: #1B1B1B !important;
 }