I decided a couple of days ago that this site really needed a responsive design, since it's the cool thing to do and stuff.

diff --git a/themes/brendanlong/static/css/style.css b/themes/brendanlong/static
index 96a16b4..eb493b9 100644
--- a/themes/brendanlong/static/css/style.css
+++ b/themes/brendanlong/static/css/style.css
@@ -41,7 +41,7 @@ blockquote {
 }

 #banner, #menu, #contentinfo, #content{
-       width:800px;
+       max-width:800px;
        margin: 0 auto;
        background-color: white;
        clear:both;
@@ -50,7 +50,7 @@ blockquote {
 /* ----- header ----- */

 #banner{
-       width: 740px;
+       max-width: 740px;
        height: 38px;
        margin-top: 10px;
        padding:30px 30px;
@@ -130,7 +130,7 @@ blockquote {
 }

 #content{
-       width:700px;
+       max-width:700px;
        padding:35px 50px;
 }

Well, that was easy.

It actually looks wrong on Firefox Mobile though, since apparently it detects the most important text and makes it huge. I'm all for making the text huge, but I kind of wanted the menu bar to be huge too.