From e3c69ffb9a02aa236ee67895d81f6c208c418f4b Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <Yann.Esposito@gmail.com>
Date: Sat, 9 Jul 2011 12:38:50 +0200
Subject: [PATCH] From scratch again, but will be good this time.

---
 layouts/default.html                  |  97 -----
 layouts/main.html                     |  18 +-
 layouts/oldarticle.html               | 183 ---------
 site/Scratch/en/blog/index.html       |  18 +-
 site/Scratch/en/index.html            |  18 +-
 site/Scratch/en/support/index.html    |  18 +-
 site/Scratch/fr/blog/index.html       |  18 +-
 site/Scratch/fr/index.html            |  18 +-
 site/Scratch/fr/support/index.html    |  18 +-
 site/css/buttons.css                  | 126 ------
 site/css/handheld.css                 |   8 -
 site/css/ie.css                       | 109 ------
 site/css/less.css                     | 153 --------
 site/css/link_icons.css               |  62 ---
 site/css/main.css                     | 278 +++++--------
 site/css/obsolete.css                 | 505 ------------------------
 site/css/print.css                    |  73 ----
 site/css/screen.css                   | 535 --------------------------
 site/css/style.css                    | 261 -------------
 site/index.html                       |  12 +-
 site/src/buttons.scss                 |  47 ---
 site/src/ie.scss                      |  16 -
 site/src/less.scss                    |  21 -
 site/src/link_icons.scss              |  13 -
 site/src/main.sass                    |  63 ++-
 site/src/obsolete.scss                | 364 ------------------
 site/src/partials/_base.scss          |  10 -
 site/src/partials/_default.scss       |   7 -
 site/src/partials/_global.scss        |  25 --
 site/src/partials/_high-px-ratio.scss |   8 -
 site/src/partials/_mobile.scss        |   8 -
 site/src/partials/_tablet.scss        |   8 -
 site/src/partials/_wide-mobile.scss   |   8 -
 site/src/print.scss                   |   8 -
 site/src/screen.scss                  |  56 ---
 35 files changed, 165 insertions(+), 3025 deletions(-)
 delete mode 100644 layouts/default.html
 delete mode 100644 layouts/oldarticle.html
 delete mode 100644 site/css/buttons.css
 delete mode 100644 site/css/handheld.css
 delete mode 100644 site/css/ie.css
 delete mode 100644 site/css/less.css
 delete mode 100644 site/css/link_icons.css
 delete mode 100644 site/css/obsolete.css
 delete mode 100644 site/css/print.css
 delete mode 100644 site/css/screen.css
 delete mode 100644 site/css/style.css
 delete mode 100644 site/src/buttons.scss
 delete mode 100644 site/src/ie.scss
 delete mode 100644 site/src/less.scss
 delete mode 100644 site/src/link_icons.scss
 delete mode 100644 site/src/obsolete.scss
 delete mode 100644 site/src/partials/_base.scss
 delete mode 100644 site/src/partials/_default.scss
 delete mode 100644 site/src/partials/_global.scss
 delete mode 100644 site/src/partials/_high-px-ratio.scss
 delete mode 100644 site/src/partials/_mobile.scss
 delete mode 100644 site/src/partials/_tablet.scss
 delete mode 100644 site/src/partials/_wide-mobile.scss
 delete mode 100644 site/src/print.scss
 delete mode 100644 site/src/screen.scss
diff --git a/layouts/default.html b/layouts/default.html
deleted file mode 100644
index e351f52..0000000
--- a/layouts/default.html
+++ /dev/null
@@ -1,97 +0,0 @@
------
------
-<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-        <%= meta_tags %>
-        <link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="<%= @config[:rss_uri][language.intern] %>"/>
-        <%= meta_alternate %>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
-        <!--[if lt IE 9]>
-        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
-        <![endif]-->
-        <title><%= @item[:title] %></title>
-    </head>
-    <body lang="<%= language %>">
-        <script type="text/javascript">// <![CDATA[
-            document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
-            // ]]>
-        </script>
-
-        <div id="content">
-            <% unless @item[:no_entete] %>
-            <div id="entete">
-                <div id="choix"> 
-                    <div id="choixrss"><%= choixrss %> </div>
-                    <div id="choixlang"><%= choixlang %> </div>
-                    <div id="liens">
-                        <%= generateMenu %>
-                    </div>
-                </div>
-            </div>
-            <% end %>
-            <img src="<%=@config[:webprefix]%>/img/presentation.png" alt="Presentation drawing"/>
-            <div id="titre">
-                <h1>
-                    <%= @item[:content_for_title].nil? ? @item[:title] : @item[:content_for_title] %>
-                </h1>
-                <% unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil? %> 
-                <h2>
-                    <%= @item[:content_for_subtitle].nil? ? @item[:subtitle] : @item[:content_for_subtitle] %>
-                </h2>
-                <% end %>
-            </div>
-
-            <div class="flush"></div>
-
-            <% if @item[:content_for_summary] %>
-            <div class="corps summary">
-                <% @item[:content_for_summary] %>
-            </div>
-            <% end %>
-
-            <%= generateSubMenu %>
-
-            <div class="flush"></div>
-
-            <div id="afterheader">
-                <div class="corps">
-                    <%= yield %>
-                    <% unless @item[:no_entete] %>
-                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
-                    <% end %>
-                </div>
-            <div id="bottom">
-                <div>
-                    <%=tradOf(:copyright) %>
-                </div>
-                <div id="lastmod">
-                    <%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %> 
-                </div>
-                <div>
-                    <%= tradOf(:entirely_done_with) %>
-                    <a href="http://www.vim.org">Vim</a>
-                    <%= tradOf(:and) %> 
-                    <a href="http://nanoc.stoneship.org">nanoc</a>
-                </div>
-                <div>
-                    <a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a> 
-                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
-                    .
-                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
-                    .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
-                </div>
-            </div>
-            <div class="clear"></div>
-        </div>
-        <%= user_voice %>
-    </body>
-</html>
diff --git a/layouts/main.html b/layouts/main.html
index 18e405b..d086f97 100644
--- a/layouts/main.html
+++ b/layouts/main.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,11 +42,13 @@
 <body lang="<%= language %>" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><%= choixlang %></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><%= choixlang %></div>
+           <div id="choixrss"><%= choixrss %></div>
+       </div>
+      <hgroup id="maintitle">
         <%= page_title %>
       </hgroup>
-      <div id="choixrss"><%= choixrss %></div>
       <nav id="mainnav">
           <ul>
               <%= generateMenu %>
diff --git a/layouts/oldarticle.html b/layouts/oldarticle.html
deleted file mode 100644
index 1b7a722..0000000
--- a/layouts/oldarticle.html
+++ /dev/null
@@ -1,183 +0,0 @@
------
------
-<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-        <% t=tags %>
-        <% if t.length > 0 %>
-        <meta name="keywords" content="<%= t %>">
-        <% end %>
-        <link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
-        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/twilight.css" />
-        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/idc.css" />
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocom<%= language %>"/>
-        <% 
-        languages.each do |lang|
-        item_for_lang=item_of_language(lang)
-        if not item_for_lang.nil? %>
-        <link rel="alternate" lang="<%= lang %>" xml:lang="<%= lang %>" title="<%= item_for_lang[:title] %>" type="text/html" hreflang="<%= lang %>" href="<%= item_for_lang.reps[0].path %>" /> <% 
-        end
-        end %>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
-        <!--[if lt IE 9]>
-        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
-        <![endif]-->
-        <!-- < % if containMaths %>
-        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/MathJax/MathJax.js"></script>
-        < % end %>
-        -->
-        <title><%= @item[:title] %></title>
-    </head>
-    <body lang="<%= language %>">
-        <script type="text/javascript">// <![CDATA[
-            document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
-            // ]]>
-        </script>
-
-        <div id="content">
-
-            <div id="choix"> 
-                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
-                <div id="choixlang">
-                    <%= languages.map do |l|
-                    dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{config[:webprefix]}/#{l}/}) 
-                    if @item_rep.path != dest
-                    %{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>}
-                    else
-                    nil
-                    end
-                    end.join() %>
-                </div>
-            </div>
-            <div id="titre">
-                <h1>
-                    <%= @item[:title] %>
-                </h1>
-                <% unless @item[:subtitle].nil? %> 
-                <h2>
-                    <%= @item[:subtitle] %> 
-                </h2>
-                <% end %>
-            </div>
-
-            <div class="flush"></div>
-
-            <% if @item[:content_for_summary] %>
-            <div class="corps summary">
-                <% @item[:content_for_summary] %>
-            </div>
-            <% end %>
-
-            <%= generateSubMenu %>
-
-            <div class="flush"></div>
-            <div id="afterheader">
-                <div class="corps">
-                    <%= yield %>
-                </div>
-            <% depth = depthOf(@item) %>
-                <% if depth > 3 or ( depth == 3 and @item.children.length > 0 ) %>
-                    <div class="navigation">
-                        <div class="navigationprev"><%= previousFor(@item) %></div>
-                        <div class="navigationnext"><%= nextFor(@item) %></div>
-                    </div>
-                    <div class="flush"></div>
-                <% end %>
-
-                <div id="choixrss">
-                    <a id="rss" href="http://feeds.feedburner.com/yannespositocom<%= language %>">
-                        <%= tradOf(:subscribe) %>
-                    </a>
-                </div>
-                <script type="text/javascript">
-                    $(document).ready(function(){ 
-                            $('#comment').hide(); 
-                            $('#clickcomment').click(showComments); 
-                        });
-                    function showComments() {
-                        $('#comment').show();
-                        $('#clickcomment').fadeOut();
-                    }
-                    document.write('<div id="clickcomment"><%= tradOf(:clickForComment) %></div>');
-                </script>
-                <div class="flush"></div>
-                <div class="corps" id="comment">
-                    <h2 class="first"><%= tradOf(:comment) %></h2>
-                    <noscript>
-                        <%= tradOf(:enableJavascriptToComment) %>
-                    </noscript>
-                    <%= generateIntenseDebateThread %>
-                </div>
-
-            <div id="entete" class="corps_spaced">
-                <div id="liens">
-                    <%= generateMenu %>
-                </div>
-                <div class="flush"></div>
-                <hr/>
-                <div id="next_before_articles">
-                    <div id="previous_articles">
-                        <%= tradOf(:previousArticles) %>
-                        <% 
-                        (1..3).each do |n|
-                        a=article_brother(-n)
-                        if not a.nil?
-                        %>
-                        <div class="previous_article">
-                            <%= link_to( %{<span class="nicer">«</span>&nbsp;}+ a[:title], a)  %>
-                        </div>
-                        <% end %>
-                        <% end %>
-                    </div>
-                    <div id="next_articles">
-                        <%= tradOf(:nextArticles) %>
-                        <% 
-                        (1..3).each do |n|
-                        a=article_brother(n)
-                        if not a.nil?
-                        %>
-                        <div class="next_article">
-                            <%= link_to(a[:title] + %{&nbsp;<span class="nicer">»</span>}, a)  %>
-                        </div>
-                        <% end %>
-                        <% end %>
-                    </div>
-                    <div class="flush"></div>
-                </div>
-            </div>
-
-
-            <div id="bottom">
-                <div>
-                    <%=tradOf(:copyright) %>
-                </div>
-                <div id="lastmod">
-                    <%=tradOf(:created_at)%>: <%= @item[:created_at].strftime(@config[:dateFormat][language.intern]) %>
-                    <%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %> 
-                </div>
-                <div>
-                    <%= tradOf(:entirely_done_with) %>
-                    <a href="http://www.vim.org">Vim</a>
-                    <%= tradOf(:and) %> 
-                    <a href="http://nanoc.stoneship.org">nanoc</a>
-                </div>
-                <div>
-                    <a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a> 
-                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
-                    .
-                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
-                    .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
-                </div>
-            </div>
-            <div class="clear"></div>
-        </div>
-        <%= clicky_analytics %>
-    </body>
-</html>
diff --git a/site/Scratch/en/blog/index.html b/site/Scratch/en/blog/index.html
index 5586199..79936a6 100644
--- a/site/Scratch/en/blog/index.html
+++ b/site/Scratch/en/blog/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,11 +42,13 @@
 <body lang="en" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>Blog</h1>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><a href="/Scratch/en/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
