From 145f81046bc5881d7da86b05c8b92862b63f8080 Mon Sep 17 00:00:00 2001
From: B Mathis <brandon@imathis.com>
Date: Thu, 5 Nov 2009 21:30:03 -0600
Subject: updated rake file, reorganized stylesheets, added google site search,
 added google analytics

---
 Rakefile                                           |  50 ++++++---
 config.rb                                          |   2 +-
 source/_layouts/default.haml                       |  24 +++--
 source/images/search_bg.png                        | Bin 0 -> 1058 bytes
 source/stylesheets/_base.sass                      |   3 +
 source/stylesheets/_layout.sass                    | 119 +++++++++++++++++++++
 source/stylesheets/_partials.sass                  |   2 +
 source/stylesheets/_theme.sass                     |  49 +++++++++
 source/stylesheets/_typography.sass                |  27 +++++
 source/stylesheets/partials/_base.sass             |  16 ---
 source/stylesheets/partials/_main.sass             |   4 -
 source/stylesheets/partials/_search.sass           |  18 ++++
 source/stylesheets/partials/_twitter.sass          |   2 +
 source/stylesheets/partials/base/_typography.sass  |  27 -----
 .../stylesheets/partials/main/_flash_messages.sass |  36 -------
 source/stylesheets/partials/main/_form.sass        |  61 -----------
 source/stylesheets/partials/main/_layout.sass      | 117 --------------------
 source/stylesheets/partials/main/_theme.sass       |  49 ---------
 source/stylesheets/partials/main/_twitter.sass     |   2 -
 source/stylesheets/screen.sass                     |  12 ++-
 20 files changed, 287 insertions(+), 333 deletions(-)
 create mode 100644 source/images/search_bg.png
 create mode 100644 source/stylesheets/_base.sass
 create mode 100644 source/stylesheets/_layout.sass
 create mode 100644 source/stylesheets/_partials.sass
 create mode 100644 source/stylesheets/_theme.sass
 create mode 100644 source/stylesheets/_typography.sass
 delete mode 100644 source/stylesheets/partials/_base.sass
 delete mode 100644 source/stylesheets/partials/_main.sass
 create mode 100644 source/stylesheets/partials/_search.sass
 create mode 100644 source/stylesheets/partials/_twitter.sass
 delete mode 100644 source/stylesheets/partials/base/_typography.sass
 delete mode 100644 source/stylesheets/partials/main/_flash_messages.sass
 delete mode 100644 source/stylesheets/partials/main/_form.sass
 delete mode 100644 source/stylesheets/partials/main/_layout.sass
 delete mode 100644 source/stylesheets/partials/main/_theme.sass
 delete mode 100644 source/stylesheets/partials/main/_twitter.sass

diff --git a/Rakefile b/Rakefile
index 08b29185..690c31be 100644
--- a/Rakefile
+++ b/Rakefile
@@ -18,8 +18,13 @@ def ok_failed(condition)
   end
 end
 
+desc "generate website in output directory"
+task :default => [:generate_site, :generate_style] do
+  puts "--Site Generating Complete!--"
+end
+
 desc "list tasks"
-task :default do
+task :list do
   puts "Tasks: #{(Rake::Task.tasks - [Rake::Task[:default]]).to_sentence}"
   puts "(type rake -T for more detail)\n\n"
 end
@@ -35,18 +40,29 @@ task :clean_debug do
   Dir["#{site}/debug"].each { |f| rm_rf(f) }
 end
 
-desc "generate website in output directory"
-task :generate => :clean do
+desc "Generate styles only"
+task :generate_style do
+  puts "Generating website..."
+  system "compass"
+end
+
+desc "Generate site files only"
+task :generate_site => :clean do
   puts "Generating website..."
   system "jekyll"
   Dir["#{site}/stylesheets/*.sass"].each { |f| rm_rf(f) }
-  system "compass"
   system "mv #{site}/atom.html #{site}/atom.xml"
 end
 
 def rebuild_site(relative)
   puts ">>> Change Detected to: #{relative} <<<"
