updated syntax styling to have nice headers for code windows

source/_includes/config.haml

@@ -1,17 +0,0 @@
----
-blog_title: My Octopress Blog
-
-twitter_user: 
-tweet_count: 3
-show_replies: false
-
-delicious_user: 
-delicious_count: 3
-
-full_url: 
-disqus_short_name: 
-
-google_custom_search_id:
-google_analytics_tracking_id:
-
----

source/_layouts/default.haml

@@ -2,7 +2,7 @@
 blog_title: My Octopress Blog
 author: 
 
-twitter_user: 
+twitter_user: imathis
 tweet_count: 3
 show_replies: false
 

source/test/syntax.markdown

@@ -2,6 +2,8 @@
 layout: default
 title: Syntax Highlighting Debug
 ---
+<div class="code_window">
+<em>Ruby</em>
 {% highlight ruby %}
 def rebuild_site(relative)
   puts ">>> Change Detected to: #{relative} <<<"
@@ -11,9 +13,12 @@ def rebuild_site(relative)
   puts '>>> Update Complete <<<'
 end
 {% endhighlight %}
+</div>
 
 So that's a small example. What about a big one?
 
+<div class="code_window">
+<em>Ruby</em>
 {% highlight ruby %}
 require 'active_support/core_ext/array'
 require 'active_support/core_ext/hash/except'
@@ -219,4 +224,5 @@ module ActiveRecord
     end
   end
 end
-{% endhighlight %}
+{% endhighlight %}
+</div>

stylesheets/_layout.sass

@@ -1,7 +1,7 @@
 !page_pad = 30px
 !page_width = 980px
 !sidebar_margin = 25px
-!sidebar_width = 250px
+!sidebar_width = 280px
 !default_border_radius = 4px
 
 html body
@@ -23,7 +23,6 @@ html body
 
 #page, #header, #footer, #nav
   min-width: #{!page_width}
-  
 #page, #content, .content
   +pie-clearfix
 #content
@@ -38,9 +37,9 @@ html body
 
 #sidebar
   float: left
-  width: #{!sidebar_width - !page_pad}
+  width: #{!sidebar_width - !page_pad/2}
   margin: 0 -100% 0 0
-  padding: #{!page_pad} 0 #{!page_pad} #{!page_pad}
+  padding: #{!page_pad} 0 #{!page_pad} #{!page_pad/2}
 
 #page.expanded
   #content

stylesheets/partials/_syntax.sass

@@ -1,3 +1,26 @@
+.code_window
+  +border-top-radius(5px)
+  +border-bottom-radius(2px)
+  background: #aaa #{image_url("code_bg.png")} top repeat-x
+  position: relative
+  margin: .3em 0 1.3em
+  padding: 0 3px 3px
+  font-size: 14px
+  border: 1px solid #898989
+  border-top-color: #cbcbcb
+  border-left-color: #a5a5a5
+  border-right-color: #a5a5a5
+  em
+    text-align: center
+    +text-shadow(#ccc, 1px, 1px, 1px)
+    display: block
+    padding: 1px 0
+    color: #333
+    font-style: normal
+    +sans-font
+  .highlight
+    margin: 0
+    
 pre
   color: #ccc
   font-size: 13px

stylesheets/partials/_twitter.sass

@@ -2,9 +2,9 @@
   p
     padding-bottom: 10px
     a.topic
-      color= !twitter_topic
+      color: #{!twitter_topic}
   .meta
-    color= !light_text
+    color: #{!light_text}
     font-size: 80%
     display: block
     padding: 8px 0 0