diff --git a/site/Scratch/en/index.html b/site/Scratch/en/index.html
index 32f1d77..bdd41f7 100644
--- a/site/Scratch/en/index.html
+++ b/site/Scratch/en/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,13 +42,15 @@
 <body lang="en" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>
     <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
 </h1>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
diff --git a/site/Scratch/en/support/index.html b/site/Scratch/en/support/index.html
index 26f1c64..716ec13 100644
--- a/site/Scratch/en/support/index.html
+++ b/site/Scratch/en/support/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,8 +42,11 @@
 <body lang="en" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>
 <span style="font-weight: normal; margin-top: 0; line-height: 1ex">
     <span style="letter-spacing:-.10em">YPassword</span>
@@ -62,7 +55,6 @@
     <span style="letter-spacing: 1em">Support</span>
 </h2>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul>
diff --git a/site/Scratch/fr/blog/index.html b/site/Scratch/fr/blog/index.html
index 4369991..02743fc 100644
--- a/site/Scratch/fr/blog/index.html
+++ b/site/Scratch/fr/blog/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,11 +42,13 @@
 <body lang="fr" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>Blog</h1>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
diff --git a/site/Scratch/fr/index.html b/site/Scratch/fr/index.html
index 8ae3412..450cdf6 100644
--- a/site/Scratch/fr/index.html
+++ b/site/Scratch/fr/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,13 +42,15 @@
 <body lang="fr" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>
     <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
 </h1>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
diff --git a/site/Scratch/fr/support/index.html b/site/Scratch/fr/support/index.html
index 31972a2..93413d2 100644
--- a/site/Scratch/fr/support/index.html
+++ b/site/Scratch/fr/support/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -52,8 +42,11 @@
 <body lang="fr" class="bp">
   <div id="container">
     <header>
-      <div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
-      <hgroup>
+      <div id="prelinks">
+           <div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
+           <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
+       </div>
+      <hgroup id="maintitle">
         <h1>
 <span style="font-weight: normal; margin-top: 0; line-height: 1ex">
     <span style="letter-spacing:-.10em">YPassword</span>
@@ -62,7 +55,6 @@
     <span style="letter-spacing: 1em">Support</span>
 </h2>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul>
diff --git a/site/css/buttons.css b/site/css/buttons.css
deleted file mode 100644
index 2bc20cd..0000000
--- a/site/css/buttons.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/* line 18, ../src/buttons.scss */
-a.button {
-  display: inline;
-  float: left;
-  display: block;
-  margin: 0.7em 0.5em 0.7em 0;
-  border-width: 1px;
-  border-style: solid;
-  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
-  font-size: 100%;
-  line-height: 130%;
-  font-weight: bold;
-  text-decoration: none;
-  cursor: pointer;
-  padding: 5px 10px 5px 7px;
-  background-color: #f5f5f5;
-  border-color: #eeeeee #dedede #dedede #eeeeee;
-  color: #565656;
-}
-/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.button img {
-  margin: 0 3px -3px 0 !important;
-  padding: 0;
-  border: none;
-  width: 16px;
-  height: 16px;
-  float: none;
-}
-/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.button:hover {
-  background-color: #dff4ff;
-  border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
-  color: #336699;
-}
-/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.button:active {
-  background-color: #6299c5;
-  border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
-  color: white;
-}
-
-/* line 31, ../src/buttons.scss */
-button {
-  display: inline;
-  float: left;
-  display: block;
-  margin: 0.7em 0.5em 0.7em 0;
-  border-width: 1px;
-  border-style: solid;
-  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
-  font-size: 100%;
-  line-height: 130%;
-  font-weight: bold;
-  text-decoration: none;
-  cursor: pointer;
-  width: auto;
-  overflow: visible;
-  padding: 4px 10px 3px 7px;
-  background-color: #f5f5f5;
-  border-color: #eeeeee #dedede #dedede #eeeeee;
-  color: #565656;
-}
-/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-button img {
-  margin: 0 3px -3px 0 !important;
-  padding: 0;
-  border: none;
-  width: 16px;
-  height: 16px;
-  float: none;
-}
-/* line 95, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-button[type] {
-  padding: 4px 10px 4px 7px;
-  line-height: 17px;
-}
-/* line 98, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-*:first-child + html button[type] {
-  padding: 4px 10px 3px 7px;
-}
-/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-button:hover {
-  background-color: #dff4ff;
-  border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
-  color: #336699;
-}
-/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-button:active {
-  background-color: #6299c5;
-  border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
-  color: white;
-}
-
-/* line 39, ../src/buttons.scss */
-a.positive, button.positive {
-  color: #529214;
-}
-/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.positive:hover, button.positive:hover {
-  background-color: #e6efc2;
-  border-color: #d6e890 #c6d880 #c6d880 #d6e890;
-  color: #529214;
-}
-/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.positive:active, button.positive:active {
-  background-color: #529214;
-  border-color: #62a224 #529214 #529214 #62a224;
-  color: white;
-}
-
-/* line 44, ../src/buttons.scss */
-a.negative, button.negative {
-  color: #d12f19;
-}
-/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.negative:hover, button.negative:hover {
-  background-color: #fbe3e4;
-  border-color: #ffd2d4 #fbc2c4 #fbc2c4 #ffd2d4;
-  color: #d12f19;
-}
-/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
-a.negative:active, button.negative:active {
-  background-color: #d12f19;
-  border-color: #e13f29 #d12f19 #d12f19 #e13f29;
-  color: white;
-}
diff --git a/site/css/handheld.css b/site/css/handheld.css
deleted file mode 100644
index d67fd69..0000000
--- a/site/css/handheld.css
+++ /dev/null
@@ -1,8 +0,0 @@
-* {
-  float: none;       /* Screens are not big enough to account for floats */
-  background: #fff;  /*  As much contrast as possible */
-  color: #000;
-}
-
-/* Slightly reducing font size to reduce need to scroll */
-body { font-size: 80%; }
\ No newline at end of file
diff --git a/site/css/ie.css b/site/css/ie.css
deleted file mode 100644
index e470054..0000000
--- a/site/css/ie.css
+++ /dev/null
@@ -1,109 +0,0 @@
-/* line 7, ../src/ie.scss */
-body.bp {
-  text-align: center;
-}
-/* line 44, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-* html body.bp legend {
-  margin: 0px -8px 16px 0;
-  padding: 0;
-}
-/* line 48, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-html > body.bp p code {
-  *white-space: normal;
-}
-/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp .container {
-  text-align: left;
-}
-/* line 62, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp sup {
-  vertical-align: text-top;
-}
-/* line 64, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp sub {
-  vertical-align: text-bottom;
-}
-/* line 66, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp hr {
-  margin: -8px auto 11px;
-}
-/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp img {
-  -ms-interpolation-mode: bicubic;
-}
-/* line 70, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp fieldset {
-  padding-top: 0;
-}
-/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp legend {
-  margin-top: -0.2em;
-  margin-bottom: 1em;
-  margin-left: -0.5em;
-}
-/* line 76, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp fieldset, body.bp #IE8#HACK {
-  padding-top: 1.4em;
-}
-/* line 77, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp legend, body.bp #IE8#HACK {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-/* line 78, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp textarea {
-  overflow: auto;
-}
-/* line 80, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp label {
-  position: relative;
-  top: -0.25em;
-}
-/* line 84, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.text {
-  margin: 0.5em 0;
-  background-color: white;
-  border: 1px solid #bbbbbb;
-}
-/* line 88, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.text:focus {
-  border: 1px solid #666666;
-}
-/* line 90, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.title {
-  margin: 0.5em 0;
-  background-color: white;
-  border: 1px solid #bbbbbb;
-}
-/* line 94, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.title:focus {
-  border: 1px solid #666666;
-}
-/* line 96, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.checkbox {
-  position: relative;
-  top: 0.25em;
-}
-/* line 99, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.radio {
-  position: relative;
-  top: 0.25em;
-}
-/* line 102, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp input.button {
-  position: relative;
-  top: 0.25em;
-}
-/* line 105, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp textarea {
-  margin: 0.5em 0;
-}
-/* line 107, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp select {
-  margin: 0.5em 0;
-}
-/* line 109, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
-body.bp button {
-  position: relative;
-  top: 0.25em;
-}
diff --git a/site/css/less.css b/site/css/less.css
deleted file mode 100644
index 8816ae1..0000000
--- a/site/css/less.css
+++ /dev/null
@@ -1,153 +0,0 @@
-/* Less Framework 4
- * http://lessframework.com
- * by Joni Korpi
- * License: http://creativecommons.org/licenses/MIT/ */
-/* line 7, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
-p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
-img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
-dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, figure, figcaption, hgroup,
-menu, footer, header, nav, section, summary, time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-/* line 14, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
-article, aside, canvas, figure, figure img, figcaption, hgroup,
-footer, header, nav, section, audio, video {
-  display: block;
-}
-
-/* line 18, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
-a img {
-  border: 0;
-}
-
-/* line 3, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.gigantic {
-  font-size: 123px;
-  line-height: 132px;
-  letter-spacing: -2px;
-}
-
-/* line 9, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.huge, h1 {
-  font-size: 76px;
-  line-height: 84px;
-  letter-spacing: -1px;
-}
-
-/* line 15, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.large, h2 {
-  font-size: 47px;
-  line-height: 48px;
-}
-
-/* line 20, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.bigger, h3 {
-  font-size: 29px;
-  line-height: 36px;
-}
-
-/* line 25, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.big, h4 {
-  font-size: 25px;
-  line-height: 30px;
-}
-
-/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-body {
-  font: 18px/24px "Times New Roman", Times, serif;
-}
-
-/* line 34, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
-.small, small {
-  font-size: 13px;
-  line-height: 18px;
-}
-
-/* line 18, ../src/partials/_global.scss */
-body {
-  background: #e8e8e8;
-  color: #3c3c3c;
-  -webkit-text-size-adjust: 100%;
-}
-
-/* line 37, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
-::selection {
-  background: rgb(255,255,158);
-}
-
-/* line 38, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
-::-moz-selection {
-  background: rgb(255,255,158);
-}
-
-/* line 39, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
-img::selection {
-  background: transparent;
-}
-
-/* line 40, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
-img::-moz-selection {
-  background: transparent;
-}
-
-/* line 41, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
-body {
-  -webkit-tap-highlight-color: rgb(255,255,158);
-}
-
-/* Default Layout: 992px.
- * Gutters: 24px.
- * Outer margins: 48px.
- * Leftover space for scrollbars @1024px: 32px.  */
-/* line 6, ../src/partials/_default.scss */
-#container {
-  width: 896px;
-  padding: 72px 48px 84px;
-}
-
-/* Tablet Layout: 768px.
- * Gutters: 24px.
- * Outer margins: 28px.
- * Inherits styles from: Default Layout.  */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  /* line 7, ../src/partials/_tablet.scss */
-  #container {
-    width: 712px;
-    padding: 48px 28px 60px;
-  }
-}
-
-/* Mobile Layout: 320px.
- * Gutters: 24px.
- * Outer margins: 34px.
- * Inherits styles from: Default Layout.  */
-@media only screen and (max-width: 767px) {
-  /* line 7, ../src/partials/_mobile.scss */
-  #container {
-    width: 252px;
-    padding: 48px 34px 60px;
-  }
-}
-
-/* Wide Mobile Layout: 480px.
- * Gutters: 24px.
- * Outer margins: 22px.
- * Inherits styles from: Default Layout, Mobile Layout.  */
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-  /* line 7, ../src/partials/_wide-mobile.scss */
-  #container {
-    width: 436px;
-    padding: 36px 22px 48px;
-  }
-}
-
-/* Retina media query.
-   Overrides styles for devices with a
-   device-pixel-ratio of 2+, such as iPhone 4.  */
-@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {}
diff --git a/site/css/link_icons.css b/site/css/link_icons.css
deleted file mode 100644
index 113942a..0000000
--- a/site/css/link_icons.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href^="http:"],
-body a[href^="mailto:"],
-body a[href^="http:"]:visited,
-body a[href$=".pdf"],
-body a[href$=".doc"],
-body a[href$=".xls"],
-body a[href$=".rss"],
-body a[href$=".rdf"],
-body a[href^="aim:"] {
-  padding: 2px 22px 2px 0;
-  margin: -2px 0;
-  background-repeat: no-repeat;
-  background-position: right center;
-}
-/* line 28, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href^="http:"] {
-  background-image: url('/img/link_icons/external.png?1305558827');
-}
-/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href^="mailto:"] {
-  background-image: url('/img/link_icons/email.png?1305558827');
-}
-/* line 30, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href^="http:"]:visited {
-  background-image: url('/img/link_icons/visited.png?1305558827');
-}
-/* line 31, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href$=".pdf"] {
-  background-image: url('/img/link_icons/pdf.png?1305558827');
-}
-/* line 32, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href$=".doc"] {
-  background-image: url('/img/link_icons/doc.png?1305558827');
-}
-/* line 33, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href$=".xls"] {
-  background-image: url('/img/link_icons/xls.png?1305558827');
-}
-/* line 35, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href$=".rss"],
-body a[href$=".rdf"] {
-  background-image: url('/img/link_icons/feed.png?1305558827');
-}
-/* line 36, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
-body a[href^="aim:"] {
-  background-image: url('/img/link_icons/im.png?1305558827');
-}
-/* line 8, ../src/link_icons.scss */
-body a.noicon {
-  background: transparent none !important;
-  padding: 0 !important;
-  margin: 0 !important;
-}
-/* line 12, ../src/link_icons.scss */
-body a#this-is-a-pdf-link {
-  padding: 2px 22px 2px 0;
-  margin: -2px 0;
-  background-repeat: no-repeat;
-  background-position: right center;
-  background-image: url('/img/link_icons/pdf.png?1305558827');
-}
diff --git a/site/css/main.css b/site/css/main.css
index d6f39e7..58906aa 100644
--- a/site/css/main.css
+++ b/site/css/main.css
@@ -1,49 +1,51 @@
-/* line 34, ../src/main.sass */
+/* line 31, ../src/main.sass */
 body {
+  margin: 0;
+  font-family: Futura, Molengo;
   background: #efeff4;
 }