-  IO.popen('rake generate'){|io| print(io.readpartial(512)) until io.eof?}
+  IO.popen('rake generate_site'){|io| print(io.readpartial(512)) until io.eof?}
+  puts '>>> Update Complete <<<'
+end
+
+def rebuild_style(relative)
+  puts ">>> Change Detected to: #{relative} <<<"
+  IO.popen('rake generate_style'){|io| print(io.readpartial(512)) until io.eof?}
   puts '>>> Update Complete <<<'
 end
 
@@ -54,15 +70,25 @@ desc "Watch the site and regenerate when it changes"
 task :watch do
   require 'fssm'
   puts ">>> Watching for Changes <<<"
-  FSSM.monitor("#{File.dirname(__FILE__)}/#{source}", '**/*') do
-    update {|base, relative| rebuild_site(relative)}
-    delete {|base, relative| rebuild_site(relative)}
-    create {|base, relative| rebuild_site(relative)}
+  FSSM.monitor do
+    path "#{File.dirname(__FILE__)}/#{source}" do
+      update {|base, relative| rebuild_site(relative)}
+      delete {|base, relative| rebuild_site(relative)}
+      create {|base, relative| rebuild_site(relative)}
+    end
+    path "#{File.dirname(__FILE__)}/#{source}/stylesheets" do
+      glob '**/*.sass'
+      update {|base, relative| rebuild_style(relative)}
+      delete {|base, relative| rebuild_style(relative)}
+      create {|base, relative| rebuild_style(relative)}
+    end
   end
+  FSSM.monitor("#{File.dirname(__FILE__)}/#{source}/stylesheets", '**/*') do
+    
 end
 
 desc "generate and deploy website"
-multitask :deploy => [:generate, :clean_debug] do
+multitask :deploy => [:default, :clean_debug] do
   print "Deploying website..."
   ok_failed system("rsync -avz --delete #{site}/ #{ssh_user}:#{document_root}")
 end
@@ -87,13 +113,13 @@ task :stop_serve do
 end
 
 desc "preview the site in a web browser"
-multitask :preview => [:generate, :start_serve] do
+multitask :preview => [:default, :start_serve] do
   system "open http://localhost:#{port}"
 end
 
 
 desc "Build an XML sitemap of all html files."
-task :sitemap => :generate do
+task :sitemap => :default do
   html_files = FileList.new("#{site}/**/*.html").map{|f| f[("#{site}".size)..-1]}.map do |f|
     if f.ends_with?("index.html")
       f[0..(-("index.html".size + 1))]
diff --git a/config.rb b/config.rb
index 1d7be82c..aaf00426 100644
--- a/config.rb
+++ b/config.rb
@@ -4,7 +4,7 @@ project_type = :stand_alone
 # Set this to the root of your project when deployed:
 http_path = "/"
 css_dir = "site/stylesheets"
-sass_dir = "source/stylesheets"
+sass_dir = "/stylesheets"
 images_dir = "images"
 
 # To enable relative paths to assets via compass helper functions. Uncomment:
diff --git a/source/_layouts/default.haml b/source/_layouts/default.haml
index 481791cb..30f4da19 100644
--- a/source/_layouts/default.haml
+++ b/source/_layouts/default.haml
@@ -1,6 +1,6 @@
 ---
 blog_title: My Octopress Blog
-root_url: 
+google_site_search_id: 
 ---
 
 !!! 1.1 Transitional
@@ -13,24 +13,29 @@ root_url:
       %meta(name="keywords" content="#{page.keywords}")/
     %link(href="/stylesheets/screen.css" rel="stylesheet" media="screen projection" type="text/css")
     %link(href="/atom.xml" rel="alternate" title="#{page.blog_title}" type="application/atom+xml")