-/* line 36, ../src/main.sass */
+/* line 35, ../src/main.sass */
 body.bp {
   background: #efeff4;
 }
-/* line 38, ../src/main.sass */
+/* line 37, ../src/main.sass */
 body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
   color: #60646c;
   font-weight: bold;
   letter-spacing: -0.05em;
   text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px;
 }
-/* line 43, ../src/main.sass */
+/* line 42, ../src/main.sass */
 body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a {
   color: #9ca1ad;
 }
-/* line 45, ../src/main.sass */
+/* line 44, ../src/main.sass */
 body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited {
   color: #9ca1ad;
 }
-/* line 47, ../src/main.sass */
+/* line 46, ../src/main.sass */
 body.bp h1 a:hover, body.bp h1 a:active, body.bp h2 a:hover, body.bp h2 a:active, body.bp h3 a:hover, body.bp h3 a:active, body.bp h4 a:hover, body.bp h4 a:active, body.bp h5 a:hover, body.bp h5 a:active, body.bp h6 a:hover, body.bp h6 a:active {
   color: #86adff;
 }
-/* line 49, ../src/main.sass */
+/* line 48, ../src/main.sass */
 body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover {
   text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px, rgba(51, 136, 204, 0.5) 0 0 4px;
 }
-/* line 51, ../src/main.sass */
+/* line 50, ../src/main.sass */
 body.bp a {
   text-decoration: none;
   color: #60646c;
 }
-/* line 54, ../src/main.sass */
+/* line 53, ../src/main.sass */
 body.bp a:visited {
   color: #60646c;
 }
-/* line 56, ../src/main.sass */
+/* line 55, ../src/main.sass */
 body.bp a:hover, body.bp a:active {
   color: #86adff;
 }
 
-/* line 60, ../src/main.sass */
+/* line 59, ../src/main.sass */
 * {
   -moz-transition-property: all;
   -webkit-transition-property: all;
@@ -55,67 +57,51 @@ body.bp a:hover, body.bp a:active {
   transition-duration: 0.5s;
 }
 
-/* line 63, ../src/main.sass */
-header {
-  height: 80px;
-  -moz-border-radius: 0 0 8px 8px;
-  -webkit-border-radius: 0 0 8px 8px;
-  -o-border-radius: 0 0 8px 8px;
-  -ms-border-radius: 0 0 8px 8px;
-  -khtml-border-radius: 0 0 8px 8px;
-  border-radius: 0 0 8px 8px;
-  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
-  -o-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
-  box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51555c), color-stop(100%, #303237));
-  background-image: -webkit-linear-gradient(top, #51555c, #303237);
-  background-image: -moz-linear-gradient(top, #51555c, #303237);
-  background-image: -o-linear-gradient(top, #51555c, #303237);
-  background-image: -ms-linear-gradient(top, #51555c, #303237);
-  background-image: linear-gradient(top, #51555c, #303237);
+/* line 62, ../src/main.sass */
+hgroup#maintitle {
+  margin: 0.5em 0;
+  font-size: 2em;
+  border-top: solid 1px black;
+  border-bottom: solid 1px white;
+  -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
+  -o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
+  box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c));
+  background-image: -webkit-linear-gradient(top, #60646c, #51555c);
+  background-image: -moz-linear-gradient(top, #60646c, #51555c);
+  background-image: -o-linear-gradient(top, #60646c, #51555c);
+  background-image: linear-gradient(top, #60646c, #51555c);
 }
-/* line 68, ../src/main.sass */
-header hgroup {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 710px;
-}
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html header hgroup {
-  overflow-x: hidden;
+/* line 66, ../src/main.sass */
+hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
+  color: #0f1011;
+  text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
 }
 
-/* line 78, ../src/main.sass */
+/* line 82, ../src/main.sass */
 .clickable {
   cursor: pointer;
 }
 
-/* line 82, ../src/main.sass */
+/* line 86, ../src/main.sass */
 #container {
-  width: 950px;
+  width: span(24);
   margin: 0 auto;
 }
 
-/* line 87, ../src/main.sass */
+/* line 91, ../src/main.sass */
 a {
   text-decoration: none;
 }
 
-/* line 90, ../src/main.sass */
+/* line 94, ../src/main.sass */
 h1 {
   text-align: center;
 }
 
-/* line 100, ../src/main.sass */
+/* line 104, ../src/main.sass */
 .block {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 310px;
-  margin-top: 10px;
-  margin-bottom: 20px;
   background-color: rgba(0, 0, 0, 0.02);
   -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
   -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@@ -128,78 +114,29 @@ h1 {
   -khtml-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html .block {
-  overflow-x: hidden;
-}
-/* line 97, ../src/main.sass */
+/* line 101, ../src/main.sass */
 .block > * {
   padding: 20px;
 }
-/* line 105, ../src/main.sass */
+/* line 106, ../src/main.sass */
 .block:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
-/* line 107, ../src/main.sass */
-.block:last-child {
-  margin-right: 0;
-}
 
-/* line 140, ../src/main.sass */
-#choixlang {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 110px;
-  font-size: 14px;
-}
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html #choixlang {
-  overflow-x: hidden;
-}
-/* line 113, ../src/main.sass */
-#choixlang a:hover {
-  color: #efeff4;
-  background-color: rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
-  -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
-  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
-}
-/* line 117, ../src/main.sass */
-#choixlang a {
-  -moz-border-radius: 2ex;
-  -webkit-border-radius: 2ex;
-  -o-border-radius: 2ex;
-  -ms-border-radius: 2ex;
-  -khtml-border-radius: 2ex;
-  border-radius: 2ex;
-  text-align: center;
-  width: 100%;
-  display: inline-block;
-  color: #b4b8c5;
-}
-/* line 123, ../src/main.sass */
-#choixlang a:hover {
-  color: #efeff4;
+/* line 139, ../src/main.sass */
+#prelinks {
+  width: 600px;
+  margin: 0.5em auto;
+  height: 1em;
 }
 
 /* line 145, ../src/main.sass */
-#choixrss {
-  text-align: right;
-  display: inline;
+#choixlang {
   float: left;
-  margin-right: 10px;
-  width: 110px;
-  margin-right: 0;
   font-size: 14px;
 }
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html #choixrss {
-  overflow-x: hidden;
-}
-/* line 113, ../src/main.sass */
-#choixrss a:hover {
+/* line 111, ../src/main.sass */
+#choixlang a:hover {
   color: #efeff4;
   background-color: rgba(0, 0, 0, 0.3);
   -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
@@ -207,8 +144,9 @@ h1 {
   -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
   box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
 }
-/* line 117, ../src/main.sass */
-#choixrss a {
+/* line 115, ../src/main.sass */
+#choixlang a {
+  padding: 0.2em;
   -moz-border-radius: 2ex;
   -webkit-border-radius: 2ex;
   -o-border-radius: 2ex;
@@ -220,27 +158,51 @@ h1 {
   display: inline-block;
   color: #b4b8c5;
 }
-/* line 123, ../src/main.sass */
+/* line 122, ../src/main.sass */
+#choixlang a:hover {
+  color: #efeff4;
+}
+
+/* line 149, ../src/main.sass */
+#choixrss {
+  float: right;
+  font-size: 14px;
+}
+/* line 111, ../src/main.sass */
+#choixrss a:hover {
+  color: #efeff4;
+  background-color: rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
+  -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
+  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
+}
+/* line 115, ../src/main.sass */
+#choixrss a {
+  padding: 0.2em;
+  -moz-border-radius: 2ex;
+  -webkit-border-radius: 2ex;
+  -o-border-radius: 2ex;
+  -ms-border-radius: 2ex;
+  -khtml-border-radius: 2ex;
+  border-radius: 2ex;
+  text-align: center;
+  width: 100%;
+  display: inline-block;
+  color: #b4b8c5;
+}
+/* line 122, ../src/main.sass */
 #choixrss a:hover {
   color: #efeff4;
 }
 
-/* line 151, ../src/main.sass */
+/* line 153, ../src/main.sass */
 #mainnav {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 950px;
-  margin-top: 40px;
-  margin-bottom: 40px;
-}
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html #mainnav {
-  overflow-x: hidden;
+  width: 50%;
 }
 /* line 155, ../src/main.sass */
 #mainnav ul {
-  width: 350px;
+  width: +span(9);
   height: 2.2ex;
   margin: 0 auto;
   padding-left: 0;
@@ -249,18 +211,10 @@ h1 {
 }
 /* line 162, ../src/main.sass */
 #mainnav ul li {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 110px;
   text-align: center;
   font-size: 14px;
 }
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html #mainnav ul li {
-  overflow-x: hidden;
-}
-/* line 113, ../src/main.sass */
+/* line 111, ../src/main.sass */
 #mainnav ul li a:hover {
   color: #efeff4;
   background-color: rgba(0, 0, 0, 0.3);
@@ -269,8 +223,9 @@ h1 {
   -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
   box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
 }
-/* line 117, ../src/main.sass */
+/* line 115, ../src/main.sass */
 #mainnav ul li a {
+  padding: 0.2em;
   -moz-border-radius: 2ex;
   -webkit-border-radius: 2ex;
   -o-border-radius: 2ex;
@@ -282,28 +237,12 @@ h1 {
   display: inline-block;
   color: #b4b8c5;
 }
-/* line 123, ../src/main.sass */
+/* line 122, ../src/main.sass */
 #mainnav ul li a:hover {
   color: #efeff4;
 }
+
 /* line 166, ../src/main.sass */