-    /%script(src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js" type="text/javascript")/
     %script(src="/javascripts/mootools-yui-compressed.js" type="text/javascript")
     %script(src="/javascripts/jsonp.js" type="text/javascript")
     %script(src="/javascripts/twitter_gitter.js" type="text/javascript")
     %script(src="/javascripts/twitter.js" type="text/javascript")
+    %script(src="http://www.google-analytics.com/ga.js" type="text/javascript")
   %body
     #header
       .page_width
         %a.title(href="/")=page.blog_title
+        #search
+          %form(action="http://www.google.com/cse" id="cse-search-box")
+            %input(type="hidden" name="cx" value="#{page.google_site_search_id}")
+            %input(type="hidden" name="ie" value="UTF-8")
+            %input#q(type="text" name="q")
     #nav
       .page_width
         %ul
           %li.alpha
-            %a(href="#{page.root_url}/") Blog
+            %a(href="/") Blog
           %li.omega
-            %a(href="#{page.root_url}/about") About
+            %a(href="/about") About
           %li.subscribe
-            %a(href="#{page.root_url}/atom.xml") Subscribe
+            %a(href="/atom.xml") Subscribe
     #page
       .page_width
         #main
@@ -49,4 +54,11 @@ root_url:
     #footer
       .page_width
         = "Copyright &copy; #{Time.now.strftime('%Y')} - #{page.blog_title} | "
-        %span.credit Powered by <a href="http://github.com/imathis/octopress/">Octopress</a>
\ No newline at end of file
+        %span.credit Powered by <a href="http://github.com/imathis/octopress/">Octopress</a>
+  
+    //Google Analytics code
+    :javascript
+      try {
+      var pageTracker = _gat._getTracker("UA-10876422-1");
+      pageTracker._trackPageview();
+      } catch(err) {}
\ No newline at end of file
diff --git a/source/images/search_bg.png b/source/images/search_bg.png
new file mode 100644
index 00000000..0587723e
Binary files /dev/null and b/source/images/search_bg.png differ
diff --git a/source/stylesheets/_base.sass b/source/stylesheets/_base.sass
new file mode 100644
index 00000000..82b34b76
--- /dev/null
+++ b/source/stylesheets/_base.sass
@@ -0,0 +1,3 @@
+//compass default reset
++global-reset
+@import compass/utilities.sass
\ No newline at end of file
diff --git a/source/stylesheets/_layout.sass b/source/stylesheets/_layout.sass
new file mode 100644
index 00000000..ab06b650
--- /dev/null
+++ b/source/stylesheets/_layout.sass
@@ -0,0 +1,119 @@
+!page_width = 900px
+!sidebar_width = 250px
+!sidebar_margin = 30px
+!pad = 15px
+!default_border_radius = 4px
+
+html body
+  background-color= !body_bg
+  color= !body_color
+  a
+    color= !link_color
+
+#footer a
+  color= #ddd
+  &:hover
+    color = #fff
+#header
+  background-color= !header_bg
+  border-bottom= "1px solid" !header_border
+  padding: 30px 0
+  .page_width
+    position: relative
+  a.title
+    font-size= !h1
+    +heading-font
+    display: inline-block
+    color= !title_color
+    text-decoration: none
+
+#nav
+  +clearfix
+  position: relative
+  z-index: 1
+  padding: 6px 0
+  background:
+    color= !nav_bg
+    image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
+    image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
+  border:
+    top= "1px solid" !nav_border_top
+    bottom= "1px solid" !nav_border_bottom
+  ul
+    position: relative
+    +horizontal-list
+    margin: 0 auto
+    overflow: visible
+    li
+      padding: 0 15px
+      border-left= "1px solid" !nav_border_left
+      border-right= "1px solid" !nav_border_right
+      &.alpha
+        border-left: none
+        padding-left: 0
+      &.omega
+        border-right: 0
+      &.subscribe
+        position: absolute
+        left= !page_width - !sidebar_width - !sidebar_margin/2
+        border: none
+        a
+          display: inline-block
+          padding-left: 28px
+          background: url("/images/rss.png") left top no-repeat
+      a
+        display: inline-block
+        color= !nav_color
+        line-height: 150%
+        text-decoration: none
+        &:hover
+          color= !nav_color_hover
+
+.page_width
+  width= !page_width
+  margin: 0 auto
+  padding:
+    left: 30px
+    right: 30px
+
+#page
+  +clearfix
+  background-color= !page_bg
+  .page_width
+    +clearfix
+    padding:
+      top: 25px
+      bottom: 25px
+    background-color= !blog_bg
+    +easy-box-shadow(#ccc)
+    border:
+      left= "1px solid" !page_border_sides
+      right= "1px solid" !page_border_sides
+#main
+  width= !page_width - !sidebar_width - !sidebar_margin
+#sidebar
+  width= !sidebar_width
+  margin-left= !sidebar_margin
+
+#main, #sidebar
+  float: left
+
+.blog
+  .article
+    padding= !base_font_size * 1.5 0 !base_font_size * 1.5
+    border-bottom= "1px solid" !article_border
+    &:first-child
+      padding-top: 0
+  .footer
+    padding-top= !base_font_size
+
+
+#footer
+  position: relative
+  z-index: 2
+  font-size= !base_font_size_small
+  clear: both
+  padding= !base_font_size * 1.5 0
+  color= !footer_color
+  +h-linear-gradient(darken(!body_bg, 25), !body_bg)
+  border-top= "14px solid" !footer_bg
\ No newline at end of file
diff --git a/source/stylesheets/_partials.sass b/source/stylesheets/_partials.sass
new file mode 100644
index 00000000..326df48d
--- /dev/null
+++ b/source/stylesheets/_partials.sass
@@ -0,0 +1,2 @@
+@import partials/twitter.sass
+@import partials/search.sass
\ No newline at end of file
diff --git a/source/stylesheets/_theme.sass b/source/stylesheets/_theme.sass
new file mode 100644
index 00000000..b159019e
--- /dev/null
+++ b/source/stylesheets/_theme.sass
@@ -0,0 +1,49 @@
+// Link Colors
+!link_color = #165B94
+
+// Main Section Colors
+!body_color = #333
+!body_bg = #323232
+
+!header_bg = #323232
+!header_border = #181818
+!title_color = #ddd
+
+!nav_color = #555
+!nav_color_hover = #000
+!nav_bg = #e8e8e8
+!nav_border_top = #fff
+!nav_border_bottom = #aaa
+!nav_border_left = #ccc
+!nav_border_right = #fff
+
+!page_border_sides = #ccc
+!page_bg = #f0f0f0
+
+// Blog 
+!article_border = #eee
+!blog_bg = #fff
+
+!footer_color = #999
+!footer_bg = #444
+
+// Form Colors
+!fieldset_bg = #ececec
+!fieldset_border = #c3c3c3
+
+!textinput_color = #333
+!textinput_bg = #f4f4f4
+!textinput_bg_focus = #fefeee
+
+!textinput_border_top = #aaa
+!textinput_border_bottom = #c6c6c6
+!textinput_border_left = #c3c3c3
+!textinput_border_right = #c3c3c3
+!textinput_border_focus = #989898
+
+!cancel_link = #555
+
+// Button Colors
+!default_button_text_color = #fff
+!default_button_bg = yellow
+!blue_btn = desaturate(adjust_hue(!default_button_bg, -16), 25)
\ No newline at end of file
diff --git a/source/stylesheets/_typography.sass b/source/stylesheets/_typography.sass
new file mode 100644
index 00000000..b5fcd56e
--- /dev/null
+++ b/source/stylesheets/_typography.sass
@@ -0,0 +1,27 @@
+!base_font_size = 16px
+!base_font_size_small = 13px
+!base_font_color = #333
+!default_border_radius = 6px
+
++general-typography
+=heading-font
+  +serif-font
+=quote-font
+  +serif-font
+
+body
+  font-size= !base_font_size
+  +sans-font
+  
+h1,h2,h3,h4,h5,h6
+  color: #333
+  font-weight: bold
+  +heading-font
+
+blockquote
+  +heading-font
+  font-size= !base_font_size * 1.2
+.quote blockquote
+  font-size= !h4
+  line-height= !h5 * 1.625
+  color: #555
\ No newline at end of file
diff --git a/source/stylesheets/partials/_base.sass b/source/stylesheets/partials/_base.sass
deleted file mode 100644
index c88d3c01..00000000
--- a/source/stylesheets/partials/_base.sass
+++ /dev/null
@@ -1,16 +0,0 @@
-//compass default reset
-+global-reset
-//my reset
-button
-  margin: 0
-  padding: 0
-  background: none
-  border: none
-  cursor: pointer
-
-button::-moz-focus-inner
-  border: none
-  padding: 0
-
-@import compass/utilities.sass
-@import base/typography.sass
\ No newline at end of file
diff --git a/source/stylesheets/partials/_main.sass b/source/stylesheets/partials/_main.sass
deleted file mode 100644
index 374268c8..00000000
--- a/source/stylesheets/partials/_main.sass
+++ /dev/null
@@ -1,4 +0,0 @@
-@import main/theme.sass
-@import main/layout.sass
-@import main/form.sass
-@import main/twitter.sass
\ No newline at end of file
diff --git a/source/stylesheets/partials/_search.sass b/source/stylesheets/partials/_search.sass
new file mode 100644
index 00000000..4de9c021
--- /dev/null
+++ b/source/stylesheets/partials/_search.sass
@@ -0,0 +1,18 @@
+#search
+  position: absolute
+  left= !page_width + !sidebar_margin - !sidebar_width
+  top= 10%
+  form
+    background: url(/images/search_bg.png) no-repeat
+    padding: 2px 0 0
+    height: 28px
+    width: 218px
+  #q
+    background: none
+    width: 160px
+    margin-left: 30px
+    font-size: 15px
+    border: none
+    color: #aaa
+    &:focus
+      outline: none
\ No newline at end of file
diff --git a/source/stylesheets/partials/_twitter.sass b/source/stylesheets/partials/_twitter.sass
new file mode 100644
index 00000000..baeef5b4
--- /dev/null
+++ b/source/stylesheets/partials/_twitter.sass
@@ -0,0 +1,2 @@
+#twitter
+  font-size: 85%
\ No newline at end of file
diff --git a/source/stylesheets/partials/base/_typography.sass b/source/stylesheets/partials/base/_typography.sass
deleted file mode 100644
index b5fcd56e..00000000
--- a/source/stylesheets/partials/base/_typography.sass
+++ /dev/null
@@ -1,27 +0,0 @@
-!base_font_size = 16px
-!base_font_size_small = 13px
-!base_font_color = #333
-!default_border_radius = 6px
-
-+general-typography
-=heading-font
-  +serif-font
-=quote-font
-  +serif-font
-
-body
-  font-size= !base_font_size
-  +sans-font
-  
-h1,h2,h3,h4,h5,h6
-  color: #333
-  font-weight: bold
-  +heading-font
-
-blockquote
-  +heading-font
-  font-size= !base_font_size * 1.2
-.quote blockquote
-  font-size= !h4
-  line-height= !h5 * 1.625
-  color: #555
\ No newline at end of file
diff --git a/source/stylesheets/partials/main/_flash_messages.sass b/source/stylesheets/partials/main/_flash_messages.sass
deleted file mode 100644
index bdc9f9c1..00000000
--- a/source/stylesheets/partials/main/_flash_messages.sass
+++ /dev/null
@@ -1,36 +0,0 @@
-!flash_notice       ||= #00529B
-!flash_success      ||= #4F8A10
-!flash_warning      ||= #FBF4BD
-!flash_error        ||= #D8000C
-!flash_notice_bg    ||= #BDE5F8
-!flash_success_bg   ||= #DFF2BF
-!flash_warning_bg   ||= #FBF4BD
-!flash_error_bg     ||= #FFD9DA
-
-=flash-message-style
-  +flash-message-structure
-  &.notice
-    +flash-color(!flash_notice, !flash_notice_bg)
-  &.success
-    +flash-color(!flash_success, !flash_success_bg)
-  &.warning
-    +flash-color(!flash_warning, !flash_warning_bg)
-  &.error
-    +flash-color(!flash_error, !flash_error_bg)
-
-=flash-message-structure
-  background-repeat: no-repeat
-  background-position: 10px center
-  border: 1px dashed
-  padding: 10px 15px
-  margin: 0 0 15px
-
-=flash-color(!color, !bg = 0)
-  color= !color
-  @if !bg == 0
-    background-color= desaturate(lighten(adjust_hue(!color, -10), 83), 20)
-  @else
-    background-color= !bg
-
-#flash
-  +flash-message-style
\ No newline at end of file
diff --git a/source/stylesheets/partials/main/_form.sass b/source/stylesheets/partials/main/_form.sass
deleted file mode 100644
index dc28ff0f..00000000
--- a/source/stylesheets/partials/main/_form.sass
+++ /dev/null
@@ -1,61 +0,0 @@
-#page
-  form
-    clear: both
-    padding-bottom= !pad
-    fieldset, fieldset input.textbox, fieldset textarea
-      +border-radius
-    fieldset
-      background-color= !fieldset_bg
-      width: 480px
-      border= "1px solid" !fieldset_border
-      padding: 35px 25px 20px
-      margin-bottom= !pad*2.2
-    label
-      font-size: 90%
-      display: block
-      padding-bottom: 4px
-    select
-      font-size: 110%
-    input.textbox, textarea
-      font-size: 115%
-      color= !textinput_color
-      background-color= !textinput_bg
-      
-      width: 70%
-      padding: 6px 8px
-      outline: 0
-      display: inline-block
-      
-      border: 1px solid
-      border-top-color= !textinput_border_top
-      border-bottom-color= !textinput_border_bottom
-      border-left-color= !textinput_border_left
-      border-right-color= !textinput_border_right
-      
-      &:focus
-        background= !textinput_bg_focus
-        border-color= !textinput_border_focus
-        
-    input.checkbox, label.checkbox
-      display: inline-block
-    p
-      +clearfix
-      padding= 0 8px !pad
-    input.wrong:focus
-      outline: 2px solid #d0a5a5
-      background: #fef2f2
-    button
-      +border-radius(5px)
-      +btn-style(!blue_btn)
-      +btn-structure(18px, 1px)
-      color= !default_button_text_color
-      border:
-        width: 1px
-        style: solid
-      &:hover, &:focus
-        +btn-style-hover(!blue_btn)
-        outline: none
-      &:active
-        +btn-style-active(!blue_btn)
-    a.cancel
-      color= !cancel_link
\ No newline at end of file
diff --git a/source/stylesheets/partials/main/_layout.sass b/source/stylesheets/partials/main/_layout.sass
deleted file mode 100644
index 0275a511..00000000
--- a/source/stylesheets/partials/main/_layout.sass
+++ /dev/null
@@ -1,117 +0,0 @@
-!page_width = 900px
-!sidebar_width = 250px
-!sidebar_margin = 30px
-!pad = 15px
-!default_border_radius = 4px
-
-html body
-  background-color= !body_bg
-  color= !body_color
-  a
-    color= !link_color
-
-#footer a
-  color= #ddd
-  &:hover
-    color = #fff
-#header
-  background-color= !header_bg
-  border-bottom= "1px solid" !header_border
-  padding: 30px 0
-  a.title
-    font-size= !h1
-    +heading-font
-    display: inline-block
-    color= !title_color
-    text-decoration: none
-
-#nav
-  +clearfix
-  position: relative
-  z-index: 1
-  padding: 6px 0
-  background:
-    color= !nav_bg
-    image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
-    image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
-  border:
-    top= "1px solid" !nav_border_top
-    bottom= "1px solid" !nav_border_bottom
-  ul
-    position: relative
-    +horizontal-list
-    margin: 0 auto
-    overflow: visible
-    li
-      padding: 0 15px
-      border-left= "1px solid" !nav_border_left
-      border-right= "1px solid" !nav_border_right
-      &.alpha
-        border-left: none
-        padding-left: 0
-      &.omega
-        border-right: 0
-      &.subscribe
-        position: absolute
-        left= !page_width - !sidebar_width - !sidebar_margin/2
-        border: none
-        a
-          display: inline-block
-          padding-left: 28px
-          background: url("/images/rss.png") left top no-repeat
-      a
-        display: inline-block
-        color= !nav_color
-        line-height: 150%
-        text-decoration: none
-        &:hover
-          color= !nav_color_hover
-
-.page_width
-  width= !page_width
-  margin: 0 auto
-  padding:
-    left: 30px
-    right: 30px
-
-#page
-  +clearfix
-  background-color= !page_bg
-  .page_width
-    +clearfix
-    padding:
-      top: 25px
-      bottom: 25px
-    background-color= !blog_bg
-    +easy-box-shadow(#ccc)
-    border:
-      left= "1px solid" !page_border_sides
-      right= "1px solid" !page_border_sides
-#main
-  width= !page_width - !sidebar_width - !sidebar_margin
-#sidebar
-  width= !sidebar_width
-  margin-left= !sidebar_margin
-
-#main, #sidebar
-  float: left
-
-.blog
-  .article
-    padding= !base_font_size * 1.5 0 !base_font_size * 1.5
-    border-bottom= "1px solid" !article_border
-    &:first-child
-      padding-top: 0
-  .footer
-    padding-top= !base_font_size
-
-
-#footer
-  position: relative
-  z-index: 2
-  font-size= !base_font_size_small
-  clear: both
-  padding= !base_font_size * 1.5 0
-  color= !footer_color
-  +h-linear-gradient(darken(!body_bg, 25), !body_bg)
-  border-top= "14px solid" !footer_bg
\ No newline at end of file
diff --git a/source/stylesheets/partials/main/_theme.sass b/source/stylesheets/partials/main/_theme.sass
deleted file mode 100644
index b159019e..00000000
--- a/source/stylesheets/partials/main/_theme.sass
+++ /dev/null
@@ -1,49 +0,0 @@
-// Link Colors
-!link_color = #165B94
-
-// Main Section Colors
-!body_color = #333
-!body_bg = #323232
-
-!header_bg = #323232
-!header_border = #181818
-!title_color = #ddd
-
-!nav_color = #555
-!nav_color_hover = #000
-!nav_bg = #e8e8e8
-!nav_border_top = #fff
-!nav_border_bottom = #aaa
-!nav_border_left = #ccc
-!nav_border_right = #fff
-
-!page_border_sides = #ccc
-!page_bg = #f0f0f0
-
-// Blog 
-!article_border = #eee
-!blog_bg = #fff
-
-!footer_color = #999
-!footer_bg = #444
-
-// Form Colors
-!fieldset_bg = #ececec
-!fieldset_border = #c3c3c3
-
-!textinput_color = #333
-!textinput_bg = #f4f4f4
-!textinput_bg_focus = #fefeee
-
-!textinput_border_top = #aaa
-!textinput_border_bottom = #c6c6c6
-!textinput_border_left = #c3c3c3
-!textinput_border_right = #c3c3c3
-!textinput_border_focus = #989898
-
-!cancel_link = #555
-
-// Button Colors
-!default_button_text_color = #fff
-!default_button_bg = yellow
-!blue_btn = desaturate(adjust_hue(!default_button_bg, -16), 25)
\ No newline at end of file
diff --git a/source/stylesheets/partials/main/_twitter.sass b/source/stylesheets/partials/main/_twitter.sass
deleted file mode 100644
index baeef5b4..00000000
--- a/source/stylesheets/partials/main/_twitter.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-#twitter
-  font-size: 85%
\ No newline at end of file
diff --git a/source/stylesheets/screen.sass b/source/stylesheets/screen.sass
index 51e46f6c..e7fcb538 100644
--- a/source/stylesheets/screen.sass
+++ b/source/stylesheets/screen.sass
@@ -1,3 +1,11 @@
+/* SASS mixins */
 @import library.sass
-@import partials/base.sass
-@import partials/main.sass
\ No newline at end of file
+
+/* primary SASS */
+@import base.sass
+@import theme.sass
+@import typography.sass
+@import layout.sass
+
+/* specific SASS */
+@import partials.sass
\ No newline at end of file
-- 
cgit v1.2.1