-#mainnav ul li:last-child {
-  margin-right: 0;
-}
-
-/* line 169, ../src/main.sass */
-#mainlinks {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 950px;
-}
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html #mainlinks {
-  overflow-x: hidden;
-}
-
-/* line 172, ../src/main.sass */
 .slideshow {
   background-color: rgba(0, 0, 0, 0.02);
   -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@@ -316,34 +255,19 @@ h1 {
   -ms-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 950px;
 }
-/* line 97, ../src/main.sass */
+/* line 101, ../src/main.sass */
 .slideshow > * {
   padding: 20px;
 }
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html .slideshow {
-  overflow-x: hidden;
-}
 
-/* line 176, ../src/main.sass */
-footer {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 950px;
-  margin-right: 0;
-}
-/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html footer {
-  overflow-x: hidden;
-}
-
-/* line 180, ../src/main.sass */
+/* line 169, ../src/main.sass */
 .flush {
   clear: both;
 }
+
+/* line 172, ../src/main.sass */
+#main {
+  width: 50%;
+  margin-left: 25%;
+}
diff --git a/site/css/obsolete.css b/site/css/obsolete.css
deleted file mode 100644
index 080eee5..0000000
--- a/site/css/obsolete.css
+++ /dev/null
@@ -1,505 +0,0 @@
-/* line 65, ../src/obsolete.scss */
-* {
-  -moz-transition-property: all;
-  -webkit-transition-property: all;
-  -o-transition-property: all;
-  transition-property: all;
-  -moz-transition-duration: 0.5s;
-  -webkit-transition-duration: 0.5s;
-  -o-transition-duration: 0.5s;
-  transition-duration: 0.5s;
-}
-
-/* line 70, ../src/obsolete.scss */
-body {
-  background: #dddde0;
-  font-family: Georgia, 'Kreon', serif;
-  font-size: 1.2em;
-}
-
-/* line 76, ../src/obsolete.scss */
-a {
-  color: #7689a6;
-  border: none;
-  text-decoration: none;
-}
-
-/* line 81, ../src/obsolete.scss */
-a:hover {
-  color: #cc6d00;
-}
-
-/* line 85, ../src/obsolete.scss */
-img {
-  max-width: 100%;
-}
-
-/* line 88, ../src/obsolete.scss */
-article img {
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  padding: 15px;
-  width: 344px;
-  margin-right: 24px;
-  margin: 24px;
-}
-/* line 40, ../src/obsolete.scss */
-article img > * {
-  padding: 20px;
-}
-/* line 43, ../src/obsolete.scss */
-article img:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-/* line 94, ../src/obsolete.scss */
-article img.left {
-  margin: 0 24px 24px 0;
-}
-/* line 97, ../src/obsolete.scss */
-article img.right {
-  margin: 0 0 24px 24px;
-}
-
-/* line 102, ../src/obsolete.scss */
-.corps {
-  margin: 48px 0;
-  line-height: 32px;
-}
-
-/* line 107, ../src/obsolete.scss */
-#metacontainer {
-  border-bottom: 1px solid #888;
-}
-
-/* line 110, ../src/obsolete.scss */
-body > header {
-  margin: 0;
-  color: #CCC;
-  background-color: #2c5490;
-  line-height: 50px;
-  font-weight: bold;
-  -moz-box-shadow: 0px 0px 5px #333333;
-  -webkit-box-shadow: 0px 0px 5px #333333;
-  -o-box-shadow: 0px 0px 5px #333333;
-  box-shadow: 0px 0px 5px #333333;
-}
-
-/* line 118, ../src/obsolete.scss */
-body > footer {
-  border-top: solid 1px rgba(0, 0, 0, 0.1);
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
-  padding: 80px;
-  margin: 0;
-  bottom: 0;
-  background-color: #bcd0ee;
-  font-size: .9em;
-  text-shadow: 1px 1px white;
-  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
-  -o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
-  box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
-}
-/* line 128, ../src/obsolete.scss */
-body > footer a {
-  color: #2c5490;
-}
-
-/* line 133, ../src/obsolete.scss */
-article > footer {
-  margin: 48px 0;
-  width: 252px;
-  margin-right: 24px;
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  font-size: .7em;
-}
-/* line 135, ../src/obsolete.scss */
-article > footer ul {
-  list-style-type: none;
-}
-/* line 40, ../src/obsolete.scss */
-article > footer > * {
-  padding: 20px;
-}
-/* line 43, ../src/obsolete.scss */
-article > footer:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-/* line 141, ../src/obsolete.scss */
-article > footer ul {
-  list-style-type: none;
-}
-
-/* line 148, ../src/obsolete.scss */
-nav {
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
-}
-/* line 151, ../src/obsolete.scss */
-nav ul {
-  list-style-type: none;
-}
-/* line 153, ../src/obsolete.scss */
-nav ul li {
-  display: inline-block;
-  height: 50px;
-  margin-right: 0;
-  width: 8em;
-  text-align: center;
-  border-left: solid 1px rgba(255, 255, 255, 0.1);
-  border-right: solid 1px rgba(0, 0, 0, 0.2);
-}
-/* line 161, ../src/obsolete.scss */
-nav ul li * {
-  display: block;
-  margin-right: 0px;
-  margin-left: 0px;
-  padding: 0 10px;
-  height: 100%;
-  text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
-}
-/* line 169, ../src/obsolete.scss */
-nav ul li span.active {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-/* line 172, ../src/obsolete.scss */
-nav ul li a {
-  color: rgba(255, 255, 255, 0.8);
-}
-/* line 174, ../src/obsolete.scss */
-nav ul li a:hover {
-  color: rgba(255, 255, 255, 0.8);
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-/* line 183, ../src/obsolete.scss */
-header #choixrss, header #choixlang {
-  display: block;
-  text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
-  float: right;
-  height: 50px;
-  text-align: center;
-  border-left: solid 1px rgba(255, 255, 255, 0.1);
-  border-right: solid 1px rgba(0, 0, 0, 0.2);
-}
-/* line 191, ../src/obsolete.scss */
-header #choixrss a, header #choixlang a {
-  color: #bcd0ee;
-  display: block;
-  height: 100%;
-  text-align: center;
-}
-/* line 197, ../src/obsolete.scss */
-header #choixrss a:hover, header #choixlang a:hover {
-  color: rgba(255, 255, 255, 0.8);
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-/* line 203, ../src/obsolete.scss */
-nav ul li, #choixlang, #choixrss {
-  width: 160px;
-}
-/* line 204, ../src/obsolete.scss */
-nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
-  -moz-box-shadow: #333377 0 0 8px inset;
-  -webkit-box-shadow: #333377 0 0 8px inset;
-  -o-box-shadow: #333377 0 0 8px inset;
-  box-shadow: #333377 0 0 8px inset;
-}
-
-/* line 210, ../src/obsolete.scss */
-#main, #container {
-  margin: 0px auto;
-}
-
-/* line 214, ../src/obsolete.scss */
-h1, h2, h3, h4, h5, h6 {
-  font-family: 'Expletus Sans',Futura,sans-serif;
-  text-shadow: 0px -1px 0px #223366, 0px 1px 0px white;
-  font-weight: bold;
-  color: #7689a6;
-  margin: 48px 0;
-  text-align: center;
-}
-/* line 223, ../src/obsolete.scss */
-h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
-  text-shadow: 0px -1px 0px #883c00, 0px 1px 0px white;
-}
-
-/* line 229, ../src/obsolete.scss */
-article article {
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  margin: 24px 0;
-}
-/* line 40, ../src/obsolete.scss */
-article article > * {
-  padding: 20px;
-}
-/* line 43, ../src/obsolete.scss */
-article article:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-/* line 231, ../src/obsolete.scss */
-article article .date {
-  float: right;
-  padding: 0;
-  margin: 20px;
-}
-/* line 233, ../src/obsolete.scss */
-article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 {
-  text-align: left;
-  font-size: 36px;
-  line-height: 30px;
-  margin: 0 0 16px;
-}
-
-/* line 241, ../src/obsolete.scss */
-.intro {
-  margin-bottom: 24px;
-}
-
-/* line 245, ../src/obsolete.scss */
-.sc {
-  font-variant: small-caps;
-}
-
-/* line 249, ../src/obsolete.scss */
-.block {
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  margin-bottom: 48px;
-  height: 144px;
-  cursor: pointer;
-  width: 252px;
-  margin-right: 24px;
-  float: left;
-}
-/* line 40, ../src/obsolete.scss */
-.block > * {
-  padding: 20px;
-}
-/* line 43, ../src/obsolete.scss */
-.block:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-/* line 253, ../src/obsolete.scss */
-.block h3 {
-  text-size: .6em;
-  text-align: left;
-  margin: 0 0 12px;
-}
-
-/* line 262, ../src/obsolete.scss */
-.right {
-  float: right;
-}
-
-/* line 265, ../src/obsolete.scss */
-.left {
-  float: left;
-}
-
-/* line 268, ../src/obsolete.scss */
-.flush {
-  clear: both;
-}
-
-/* line 271, ../src/obsolete.scss */
-.slideshow {
-  background: #88aadd;
-  color: #fafafa;
-  font-weight: bold;
-  text-shadow: 0 0 3px black;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
-  width: 804px;
-}
-/* line 59, ../src/obsolete.scss */
-.slideshow > * {
-  margin: 20px;
-}
-/* line 273, ../src/obsolete.scss */
-.slideshow > * {
-  padding: 3em;
-}
-
-/* line 278, ../src/obsolete.scss */
-.date {
-  font-size: 0.4em;
-  border: 1px solid #7689a6;
-  text-align: center;
-  width: 4.1em;
-  line-height: 1.5em;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 1em;
-}
-/* line 287, ../src/obsolete.scss */
-.date .day, .date .month, .date .year {
-  display: block;
-}
-/* line 290, ../src/obsolete.scss */
-.date .day {
-  float: left;
-  width: 1.7em;
-  background: #a9c5ee;
-  color: #2c5490;
-}
-/* line 296, ../src/obsolete.scss */
-.date .month {
-  float: right;
-  width: 2.3em;
-  color: #a9c5ee;
-  background: #2c5490;
-  border-left: 1px solid #88aadd;
-}
-/* line 303, ../src/obsolete.scss */
-.date .year {
-  line-height: 3ex;
-  clear: both;
-  background: #223366;
-  color: #88aadd;
-  border-top: 1px solid #223366;
-}
-
-/* line 313, ../src/obsolete.scss */
-.archive {
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  padding: 2em;
-}
-
-/* line 319, ../src/obsolete.scss */
-.tag {
-  cursor: pointer;
-}
-
-/* line 322, ../src/obsolete.scss */
-.nicer {
-  font-family: "Lucida Grande", Tahoma;
-}
-
-/* line 327, ../src/obsolete.scss */
-#elementblock ul {
-  list-style-type: none;
-}
-/* line 329, ../src/obsolete.scss */
-#elementblock ul li {
-  display: inline-block;
-  width: 252px;
-  margin-right: 24px;
-}
-/* line 332, ../src/obsolete.scss */
-#elementblock ul li a {
-  float: left;
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  padding: 1em;
-  text-align: center;
-  width: 80%;
-}
-/* line 341, ../src/obsolete.scss */
-#elementblock ul li a:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-/* line 348, ../src/obsolete.scss */
-.return {
-  background-color: rgba(0, 0, 0, 0.02);
-  -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  -o-border-radius: 5px;
-  -ms-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  border-radius: 5px;
-  padding: .4em .3em 0;
-  margin: 1em 0;
-}
-/* line 40, ../src/obsolete.scss */
-.return > * {
-  padding: 20px;
-}
-/* line 43, ../src/obsolete.scss */
-.return:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-/* line 355, ../src/obsolete.scss */
-#related_articles #previous_articles {
-  width: 344px;
-  margin-right: 24px;
-  float: left;
-}
-/* line 359, ../src/obsolete.scss */
-#related_articles #next_articles {
-  float: right;
-  text-align: right;
-  width: 344px;
-  margin-right: 24px;
-}
diff --git a/site/css/print.css b/site/css/print.css
deleted file mode 100644
index f29a45e..0000000
--- a/site/css/print.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/* line 7, ../src/print.scss */
-body.bp {
-  line-height: 1.5;
-  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-  color: black;
-  background: none;
-  font-size: 10pt;
-}
-/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp .container {
-  background: none;
-}
-/* line 47, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp hr {
-  background: #cccccc;
-  color: #cccccc;
-  width: 100%;
-  height: 2px;
-  margin: 2em 0;
-  padding: 0;
-  border: none;
-}
-/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp hr.space {
-  background: white;
-  color: white;
-}
-/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
-  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-}
-/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp code {
-  font-size: 0.9em;
-  font-family: "andale mono", "lucida console", monospace;
-}
-/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp a img {
-  border: none;
-}
-/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp a:link, body.bp a:visited {
-  background: transparent;
-  font-weight: 700;
-  text-decoration: underline;
-}
-/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp p img.top {
-  margin-top: 0;
-}
-/* line 74, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp blockquote {
-  margin: 1.5em;
-  padding: 1em;
-  font-style: italic;
-  font-size: 0.9em;
-}
-/* line 79, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp .small {
-  font-size: 0.9em;
-}
-/* line 81, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp .large {
-  font-size: 1.1em;
-}
-/* line 83, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp .quiet {
-  color: #999999;
-}
-/* line 85, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
-body.bp .hide {
-  display: none;
-}
diff --git a/site/css/screen.css b/site/css/screen.css
deleted file mode 100644
index 5eaabca..0000000
--- a/site/css/screen.css
+++ /dev/null
@@ -1,535 +0,0 @@
-/* line 4, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-html {
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote, q, th, td, caption, table,
-div, span, object, iframe, p,
-pre, a, abbr, acronym, address,
-code, del, dfn, em, img,
-dl, dt, dd, ol, ul, li, fieldset,
-form, label, legend,
-caption, tbody, tfoot, thead, tr {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-weight: inherit;
-  font-style: inherit;
-  font-size: 100%;
-  font-family: inherit;
-  vertical-align: baseline;
-}
-
-/* line 20, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-article, aside, dialog, figure, footer, header, hgroup, nav, section {
-  display: block;
-}
-
-/* line 21, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-blockquote, q {
-  quotes: "" "";
-}
-/* line 67, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-blockquote:before, blockquote:after, q:before, q:after {
-  content: "";
-}
-
-/* line 22, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-th, td, caption {
-  float: none !important;
-  text-align: left;
-  font-weight: normal;
-  vertical-align: middle;
-}
-
-/* line 23, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-table {
-  border-collapse: separate;
-  border-spacing: 0;
-  vertical-align: middle;
-}
-
-/* line 24, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
-a img {
-  border: none;
-}
-
-/* line 27, ../src/screen.scss */
-body.bp {
-  line-height: 1.5;
-  font-family: Futura, "Molengo", serif;
-  color: #333333;
-  font-size: 112.5%;
-}
-/* line 51, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
-  font-weight: normal;
-  color: #222222;
-}
-/* line 52, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h1 img, body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img {
-  margin: 0;
-}
-/* line 53, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h1 {
-  font-size: 3em;
-  line-height: 1;
-  margin-bottom: 0.50em;
-}
-/* line 54, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h2 {
-  font-size: 2em;
-  margin-bottom: 0.75em;
-}
-/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h3 {
-  font-size: 1.5em;
-  line-height: 1;
-  margin-bottom: 1.00em;
-}
-/* line 56, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h4 {
-  font-size: 1.2em;
-  line-height: 1.25;
-  margin-bottom: 1.25em;
-}
-/* line 57, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h5 {
-  font-size: 1em;
-  font-weight: bold;
-  margin-bottom: 1.50em;
-}
-/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp h6 {
-  font-size: 1em;
-  font-weight: bold;
-}
-/* line 59, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp p {
-  margin: 0 0 1.5em;
-}
-/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp p .left {
-  display: inline;
-  float: left;
-  margin: 1.5em 1.5em 1.5em 0;
-  padding: 0;
-}
-/* line 61, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp p .right {
-  display: inline;
-  float: right;
-  margin: 1.5em 0 1.5em 1.5em;
-  padding: 0;
-}
-/* line 62, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp a {
-  text-decoration: underline;
-  color: #0066cc;
-}
-/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
-body.bp a:visited {
-  color: #004c99;
-}
-/* line 21, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
-body.bp a:focus {
-  color: #0099ff;
-}
-/* line 24, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
-body.bp a:hover {
-  color: #0099ff;
-}
-/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
-body.bp a:active {
-  color: #bf00ff;
-}
-/* line 63, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp blockquote {
-  margin: 1.5em;
-  color: #666666;
-  font-style: italic;
-}
-/* line 64, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp strong, body.bp dfn {
-  font-weight: bold;
-}
-/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp em, body.bp dfn {
-  font-style: italic;
-}
-/* line 66, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp sup, body.bp sub {
-  line-height: 0;
-}
-/* line 67, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp abbr, body.bp acronym {
-  border-bottom: 1px dotted #666666;
-}
-/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp address {
-  margin: 0 0 1.5em;
-  font-style: italic;
-}
-/* line 69, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp del {
-  color: #666666;
-}
-/* line 70, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp pre {
-  margin: 1.5em 0;
-  white-space: pre;
-}
-/* line 71, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp pre, body.bp code, body.bp tt {
-  font: 1em "andale mono", "lucida console", monospace;
-  line-height: 1.5;
-}
-/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp li ul, body.bp li ol {
-  margin: 0;
-}
-/* line 73, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp ul, body.bp ol {
-  margin: 0 1.5em 1.5em 0;
-  padding-left: 1.5em;
-}
-/* line 74, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp ul {
-  list-style-type: disc;
-}
-/* line 75, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp ol {
-  list-style-type: decimal;
-}
-/* line 76, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp dl {
-  margin: 0 0 1.5em 0;
-}
-/* line 77, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp dl dt {
-  font-weight: bold;
-}
-/* line 78, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp dd {
-  margin-left: 1.5em;
-}
-/* line 79, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp table {
-  margin-bottom: 1.4em;
-  width: 100%;
-}
-/* line 80, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp th {
-  font-weight: bold;
-}
-/* line 81, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp thead th {
-  background: #c3d9ff;
-}
-/* line 82, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp th, body.bp td, body.bp caption {
-  padding: 4px 10px 4px 5px;
-}
-/* line 85, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp table.striped tr:nth-child(even) td,
-body.bp table tr.even td {
-  background: #e5ecf9;
-}
-/* line 86, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp tfoot {
-  font-style: italic;
-}
-/* line 87, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp caption {
-  background: #eeeeee;
-}
-/* line 88, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp .quiet {
-  color: #666666;
-}
-/* line 89, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
-body.bp .loud {
-  color: #111111;
-}
-/* line 9, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .clear {
-  clear: both;
-}
-/* line 12, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .nowrap {
-  white-space: nowrap;
-}
-/* line 16, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .clearfix {
-  overflow: hidden;
-  *zoom: 1;
-}
-/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .small {
-  font-size: 0.8em;
-  margin-bottom: 1.875em;
-  line-height: 1.875em;
-}
-/* line 22, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .large {
-  font-size: 1.2em;
-  line-height: 2.5em;
-  margin-bottom: 1.25em;
-}
-/* line 26, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .first {
-  margin-left: 0;
-  padding-left: 0;
-}
-/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .last {
-  margin-right: 0;
-  padding-right: 0;
-}
-/* line 32, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .top {
-  margin-top: 0;
-  padding-top: 0;
-}
-/* line 35, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
-body.bp .bottom {
-  margin-bottom: 0;
-  padding-bottom: 0;
-}
-/* line 25, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_debug.scss */
-body.bp .showgrid {
-  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
-  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-  -moz-background-size: 100% 20px, auto;
-  -webkit-background-size: 100% 20px, auto;
-  -o-background-size: 100% 20px, auto;
-  background-size: 100% 20px, auto;
-  background-position: left top;
-}
-/* line 4, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .feedback, body.bp .error, body.bp .alert, body.bp .notice, body.bp .success, body.bp .info {
-  padding: 0.8em;
-  margin-bottom: 1em;
-  border: 2px solid #dddddd;
-}
-/* line 5, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .error, body.bp .alert {
-  background: #fbe3e4;
-  color: #8a1f11;
-  border-color: #fbc2c4;
-}
-/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .error a, body.bp .alert a {
-  color: #8a1f11;
-}
-/* line 7, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .notice {
-  background: #fff6bf;
-  color: #514721;
-  border-color: #ffd324;
-}
-/* line 36, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .notice a {
-  color: #514721;
-}
-/* line 8, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .success {
-  background: #e6efc2;
-  color: #264409;
-  border-color: #c6d880;
-}
-/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .success a {
-  color: #264409;
-}
-/* line 9, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .info {
-  background: #d5edf8;
-  color: #205791;
-  border-color: #92cae4;
-}
-/* line 54, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .info a {
-  color: #205791;
-}
-/* line 10, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .hide {
-  display: none;
-}
-/* line 11, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .highlight {
-  background: yellow;
-}
-/* line 12, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .added {
-  background: #006600;
-  color: white;
-}
-/* line 13, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
-body.bp .removed {
-  background: #990000;
-  color: white;
-}
-
-/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp label {
-  font-weight: bold;
-}
-/* line 19, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp fieldset {
-  padding: 1.4em;
-  margin: 0 0 1.5em 0;
-}
-/* line 20, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp legend {
-  font-weight: bold;
-  font-size: 1.2em;
-}
-/* line 26, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
-  margin: 0.5em 0;
-  background-color: white;
-  padding: 5px;
-}
-/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp input.title {
-  font-size: 1.5em;
-}
-/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp textarea {
-  margin: 0.5em 0;
-  padding: 5px;
-}
-/* line 30, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp select {
-  margin: 0.5em 0;
-}
-/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp fieldset {
-  border: 1px solid #cccccc;
-}
-/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password],
-form.bp textarea {
-  background-color: #fff;
-  border: 1px solid #bbbbbb;
-}
-/* line 61, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus,
-form.bp textarea:focus {
-  border: 1px solid #666666;
-}
-/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp select {
-  background-color: #fff;
-  border-width: 1px;
-  border-style: solid;
-}
-/* line 44, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
-  width: 300px;
-}
-/* line 46, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp textarea {
-  width: 390px;
-  height: 250px;
-}
-/* line 39, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp .box {
-  padding: 1.5em;
-  margin-bottom: 1.5em;
-  background: #e5ecf9;
-}
-/* line 42, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp .border {
-  padding-right: 4px;
-  margin-right: 5px;
-  border-right: 1px solid #dddddd;
-}
-/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp .colborder {
-  padding-right: 24px;
-  margin-right: 25px;
-  border-right: 1px solid #dddddd;
-}
-/* line 47, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp hr {
-  background: #dddddd;
-  color: #dddddd;
-  clear: both;
-  float: none;
-  width: 100%;
-  height: 0.1em;
-  margin: 0 0 1.45em;
-  border: none;
-}
-/* line 49, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp hr.space {
-  background: #dddddd;
-  color: #dddddd;
-  clear: both;
-  float: none;
-  width: 100%;
-  height: 0.1em;
-  margin: 0 0 1.45em;
-  border: none;
-  background: white;
-  color: white;
-  visibility: hidden;
-}
-/* line 51, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
-form.bp form.inline {
-  line-height: 3;
-}
-/* line 6, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
-form.bp form.inline p {
-  margin-bottom: 0;
-}
-
-/* line 43, ../src/screen.scss */
-body.two-col #container {
-  width: 950px;
-  margin: 0 auto;
-  overflow: hidden;
-  *zoom: 1;
-}
-/* line 45, ../src/screen.scss */
-body.two-col #header, body.two-col #footer {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 950px;
-}
-/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html body.two-col #header, * html body.two-col #footer {
-  overflow-x: hidden;
-}
-/* line 47, ../src/screen.scss */
-body.two-col #sidebar {
-  display: inline;
-  float: left;
-  margin-right: 10px;
-  width: 310px;
-}
-/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html body.two-col #sidebar {
-  overflow-x: hidden;
-}
-/* line 51, ../src/screen.scss */
-body.two-col #content {
-  display: inline;
-  float: left;
-  margin-right: 0;
-  width: 630px;
-}
-/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
-* html body.two-col #content {
-  overflow-x: hidden;
-}
diff --git a/site/css/style.css b/site/css/style.css
deleted file mode 100644
index 2193f94..0000000
--- a/site/css/style.css
+++ /dev/null
@@ -1,261 +0,0 @@
-/**
- * HTML5 ✰ Boilerplate
- *
- * style.css contains a reset, font normalization and some base styles.
- *
- * Credit is left where credit is due.
- * Much inspiration was taken from these projects:
- * - yui.yahooapis.com/2.8.1/build/base/base.css
- * - camendesign.com/design/
- * - praegnanz.de/weblog/htmlcssjs-kickstart
- */
-
-
-/**
- * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
- * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
- * html5doctor.com/html-5-reset-stylesheet/
- */
-
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-blockquote, q { quotes: none; }
-
-blockquote:before, blockquote:after,
-q:before, q:after { content: ""; content: none; }
-
-ins { background-color: #ff9; color: #000; text-decoration: none; }
-
-mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
-
-del { text-decoration: line-through; }
-
-abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-
-hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-
-input, select { vertical-align: middle; }
-
-
-/**
- * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
- */
-
-body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
-select, input, textarea, button { font:99% sans-serif; }
-
-/* Normalize monospace sizing:
-   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
-pre, code, kbd, samp { font-family: monospace, sans-serif; }
-
-
-/**
- * Minimal base styles.
- */
-
-/* Always force a scrollbar in non-IE */
-html { overflow-y: scroll; }
-
-/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
-a:hover, a:active { outline: none; }
-
-ul, ol { margin-left: 2em; }
-ol { list-style-type: decimal; }
-
-/* Remove margins for navigation lists */
-nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
-
-small { font-size: 85%; }
-strong, th { font-weight: bold; }
-
-td { vertical-align: top; }
-
-/* Set sub, sup without affecting line-height: gist.github.com/413930 */
-sub, sup { font-size: 75%; line-height: 0; position: relative; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-
-pre {
-  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
-  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
-  padding: 15px;
-}
-
-textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
-
-.ie6 legend, .ie7 legend { margin-left: -7px; } 
-
-/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
-input[type="radio"] { vertical-align: text-bottom; }
-input[type="checkbox"] { vertical-align: bottom; }
-.ie7 input[type="checkbox"] { vertical-align: baseline; }
-.ie6 input { vertical-align: text-bottom; }
-
-/* Hand cursor on clickable input elements */
-label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
-
-/* Webkit browsers add a 2px margin outside the chrome of form elements */
-button, input, select, textarea { margin: 0; }
-
-/* Colors for form validity */
-input:valid, textarea:valid   {  }
-input:invalid, textarea:invalid {
-   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
-}
-.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
-
-
-/* These selection declarations have to be separate
-   No text-shadow: twitter.com/miketaylr/status/12228805301
-   Also: hot pink! */
-::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
-::selection { background:#FF5E99; color:#fff; text-shadow: none; }
-
-/* j.mp/webkit-tap-highlight-color */
-a:link { -webkit-tap-highlight-color: #FF5E99; }
-
-/* Make buttons play nice in IE:
-   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
-button {  width: auto; overflow: visible; }
-
-/* Bicubic resizing for non-native sized IMG:
-   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
-.ie7 img { -ms-interpolation-mode: bicubic; }
-
-/**
- * You might tweak these..
- */
-
-body, select, input, textarea {
-  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
-  color: #444;
-  /* Set your base font here, to apply evenly */
-  /* font-family: Georgia, serif;  */
-}
-
-/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
-h1, h2, h3, h4, h5, h6 { font-weight: bold; }
-
-a, a:active, a:visited { color: #607890; }
-a:hover { color: #036; }
-
-
-/**
- * Primary styles
- *
- * Author: 
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Non-semantic helper classes: please define your styles before this section.
- */
-
-/* For image replacement */
-.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
-
-/* Hide for both screenreaders and browsers:
-   css-discuss.incutio.com/wiki/Screenreader_Visibility */
-.hidden { display: none; visibility: hidden; }
-
-/* Hide only visually, but have it available for screenreaders: by Jon Neal.
-  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
-.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
-/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
-
-/* Hide visually and from screenreaders, but maintain layout */
-.invisible { visibility: hidden; }
-
-/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
-   j.mp/bestclearfix */
-.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
-.clearfix:after { clear: both; }
-/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
-.clearfix { zoom: 1; }
-
-
-
-/**
- * Media queries for responsive design.
- *
- * These follow after primary styles so they will successfully override.
- */
-
-@media all and (orientation:portrait) {
-  /* Style adjustments for portrait mode goes here */
-
-}
-
-@media all and (orientation:landscape) {
-  /* Style adjustments for landscape mode goes here */
-
-}
-
-/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
-   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
-@media screen and (max-device-width: 480px) {
-
-
-  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
-  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
-}
-
-
-/**
- * Print styles.
- *
- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
- */
-@media print {
-  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
-  a, a:visited { color: #444 !important; text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
-  tr, img { page-break-inside: avoid; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3{ page-break-after: avoid; }
-}
-
diff --git a/site/index.html b/site/index.html
index 32f1d77..9a2451f 100644
--- a/site/index.html
+++ b/site/index.html
@@ -28,16 +28,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS: blueprint framework -->
-  <link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
-  <!--[if lt IE 8]>
-    <link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
-  <![endif]-->
-  <!-- CSS: blueprint buttons -->
-   <link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
-
-  <!-- CSS: implied media="all" -->
   <!-- Google Fonts -->
   <link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="/css/main.css">
@@ -53,12 +43,12 @@
   <div id="container">
     <header>
       <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
+      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
       <hgroup>
         <h1>
     <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
 </h1>
       </hgroup>
-      <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
       <nav id="mainnav">
           <ul>
               <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
diff --git a/site/src/buttons.scss b/site/src/buttons.scss
deleted file mode 100644
index f7c183f..0000000
--- a/site/src/buttons.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@import "compass/utilities/general/float";
-@import "blueprint/buttons";
-
-// Use the following HTML code to place the buttons on your site:
-//
-// <button type="submit" class="button positive">
-//   <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
-// </button>
-//
-// <a class="button" href="/password/reset/">
-//   <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
-// </a>
-//
-// <a href="#" class="button negative">
-//   <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
-// </a>
-
-a.button {
-  // you can pass "left" or "right" to +anchor-button to float it in that direction
-  // or you can pass no argument to leave it inline-block (cross browser safe!) within
-  // the flow of your page.
-  @include anchor-button(left);
-  // All the button color mixins take 4 optional arguments:
-  // font color, background color, border color, border highlight color
-  // the first three default to constants set in blueprint/buttons.sass
-  // the last one defaults to a shade lighter than the border color.
-  @include button-colors;
-  @include button-hover-colors;
-  @include button-active-colors; }
-
-button {
-  // The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
-  @include button-button(left);
-  @include button-colors;
-  @include button-hover-colors;
-  @include button-active-colors; }
-
-// We can change the colors for buttons of certain classes, etc.
-a.positive, button.positive {
-  color: #529214;
-  @include button-hover-colors(#529214, #e6efc2, #c6d880);
-  @include button-active-colors(white, #529214, #529214); }
-
-a.negative, button.negative {
-  color: #d12f19;
-  @include button-hover-colors(#d12f19, #fbe3e4, #fbc2c4);
-  @include button-active-colors(white, #d12f19, #d12f19); }
diff --git a/site/src/ie.scss b/site/src/ie.scss
deleted file mode 100644
index 53b1c8a..0000000
--- a/site/src/ie.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@import "blueprint";
-
-// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
-// @include blueprint-ie
-
-//Recommended Blueprint configuration with scoping and semantic layout:
-body.bp {
-  @include blueprint-ie(true);
-  // Note: Blueprint centers text to fix IE6 container centering.
-  // This means all your texts will be centered under all version of IE by default.
-  // If your container does not have the .container class, don't forget to restore
-  // the correct behavior to your main container (but not the body tag!)
-  // Example:
-  // .my-container
-  //   text-align: left
-}
diff --git a/site/src/less.scss b/site/src/less.scss
deleted file mode 100644
index 04b839f..0000000
--- a/site/src/less.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-/* Less Framework 4
- * http://lessframework.com
- * by Joni Korpi
- * License: http://creativecommons.org/licenses/MIT/ */
-
-// Less Framework Compass Plugin
-// by William Wells <less@hapa.me>
-// https://github.com/willhw/compass-less-plugin
-
-$less-grid-element: unquote("#container");
-
-@import "less/reset";
-@import "less/framework";
-@import "less/typography/18px";
-
-@import "partials/global";
-@import "partials/default";
-@import "partials/tablet";
-@import "partials/mobile";
-@import "partials/wide-mobile";
-@import "partials/high-px-ratio";
diff --git a/site/src/link_icons.scss b/site/src/link_icons.scss
deleted file mode 100644
index c4e28a7..0000000
--- a/site/src/link_icons.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@import "blueprint/link-icons";
-
-// This turns link icons on for all links. You can change the scoping selector from
-// body to something more specific if you prefer.
-body {
-  @include link-icons;
-  // Use this class if a link gets an icon when it shouldn't.
-  a.noicon {
-    @include no-link-icon; }
-  // Not all links have a url structure that can be detected,
-  // So you can set them explicitly yourself like so:
-  a#this-is-a-pdf-link {
-    @include link-icon("pdf.png"); } }
diff --git a/site/src/main.sass b/site/src/main.sass
index 35fa732..9e20ffd 100644
--- a/site/src/main.sass
+++ b/site/src/main.sass
@@ -1,6 +1,3 @@
-@import "blueprint/debug"
-@import "blueprint/buttons"
-
 $default-transition-duration: .5s
 @import "compass/css3/transition"
 
@@ -32,6 +29,8 @@ $main-background-color: $ycolorb
 
 // Background colors
 body
+  margin: 0
+  font-family: Futura, Molengo
   background: $main-background-color
   &.bp 
     background: $main-background-color
@@ -60,13 +59,18 @@ body
 * 
   +transition
 
-header
-  height: 80px
-  +border-radius(0 0 8px 8px)
-  +box-shadow(rgba(#000,.3) 0 5px 5px)
-  +linear-gradient(color-stops($ycolor5,$ycolor7))
-  hgroup
-    +column(18)
+hgroup#maintitle
+  margin: .5em 0 
+  font-size: 2em
+  h1,h2
+    &,a
+      color: $ycolor9
+      text-shadow: 0 0 2px rgba($ycolorb,.5)
+  border:
+    top: solid 1px #000
+    bottom: solid 1px #FFF
+  +box-shadow(rgba(#000,.6) 0 0 15px inset)
+  +linear-gradient(color-stops($ycolor4,$ycolor5))
 
 =debug
   +box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
@@ -98,15 +102,9 @@ h1
     padding: 20px
 
 .block
-  +column(8)
-  +prepend-top(10px)
-  +append-bottom(20px)
   +innerblock
   &:hover
     background-color: rgba(#000,0.05)
-  &:last-child
-    +last
-
 
 =ybutton
   font-size: 14px
@@ -115,6 +113,7 @@ h1
     background-color: rgba(#000,.3)
     +box-shadow(rgba(#000,.3) 0 1px 3px inset,rgba(#FFF,.3) 0 1px 0)  
   a
+    padding: .2em
     +border-radius(2ex)
     text-align: center
     width: 100%
@@ -137,21 +136,22 @@ h1
   &:active
     +text-shadow(#3AF 0 0 4px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
 
+#prelinks
+  width: 600px
+  margin: .5em auto
+  height: 1em
+
+
 #choixlang
-  +column(3)
+  float: left
   +ybutton
 
-
 #choixrss
-  text-align: right
-  +column(3)
-  +last
+  float: right
   +ybutton
 
 #mainnav
-  +column(24)
-  +prepend-top(40px)
-  +append-bottom(40px)
+  width: 50%
   ul
     width: +span(9)
     height: 2.2ex
@@ -160,22 +160,15 @@ h1
     list-style-type: none
     margin: 0 auto
     li
-      +column(3)
       text-align: center
       +ybutton
-      &:last-child
-        +last
-
-#mainlinks
-  +column(24,false)
 
 .slideshow
   +innerblock
-  +column(24)
-
-footer
-  +column(24)
-  +last
 
 .flush
   clear: both
+
+#main
+  width: 50%
+  margin-left: 25%
diff --git a/site/src/obsolete.scss b/site/src/obsolete.scss
deleted file mode 100644
index 7d446a9..0000000
--- a/site/src/obsolete.scss
+++ /dev/null
@@ -1,364 +0,0 @@
-$default-box-shadow-h-offset : 0px;
-@import "less/framework";
-@import "compass/css3/border-radius";
-@import "compass/css3/font-face";
-@import "compass/css3/box-shadow";
-@import "compass/css3/transition";
-@import "compass/css3/text-shadow";
-$default-transition-duration: .5s;
-
-// Color scheme: colorschemedesigner.com
-// 88AADD -> main
-// BCD0EE -> light-grey
-// A9C5EE -> light
-// 2C5490 -> dark
-// 7689A6 -> grey
-
-$mainBackgroundColor: #DDDDE0;
-
-$mainColor: #88AADD;
-$lightGrey: #BCD0EE;
-$light    : #A9C5EE;
-$dark     : #2C5490;
-$darkGrey : #7689A6;
-
-$backgroundColor: $mainBackgroundColor;
-$hoverColor: #CC6D00;
-$hoverColorShadow: #883C00;
-$titleColor: $darkGrey;
-$higlightColor: #8AD;
-$higlightColorShadow: #236;
-$selectedBlockColor: rgba(0,0,0,.1);
-$topColor: #2C5490;
-$footerColor: #BCD0EE;
-$linkColor: $darkGrey;
-
-@mixin innerblock() {
-    background-color: rgba(#000,0.02);
-    @include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
-    @include border-radius();
-    & > * {
-        padding: 20px;
-    }
-    &:hover {
-        background-color: rgba(#000,0.05);
-    }
-}
-
-@mixin blueinnerblock() {
-
-    background: $higlightColor;
-    color: #fafafa;
-    font-weight: bold;
-    @include text-shadow(0 0 3px #000);
-
-    @include border-radius(5px);
-    @include box-shadow(#FFF 0 0 3px, rgba(#000,0.3) 0 0 5px inset);
-    @include column(9,true);
-
-    & > * {
-        margin: 20px;
-    }
-}
-
-// Height
-* {
-    @include transition();
-}
-$navHeight: 50px;
-
-body {
-    background: $backgroundColor;
-    font-family: Georgia, 'Kreon', serif;
-    font-size: 1.2em;
-}
-
-a {
-    color: $linkColor;
-    border: none;
-    text-decoration: none;
-}
-a:hover {
-    color: $hoverColor;
-}
-
-img {
-    max-width: 100%; }
-article {
-    img {
-        @include innerblock();
-        padding: 15px;
-        @include column(4);
-        margin: 24px;
-    }
-    img.left {
-        margin: 0 24px 24px 0;
-    }
-    img.right {
-        margin: 0 0 24px 24px;
-    }
-}
-
-.corps {
-    margin: 48px 0;
-    line-height: 32px;
-}
-
-#metacontainer{
-    border-bottom: 1px solid #888;
-}
-body > header {
-    margin: 0;
-    color: #CCC;
-    background-color: $topColor;
-    line-height: $navHeight;
-    font-weight: bold;
-    @include box-shadow();
-}
-body > footer {
-    border-top: solid 1px rgba(0,0,0,0.1);
-    border-bottom: solid 1px rgba(0,0,0,0.1);
-    padding: 80px;
-    margin: 0;
-    bottom: 0;
-    background-color: $footerColor;
-    font-size: .9em;
-    @include text-shadow( 1px 1px #fff);
-    @include box-shadow(rgba(#000,0.2) 0 0 7px inset);
-    a {
-        color: $dark;
-    }
-}
-
-article > footer  {
-    margin: 48px 0;
-    ul {
-        list-style-type: none;
-    }
-    @include column(3);
-    @include innerblock;
-    font-size: .7em;
-    ul {
-        list-style-type: none;
-    }
-}
-
-$menuItemWidth: 8em;
-
-nav {
-    border-bottom: solid 1px rgba(0,0,0,0.1);
-
-    ul {
-        list-style-type: none;
-        li { 
-            display: inline-block; 
-            height: $navHeight;
-            margin-right: 0;
-            width: $menuItemWidth;
-            text-align: center;
-            border-left: solid 1px rgba(255,255,255,0.1);
-            border-right: solid 1px rgba(0,0,0,0.2);
-            * {
-                display: block;
-                margin-right: 0px;
-                margin-left: 0px;
-                padding: 0 10px; 
-                height: 100%; 
-                @include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2));
-            }
-            span.active {
-                background-color: $selectedBlockColor;
-            }
-            a { 
-                color: rgba(255,255,255,0.8); 
-                &:hover { 
-                    color: rgba(255,255,255,0.8);
-                    background-color: rgba(255,255,255,0.1);
-                }
-            }
-        }
-    }
-}
-
-header #choixrss, header #choixlang {
-    display: block;
-    @include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2));
-    float: right;
-    height: $navHeight;
-    text-align: center;
-    border-left: solid 1px rgba(255,255,255,0.1);
-    border-right: solid 1px rgba(0,0,0,0.2);
-    a {
-        color: $lightGrey;
-        display: block;
-        height: 100%;
-        text-align: center;
-    }
-    a:hover {
-        color: rgba(255,255,255,0.8);
-        background-color: rgba(255,255,255,0.1);
-    }
-}
-
-nav ul li, #choixlang, #choixrss {
-    a:hover {
-        @include box-shadow(#337 0 0 8px inset);
-    }
-    @include column(2,true);
-}
-
-#main, #container {
-    margin: 0px auto;
-}
-
-h1, h2, h3, h4, h5, h6 {
-
-    font-family: 'Expletus Sans',Futura,sans-serif;
-    @include text-shadow( 0px -1px 0px $higlightColorShadow, 0px 1px 0px #FFF);
-    font-weight: bold;
-    color: $titleColor;
-    margin: 48px 0;
-    text-align: center;
-
-    a:hover {
-        @include text-shadow( 0px -1px 0px $hoverColorShadow, 0px 1px 0px #FFF);
-    }
-
-}
-
-article article {
-    @include innerblock();
-    .date { float: right; padding: 0; margin: 20px; }
-    margin: 24px 0;
-    h1, h2, h3, h4, h5, h6 {
-        text-align: left;
-        font-size: 36px;
-        line-height: 30px;
-        margin: 0 0 16px;
-    }
-}
-
-.intro {
-    margin-bottom: 24px;
-}
-
-.sc {
-  font-variant: small-caps;
-}
-
-.block {
-    @include innerblock();
-    margin-bottom: 48px;
-    height: 3 * 48px ;
-    h3 {
-        text-size: .6em;
-        text-align: left;
-        margin: 0 0 12px;
-    }
-    cursor: pointer;
-    @include column(3);
-    float: left;
-}
-.right {
-    float: right;
-}
-.left {
-    float: left;
-}
-.flush {
-    clear: both;
-}
-.slideshow {
-    @include blueinnerblock();
-    & > * {
-        padding: 3em;
-    }
-}
-
-.date {
-    font-size: 0.4em;
-    border: 1px solid $darkGrey;
-    text-align: center;
-    width: 4.1em;
-    line-height: 1.5em;
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 1em;
-    .day, .month, .year {
-        display: block;
-    }
-    .day {
-        float: left;
-        width: 1.7em;
-        background: $light;
-        color: $dark;
-    }
-    .month {
-        float: right;
-        width: 2.3em;
-        color: $light;
-        background: $dark;
-        border-left: 1px solid $mainColor;
-    }
-    .year {
-        line-height: 3ex;
-        clear: both;
-        background: $higlightColorShadow;
-        color: $mainColor;
-        border-top: 1px solid $higlightColorShadow;
-    }
-}
-
-
-.archive {
-    background-color: rgba(#000,0.02);
-    @include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
-    @include border-radius();
-    padding: 2em;
-}
-.tag {
-    cursor: pointer;
-}
-.nicer {
-  font-family: "Lucida Grande", Tahoma
-}
-
-#elementblock {
-    ul {
-        list-style-type: none;
-        li {
-            display: inline-block;
-            @include column(3);
-            a {
-                float: left;
-                background-color: rgba(#000,0.02);
-                @include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
-                @include border-radius();
-                padding: 1em;
-                text-align: center;
-                width: 80%;
-            }
-            a:hover {
-                background-color: rgba(#000,0.05);
-            }
-        }
-    }
-}
-
-.return {
-    @include innerblock();
-    padding: .4em .3em 0;
-    margin: 1em 0;
-}
-
-#related_articles {
-    #previous_articles {
-        @include column(4);
-        float: left;
-    }
-    #next_articles {
-        float: right;
-        text-align: right;
-        @include column(4);
-    }
-}
diff --git a/site/src/partials/_base.scss b/site/src/partials/_base.scss
deleted file mode 100644
index fb77f7b..0000000
--- a/site/src/partials/_base.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Here is where you can define your constants for your application and to configure the blueprint framework.
-// Feel free to delete these if you want keep the defaults:
-
-$blueprint-grid-columns: 24;
-$blueprint-container-size: 950px;
-$blueprint-grid-margin: 10px;
-
-// Use this to calculate the width based on the total width.
-// Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
-$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
diff --git a/site/src/partials/_default.scss b/site/src/partials/_default.scss
deleted file mode 100644
index 44d1956..0000000
--- a/site/src/partials/_default.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-/* Default Layout: 992px.
- * Gutters: 24px.
- * Outer margins: 48px.
- * Leftover space for scrollbars @1024px: 32px.  */
-
-#{$less-grid-element} {
-  @include grid(10); }
diff --git a/site/src/partials/_global.scss b/site/src/partials/_global.scss
deleted file mode 100644
index 1df84b5..0000000
--- a/site/src/partials/_global.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// Global style definitions
-
-h1 {
-  @extend .huge; }
-
-h2 {
-  @extend .large; }
-
-h3 {
-  @extend .bigger; }
-
-h4 {
-  @extend .big; }
-
-small {
-  @extend .small; }
-
-body {
-  background: rgb(232, 232, 232);
-  color: rgb(60, 60, 60);
-  // Stops Mobile Safari from auto-adjusting font-sizes
-  -webkit-text-size-adjust: 100%; }
-
-// Selection colors (easy to forget)
-@include selection-color(unquote("rgb(255,255,158)"));
diff --git a/site/src/partials/_high-px-ratio.scss b/site/src/partials/_high-px-ratio.scss
deleted file mode 100644
index 2a7a76c..0000000
--- a/site/src/partials/_high-px-ratio.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Retina media query.
-   Overrides styles for devices with a
-   device-pixel-ratio of 2+, such as iPhone 4.  */
-
-@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
-  #{$less-grid-element} {
-  }
-}
\ No newline at end of file
diff --git a/site/src/partials/_mobile.scss b/site/src/partials/_mobile.scss
deleted file mode 100644
index a18ded6..0000000
--- a/site/src/partials/_mobile.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Mobile Layout: 320px.
- * Gutters: 24px.
- * Outer margins: 34px.
- * Inherits styles from: Default Layout.  */
-
-@media only screen and (max-width: 767px) {
-  #{$less-grid-element} {
-    @include grid(3); } }
diff --git a/site/src/partials/_tablet.scss b/site/src/partials/_tablet.scss
deleted file mode 100644
index 925560f..0000000
--- a/site/src/partials/_tablet.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Tablet Layout: 768px.
- * Gutters: 24px.
- * Outer margins: 28px.
- * Inherits styles from: Default Layout.  */
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  #{$less-grid-element} {
-    @include grid(8); } }
diff --git a/site/src/partials/_wide-mobile.scss b/site/src/partials/_wide-mobile.scss
deleted file mode 100644
index 7cfb434..0000000
--- a/site/src/partials/_wide-mobile.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Wide Mobile Layout: 480px.
- * Gutters: 24px.
- * Outer margins: 22px.
- * Inherits styles from: Default Layout, Mobile Layout.  */
-
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-  #{$less-grid-element} {
-    @include grid(5); } }
diff --git a/site/src/print.scss b/site/src/print.scss
deleted file mode 100644
index 0c0e0d0..0000000
--- a/site/src/print.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "blueprint";
-
-// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
-// @include blueprint-print
-
-//Recommended Blueprint configuration with scoping and semantic layout:
-body.bp {
-  @include blueprint-print(true); }
diff --git a/site/src/screen.scss b/site/src/screen.scss
deleted file mode 100644
index 2ad9531..0000000
--- a/site/src/screen.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-// This import applies a global reset to any page that imports this stylesheet.
-@import "blueprint/reset";
-
-// To configure blueprint, edit the partials/base.sass file.
-@import "partials/base";
-
-$blueprint-font-size:18px;
-$blueprint-font-family: Futura, 'Molengo', serif;
-$blueprint-grid-columns: 24;
-// Import all the default blueprint modules so that we can access their mixins.
-@import "blueprint";
-
-// Import the non-default scaffolding module.
-@import "blueprint/scaffolding";
-
-// Colors
-// $link-color:#cc6600;
-// $link-hover-color:#ff9900;
-
-// To generate css equivalent to the blueprint css but with your
-// configuration applied, uncomment:
-// @include blueprint
-
-// If you are doing a lot of stylesheet concatenation, it is suggested
-// that you scope your blueprint styles, so that you can better control
-// what pages use blueprint when stylesheets are concatenated together.
-body.bp {
-  @include blueprint-typography(true);
-  @include blueprint-utilities;
-  @include blueprint-debug;
-  @include blueprint-interaction;
-  // Remove the scaffolding when you're ready to start doing visual design.
-  // Or leave it in if you're happy with how blueprint looks out-of-the-box
-}
-
-form.bp {
-  @include blueprint-form;
-  // You'll probably want to remove the scaffolding once you start styling your site.
-  @include blueprint-scaffolding; }
-
-// Page layout can be done using mixins applied to your semantic classes and IDs:
-body.two-col {
-  #container {
-    @include container; }
-  #header, #footer {
-    @include column($blueprint-grid-columns); }
-  #sidebar {
-    // One third of the grid columns, rounding down. With 24 cols, this is 8.
-    $sidebar-columns: floor($blueprint-grid-columns / 3);
-    @include column($sidebar-columns); }
-  #content {
-    // Two thirds of the grid columns, rounding up.
-    // With 24 cols, this is 16.
-    $content-columns: ceil(2 * $blueprint-grid-columns / 3);
-    // true means it's the last column in the row
-    @include column($content-columns, true); } }
