@@ -1,62 +0,0 @@ 
-@import definitions
-
-.highlight, .code, pre.lazy
-  +code_font
-  border: 1px solid #cccccc
-  background: #dedede
-  padding: 5px
-  margin: 5px 0
-  font-size: 90%
-  overflow: auto
-
-
-code
-  +code_font
-  font-size: 90%
-
-.highlight
-  .hll
-    background-color: #ffffcc 
-
-  .c
-    color: #008000 
-
-  .err
-    border: 1px solid #FF0000 
-
-  .k
-    color: #0000ff 
-
-  .cm
-    color: #008000 
-
-  .cp
-    color: #0000ff 
-
-  .c1, .cs
-    color: #008000 
-
-  .ge
-    font-style: italic 
-
-  .gh, .gp, .gs, .gu
-    font-weight: bold 
-
-  .kc, .kd, .kn, .kp, .kr
-    color: #0000ff 
-
-  .kt
-    color: #2b91af 
-
-  .s
-    color: #a31515 
-
-  .nc
-    color: #2b91af 
-
-  .ow
-    color: #0000ff 
-
-  .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss
-    color: #a31515
-

@@ -1,27 +0,0 @@ 
-// Variables
-$red: #a4282d
-$gray: #555555
-
-// Mixins
-=default_border
-  border: 1px solid $gray
-
-=button_img($img)
-  background: url(../images/theme/buttons/#{$img}.png)
-
-=title_font
-  font-family: "Palatino Linotype", "Palatino", "Book Antiqua", "Serif"
-
-=body_font
-  font-family: "Georgia", "Serif"
-
-=title
-  +title_font
-  font-variant: small-caps
-  margin: 1em 0 0 0
-
-=code_font
-  font-family: "Consolas", "Monaco", "Monospace"
-
-=darkbg_font
-  color: #cacaca

@@ -1,380 +0,0 @@ 
-@import definitions
-
-#content img
-  margin: 0 5px
-  padding: 2px
-
-#content
-  li, dd
-    margin-left: 30px
-    line-height: 1.5em
-  dt
-    margin-top: 1em
-    font-weight: bold
-  dd
-    font-style: italic
-  p
-    line-height: 1.5em
-    margin: 1em 0
-
-blockquote, .note
-  color: $gray
-  font-style: italic
-  padding: 0 0 0 33px
-  margin: 5px
-
-blockquote
-  background: url(../images/theme/quote.png) no-repeat top left
-
-.note .note-title
-  font-style: normal
-  font-weight: bold
-  padding-right: 1em
-
-.hidden
-  display: none
-
-.preload
-  background-position: -9999px -9999px
-
-#navigation a
-  display: block
-
-#nav-about
-  width: 115px
-  height: 52px
-  +button_img(about)
-  &:hover
-    +button_img(about_h)
-
-.nav-about
-  +button_img(about_h)
-
-#nav-other
-  width: 130px
-  height: 52px
-  +button_img(other)
-  &:hover
-    +button_img(other_h)
-
-.nav-other
-  +button_img(other_h)
-
-#nav-projects
-  width: 127px
-  height: 52px
-  +button_img(projects)
-  &:hover
-    +button_img(projects_h)
-
-.nav-projects
-  +button_img(projects_h)
-
-#nav-archives
-  width: 155px
-  height: 52px
-  +button_img(archives)
-  &:hover
-    +button_img(archives_h)
-
-.nav-archives
-  +button_img(archives_h)
-
-#services li
-  margin-left: 0
-
-#services h3
-  display: block
-  text-align: center
-  a
-    margin: auto
-    display: block
-
-#s-opinions
-  width: 192px
-  height: 52px
-  +button_img(opinions)
-  &:hover
-    +button_img(opinions_h)
-
-.s-opinions
-  +button_img(opinions_h)
-
-#s-tweets
-  width: 183px
-  height: 52px
-  +button_img(tweets)
-  &:hover
-    +button_img(tweets_h)
-
-.s-tweets
-  +button_img(tweets_h)
-
-#s-bookmarks
-  width: 197px
-  height: 52px
-  +button_img(bookmarks)
-  &:hover
-    +button_img(bookmarks_h)
-
-.s-bookmarks
-  +button_img(bookmarks_h)
-
-.spacer-20
-  display: block
-  height: 20px
-
-.spacer-50
-  display: block
-  height: 50px
-
-.spacer-100
-  display: block
-  height: 100px
-
-.spacer-200
-  display: block
-  height: 200px
-
-.feed-item
-  list-style-type: none
-  margin: 0.8em 0.3em
-
-.feed-item-text, .feed-item-date
-  display: block
-
-.feed-item-text
-  margin-top: 0.3em
-  margin-left: 1em
-  font-style: italic
-
-.left-column
-  float: left
-  width: 400px
-
-.right-column
-  float: right
-  width: 400px
-
-.clearleft
-  clear: both
-
-.article-item
-  padding: 0.5em 0
-  display: block
-
-.article-meta
-  font-size: 0.8em
-
-.tag
-  font-weight: bold
-
-.project-data
-  border-left: 1px dashed $gray
-  padding: 0 1em 1em 1.5em
-  margin: 0 0 0 1.5em
-  height: 300px
-
-ul
-  overflow: hidden
-  &.article-meta
-    list-style-type: none
-  &.article-buttons
-    text-align: center
-    list-style-type: none
-    display: block
-    margin: auto
-    border: 1px solid $gray
-    background: white
-    padding: 5px 0
-
-#toc
-  float: right
-  width: 250px
-  padding: 10px
-  margin: 0 0 10px 15px
-  +default_border
-  ol
-    li
-      margin-left: 1.5em
-      li
-        margin-left: 1.5em
-        li
-          margin-left: 1.5em
-          li
-            margin-left: 1.5em
-            li
-              margin-left: 1.5em
-  li
-    line-height: 1.2em
-
-#toctitle
-  font-variant: small-caps
-  font-weight: bold
-
-.toc-top-link
-  font-size: 13px
-  margin-left: 15px
-
-.contents > #toc
-  display: none
-
-.contents ol li
-  list-style-type: none
-
-div.navigation 
-  display: block
-  margin: auto
-  text-align: center
-  margin: 2em 0
-
-div.navigation a
-  font-weight: bold
-  font-variant: small-caps
-  margin-left: 3em
-  margin-right: 3em
-
-#content .article-buttons li
-  font-family: "Arial", "Sans-serif"
-  font-size: 0.8em
-  font-weight: bold
-  display: inline
-  margin-left: 0
-  vertical-align: top
-
-#content .article-meta li
-  margin-left: 0
-
-.inner-border img
-  margin-top: 7px
-
-#legacy-comments, #intensedebate
-  max-width: 800px
-  margin: auto
-
-.legacy-comment
-  padding: 5px 0
-
-.lc-header
-  display: block
-  height: 20px
-  border: 1px solid #232323
-  background: #121212
-  padding: 5px
-
-table
-  margin: 10px auto
-  +default_border
-
-tr
-  border-bottom: 1px solid $gray
-
-#search_form tr, #timeline tr, #taglist tr
-  border-bottom: none
-
-table
-  &#timeline, &#taglist
-    border: none
-
-tr, td, th
-  padding: 5px
-
-td
-  border-left: 1px solid $gray
-  border-right: 1px solid $gray
-
-th
-  background: #cecece
-  +default_border
-
-#taglist, #timeline
-  width: 100%
-  border-bottom: none
-  margin: 20px 0
-
-#taglist tr, #timeline tr
-  padding: 2px
-  width: 100%
-
-#taglist td, #timeline td
-  padding: 2px
-  border-left: none
-  border-right: none
-
-#content input
-  &[type=submit]
-    color: #333333
-    border: 2px solid $gray
-    background: #cccccc
-    outline: none
-    padding: 0.1em 0.3em
-    vertical-align: middle
-    &:hover
-      border: 2px solid #cf282d
-      background: #eeeeee
-      color: #121212
-    &:active
-      background: #aaaaaa
-      outline: none
-  &[type=text]
-    color: #333333
-    border: 2px solid #333333
-    background: white
-    outline: none
-    text-align: left
-    height: 21px
-    vertical-align: middle
-    &:hover, &:focus, &:active
-      border: 2px solid #cf282d
-
-#search_form
-  clear: both
-
-.gsc-resultsHeader, .gs-visibleUrl, .gsc-trailing-more-results, .gs-watermark
-  display: none
-
-.gsc-result
-  padding: 0.5em 0
-
-table.gsc-search-box
-  height: 25px
-  margin: auto
-  margin-top: 20px
-
-.gsc-control, .gsc-resultsRoot
-  width: 850px
-
-.gsc-search-box
-  border: none
-  td
-    border: none
-
-.gsc-input
-  width: 400px
-
-.gsc-branding
-  color: black
-  font-style: italic
-  font-size: 80%
-  border: none
-  margin: auto
-  padding: 0
-
-td.gsc-branding-img
-  text-align: left
-
-div.gsc-clear-button
-  background: transparent url("../images/theme/icons/close.png") no-repeat center 50%
-  width: 10px
-  height: 10px
-  &:hover
-    cursor: pointer
-
-.gsc-cursor-page
-  display: inline
-  padding-right: 7px
-  &:hover
-    cursor: pointer
-
-.gsc-cursor-current-page
-  font-weight: bold

@@ -1,25 +0,0 @@ 
-#gallery
-  padding: 1em
-  width: 750px
-  ul
-    list-style: none
-    li
-      float: left
-      margin-left: 2px
-      padding-left: 0
-    img
-      border: 5px solid #dedede
-    a:hover
-      color: white
-      img
-        border: 5px solid #cccccc
-        color: white
-  a
-    border-bottom: none
-
-#fancy_content
-  a
-    border-bottom: none
-
-#fancy_title td, #fancy_title tr, #fancy_title table
-  border: none

@@ -1,245 +0,0 @@ 
-html, body
-  height: 100%
-
-div#fancy_overlay
-  position: fixed
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  background-color: #666666
-  display: none
-  z-index: 30
-
-* html div#fancy_overlay
-  position: absolute
-  height: 580px
-
-div
-  &#fancy_wrap
-    text-align: left
-  &#fancy_loading
-    position: absolute
-    height: 40px
-    width: 40px
-    cursor: pointer
-    display: none
-    overflow: hidden
-    background: transparent
-    z-index: 100
-    div
-      position: absolute
-      top: 0
-      left: 0
-      width: 40px
-      height: 480px
-      background: transparent url("/images/fancybox/fancy_progress.png") no-repeat
-  &#fancy_loading_overlay
-    position: absolute
-    background-color: white
-    z-index: 30
-  &#fancy_loading_icon
-    position: absolute
-    background: url("/images/fancybox/fancy_loading.gif") no-repeat
-    z-index: 35
-    width: 16px
-    height: 16px
-  &#fancy_outer
-    position: absolute
-    top: 0
-    left: 0
-    z-index: 90
-    padding: 18px 18px 33px 18px
-    margin: 0
-    overflow: hidden
-    background: transparent
-    display: none
-  &#fancy_inner
-    position: relative
-    width: 100%
-    height: 100%
-    border: 1px solid #bbbbbb
-    background: white
-  &#fancy_content
-    margin: 0
-    z-index: 100
-    position: absolute
-  &#fancy_div
-    background: black
-    color: white
-    height: 100%
-    width: 100%
-    z-index: 100
-
-img#fancy_img
-  position: absolute
-  top: 0
-  left: 0
-  border: 0
-  padding: 0
-  margin: 0
-  z-index: 100
-  width: 100%
-  height: 100%
-
-div#fancy_close
-  position: absolute
-  top: -12px
-  right: -15px
-  height: 30px
-  width: 30px
-  background: url("/images/fancybox/fancy_closebox.png") top left no-repeat
-  cursor: pointer
-  z-index: 181
-  display: none
-
-#fancy_frame
-  position: relative
-  width: 100%
-  height: 100%
-  display: none
-
-#fancy_ajax
-  width: 100%
-  height: 100%
-  overflow: auto
-
-a
-  &#fancy_left, &#fancy_right
-    position: absolute
-    bottom: 0px
-    height: 100%
-    width: 35%
-    cursor: pointer
-    z-index: 111
-    display: none
-    outline: none
-  &#fancy_left
-    left: 0px
-  &#fancy_right
-    right: 0px
-
-span
-  &.fancy_ico
-    position: absolute
-    top: 50%
-    margin-top: -15px
-    width: 30px
-    height: 30px
-    z-index: 112
-    cursor: pointer
-    display: block
-  &#fancy_left_ico
-    left: -9999px
-    background: transparent url("/images/fancybox/fancy_left.png") no-repeat
-  &#fancy_right_ico
-    right: -9999px
-    background: transparent url("/images/fancybox/fancy_right.png") no-repeat
-
-a
-  &#fancy_left:hover, &#fancy_right:hover
-    visibility: visible
-  &#fancy_left:hover span
-    left: 20px
-  &#fancy_right:hover span
-    right: 20px
-
-.fancy_bigIframe
-  position: absolute
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  background: transparent
-
-div
-  &#fancy_bg
-    position: absolute
-    top: 0
-    left: 0
-    width: 100%
-    height: 100%
-    z-index: 70
-    border: 0
-    padding: 0
-    margin: 0
-  &.fancy_bg
-    position: absolute
-    display: block
-    z-index: 70
-    border: 0
-    padding: 0
-    margin: 0
-  &.fancy_bg_n
-    top: -18px
-    width: 100%
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_n.png") repeat-x
-  &.fancy_bg_ne
-    top: -18px
-    right: -13px
-    width: 13px
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_ne.png") no-repeat
-  &.fancy_bg_e
-    right: -13px
-    height: 100%
-    width: 13px
-    background: transparent url("/images/fancybox/fancy_shadow_e.png") repeat-y
-  &.fancy_bg_se
-    bottom: -18px
-    right: -13px
-    width: 13px
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_se.png") no-repeat
-  &.fancy_bg_s
-    bottom: -18px
-    width: 100%
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_s.png") repeat-x
-  &.fancy_bg_sw
-    bottom: -18px
-    left: -13px
-    width: 13px
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_sw.png") no-repeat
-  &.fancy_bg_w
-    left: -13px
-    height: 100%
-    width: 13px
-    background: transparent url("/images/fancybox/fancy_shadow_w.png") repeat-y
-  &.fancy_bg_nw
-    top: -18px
-    left: -13px
-    width: 13px
-    height: 18px
-    background: transparent url("/images/fancybox/fancy_shadow_nw.png") no-repeat
-  &#fancy_title
-    position: absolute
-    bottom: -33px
-    left: 0
-    width: 100%
-    z-index: 100
-    display: none
-    div
-      color: white
-      font: bold 12px Arial
-      padding-bottom: 3px
-    table
-      margin: 0 auto
-      td
-        padding: 0
-        vertical-align: middle
-
-td
-  &#fancy_title_left
-    height: 32px
-    width: 15px
-    background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x
-  &#fancy_title_main
-    height: 32px
-    background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x
-  &#fancy_title_right
-    height: 32px
-    width: 15px
-    background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x

@@ -1,160 +0,0 @@ 
-@import definitions
-
-*
-  font-family: inherit
-  font-style: inherit
-  font-size: 100%
-  border: none
-  padding: 0
-  margin: 0
-
-html, body
-  height: 100%
-  line-height: 1.2
-  background: #121212
-
-p, ol, ul
-  margin: 0.5em 0
-
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-body
-  margin: 0
-  padding: 0
-
-=button_img($img)
-  background: url(../images/theme/#{$img}.png)
-
-#logo
-  display: block
-  width: 313px
-  height: 75px
-  +button_img(logo)
-  &:hover
-    +button_img(logo_h)
-
-.logo
-  +button_img(logo_h)
-
-#header
-  width: 100%
-  padding: 5px 0
-  height: 70px
-
-#header-container, #footer-container
-  margin: auto
-  width: 900px
-
-#header-left
-  float: left
-  width: 300px
-
-#header-right
-  float: right
-  text-align: right
-  width: 600px
-
-#navigation li
-  float: left
-  list-style-type: none
-  padding-left: 10px
-
-#ie-warning
-  border-bottom: 1px solid #f5b800
-  background-color: #ffe38f
-  padding: 1em
-  margin-top: -5px
-  margin-bottom: 5px
-  font-weight: bold
-
-#container
-  padding: 5px 15px
-  margin: auto
-  width: 900px
-  height: 100%
-
-.ribbon
-  height: 19px
-  background: url(../images/theme/ribbon.png) repeat-x
-
-#main
-  background: white url(../images/theme/main.jpg)
-
-#content
-  text-align: justify
-  padding: 0 1em
-
-#content-body
-  clear: both
-
-#content-footer
-  text-align: center
-  margin: auto
-
-#wrapper
-  min-height: 100%
-  margin-bottom: -40px
-
-#border-bottom
-  clear: both
-  height: auto
-  padding: 0
-  width: 100%
-  +darkbg_font
-
-#services
-  margin: auto
-  width: 1000px
-
-#footer
-  position: relative
-  height: 40px
-  width: 100%
-  font-size: 0.8em
-  text-align: center
-  padding-top: 1em
-  +darkbg_font
-
-.clearfooter
-  height: 40px
-  clear: both
-
-.footer-left, .footer-right, .footer-center
-  float: left
-  text-align: left
-  font-size: 90%
-  display: block
-  height: 600px
-
-.footer-left, .footer-right
-  width: 30%
-
-.footer-center
-  width: 40%
-
-.footer-div
-  clear: both
-  font-size: 95%
-  color: #cacaca
-
-.share
-  clear: both
-  margin: auto
-  padding: 5px
-  text-align: center
-  table, td, tr
-    border: none
-
-#page-links
-  text-align: right
-  img
-    vertical-align: text-bottom
-
-#page-links span
-  padding: 0 5px
-
-#comments
-  width: 900px
-  margin: auto

@@ -1,71 +0,0 @@ 
-@import definitions
-
-/* TEXT
-
-body
-  color: black
-  +body_font
-  font-size: 0.9em
-
-h2
-  font-size: 2.3em
-  +title
-  margin: 0
-
-h3
-  font-size: 1.7em
-  +title
-
-h4
-  font-size: 1.3em
-  +title
-
-.dropcap
-  +title_font
-  float: left
-  font-size: 4.2em
-  line-height: 0.75em
-  margin-top: 0.15em
-  padding-right: 0.25em
-  text-transform: uppercase
-
-p.first-p:first-line
-  font-variant: small-caps
-
-#services h3
-  text-align: center
-
-em
-  font-style: italic
-
-/**** Article Lists ***
-
-.article-list h3, .left-column h3, .right-column h3
-  text-align: center
-
-.article-item h4
-  margin: 0
-  padding: 0
-
-.article-tags
-  font-size: 90%
-  padding-left: 1em
-
-.article-summary
-  padding-left: 1em
-  font-style: italic
-
-/******* LINKS ******
-
-a, a.gs-title
-  text-decoration: none
-  outline: none
-
-h4 a
-  text-decoration: none
-
-a, a.gs-title, .gsc-cursor-page
-  color: $red
-
-a:hover, a.gs-title:hover, .gsc-cursor-page:hover
-  color: #cf282d

@@ -1,6 +0,0 @@ 
-@import layout.sass
-@import elements.sass
-@import text.sass
-@import code.sass
-@import fancybox.sass
-@import fancybox-gallery.sass

@@ -15,22 +15,10 @@ if (posts == 1) { text = posts+" bookmark" };
 	$('#delcounter').text(text);
 }
 $(document).ready(function() {
-		$('header.home > time').text(Date.today().toString("dddd, MMMM dS yyyy"));
-		$('header.home > time').attr('datetime', Date.today().toString("yyyy-MM-dd"));
-		/////////////////////////
-		$('.timeago').timeago();
-		// TOC
-		$("#auto-toc ol").tableOfContents("#body-text", {startLevel: 1, depth: 6, topLinks: "↑"});
-		// Drop Caps
-		/*
-		var first_paragraph = $('#content-body p:first');
-		if (!first_paragraph) return false;
-		var t = first_paragraph.html();
-		var first_letter = t.substr(0,1);
-		if (first_letter.match(/[a-z]/i)){
-		first_paragraph.html(t.slice(1,t.length));
-			$('<span></span>').addClass('dropcap').html(first_letter).prependTo( first_paragraph );
-		}
-		*/
-	});
+	$('header.home > time').text(Date.today().toString("dddd, MMMM dS yyyy"));
+	$('header.home > time').attr('datetime', Date.today().toString("yyyy-MM-dd"));
+	$('.timeago').timeago();
+	// TOC
+	$("#auto-toc ol").tableOfContents("#body-text", {startLevel: 1, depth: 6, topLinks: "&uarr;"});
+});
 

@@ -39,13 +39,24 @@ @include toolbar;
 }
 article > header > p.toolbar {
 	@include toolbar;
+	margin-top: 20px;
 	time {
 		font-style: italic;
 	}
 	.tools {
 		float: right;
+		margin-top: -20px;
 		a {
+			float: left;
+			display: block;
 			margin: 0 2px;
+			img {
+				opacity: 0.6;
+				@include ease-in(opacity);
+				&:hover {
+					opacity: 1;
+				}
+			}
 		}
 	}
 }
@@ -90,10 +101,6 @@ 
 #main-content > article h1, 
 article.page > header h1 {
 	font-size: 2.8em;
-}
-article.page >  header h1 {
-	text-align: center;
-	margin: auto;
 }
 
 #secondary-content > article h1, 
@@ -206,7 +213,6 @@ border: 1px solid $light-gray;
 }
 
 .toc-top-link {
-	font-size: 0.5em;
 	font-weight: normal;
 }
 

@@ -0,0 +1,29 @@ 
+#gallery {
+  padding: 1em;
+  width: 750px;
+  ul {
+    list-style: none;
+    li {
+      float: left;
+      margin-left: 2px;
+      padding-left: 0;
+		}
+    img {
+      border: 5px solid #dedede;
+		}
+    a:hover {
+      color: white;
+      img {
+        border: 5px solid #cccccc ;
+        color: white;
+			}
+		}
+  	a { border-bottom: none; }
+	}
+}
+#fancy_content {
+  a { border-bottom: none; }
+}
+#fancy_title td, #fancy_title tr, #fancy_title table {
+  border: none;
+}

@@ -0,0 +1,245 @@ 
+html, body {
+  height: 100%; }
+
+div#fancy_overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #666666;
+  display: none;
+  z-index: 30; }
+
+* html div#fancy_overlay {
+  position: absolute;
+  height: 580px; }
+
+div {
+  &#fancy_wrap {
+    text-align: left; }
+  &#fancy_loading {
+    position: absolute;
+    height: 40px;
+    width: 40px;
+    cursor: pointer;
+    display: none;
+    overflow: hidden;
+    background: transparent;
+    z-index: 100;
+    div {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 40px;
+      height: 480px;
+      background: transparent url("/images/fancybox/fancy_progress.png") no-repeat; } }
+  &#fancy_loading_overlay {
+    position: absolute;
+    background-color: white;
+    z-index: 30; }
+  &#fancy_loading_icon {
+    position: absolute;
+    background: url("/images/fancybox/fancy_loading.gif") no-repeat;
+    z-index: 35;
+    width: 16px;
+    height: 16px; }
+  &#fancy_outer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 90;
+    padding: 18px 18px 33px 18px;
+    margin: 0;
+    overflow: hidden;
+    background: transparent;
+    display: none; }
+  &#fancy_inner {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    border: 1px solid #bbbbbb;
+    background: white; }
+  &#fancy_content {
+    margin: 0;
+    z-index: 100;
+    position: absolute; }
+  &#fancy_div {
+    background: black;
+    color: white;
+    height: 100%;
+    width: 100%;
+    z-index: 100; } }
+
+img#fancy_img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100%; }
+
+div#fancy_close {
+  position: absolute;
+  top: -12px;
+  right: -15px;
+  height: 30px;
+  width: 30px;
+  background: url("/images/fancybox/fancy_closebox.png") top left no-repeat;
+  cursor: pointer;
+  z-index: 181;
+  display: none; }
+
+#fancy_frame {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: none; }
+
+#fancy_ajax {
+  width: 100%;
+  height: 100%;
+  overflow: auto; }
+
+a {
+  &#fancy_left, &#fancy_right {
+    position: absolute;
+    bottom: 0px;
+    height: 100%;
+    width: 35%;
+    cursor: pointer;
+    z-index: 111;
+    display: none;
+    outline: none; }
+  &#fancy_left {
+    left: 0px; }
+  &#fancy_right {
+    right: 0px; } }
+
+span {
+  &.fancy_ico {
+    position: absolute;
+    top: 50%;
+    margin-top: -15px;
+    width: 30px;
+    height: 30px;
+    z-index: 112;
+    cursor: pointer;
+    display: block; }
+  &#fancy_left_ico {
+    left: -9999px;
+    background: transparent url("/images/fancybox/fancy_left.png") no-repeat; }
+  &#fancy_right_ico {
+    right: -9999px;
+    background: transparent url("/images/fancybox/fancy_right.png") no-repeat; } }
+
+a {
+  &#fancy_left:hover, &#fancy_right:hover {
+    visibility: visible; }
+  &#fancy_left:hover span {
+    left: 20px; }
+  &#fancy_right:hover span {
+    right: 20px; } }
+
+.fancy_bigIframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: transparent; }
+
+div {
+  &#fancy_bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 70;
+    border: 0;
+    padding: 0;
+    margin: 0; }
+  &.fancy_bg {
+    position: absolute;
+    display: block;
+    z-index: 70;
+    border: 0;
+    padding: 0;
+    margin: 0; }
+  &.fancy_bg_n {
+    top: -18px;
+    width: 100%;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_n.png") repeat-x; }
+  &.fancy_bg_ne {
+    top: -18px;
+    right: -13px;
+    width: 13px;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_ne.png") no-repeat; }
+  &.fancy_bg_e {
+    right: -13px;
+    height: 100%;
+    width: 13px;
+    background: transparent url("/images/fancybox/fancy_shadow_e.png") repeat-y; }
+  &.fancy_bg_se {
+    bottom: -18px;
+    right: -13px;
+    width: 13px;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_se.png") no-repeat; }
+  &.fancy_bg_s {
+    bottom: -18px;
+    width: 100%;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_s.png") repeat-x; }
+  &.fancy_bg_sw {
+    bottom: -18px;
+    left: -13px;
+    width: 13px;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_sw.png") no-repeat; }
+  &.fancy_bg_w {
+    left: -13px;
+    height: 100%;
+    width: 13px;
+    background: transparent url("/images/fancybox/fancy_shadow_w.png") repeat-y; }
+  &.fancy_bg_nw {
+    top: -18px;
+    left: -13px;
+    width: 13px;
+    height: 18px;
+    background: transparent url("/images/fancybox/fancy_shadow_nw.png") no-repeat; }
+  &#fancy_title {
+    position: absolute;
+    bottom: -33px;
+    left: 0;
+    width: 100%;
+    z-index: 100;
+    display: none;
+    div {
+      color: white;
+      font: bold 12px Arial;
+      padding-bottom: 3px; }
+    table {
+      margin: 0 auto;
+      td {
+        padding: 0;
+        vertical-align: middle; } } } }
+
+td {
+  &#fancy_title_left {
+    height: 32px;
+    width: 15px;
+    background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x; }
+  &#fancy_title_main {
+    height: 32px;
+    background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x; }
+  &#fancy_title_right {
+    height: 32px;
+    width: 15px;
+    background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x; } }

@@ -120,6 +120,12 @@ }
 	}
 }
 
+#sharing-buttons {
+	clear:both;
+	margin: 20px auto;
+	text-align: center;
+}
+
 
 
 /* Main */

@@ -79,5 +79,5 @@ }
 
 /* Disqus */
 #disqus_thread {
-	margin: 0px 30px;
+	margin: 0px 10px;
 }

@@ -2,4 +2,6 @@ @import "_definitions.scss";
 @import "_fonts.scss";
 @import "_layout.scss";
 @import "_content.scss";
+@import "_fancybox.scss";
+@import "_fancybox-gallery.scss";
 @import "_vendor.scss";

@@ -1,30 +0,0 @@ 
------
-filter: erb
------
-<script type="text/javascript">
-	var dzone_url = "<%= url_for @item %>";
-	var dzone_title = "<%= @item[:title]%>";
-	var dzone_blurb = "<%= @item[:summary] if @item[:summary] %>";
-	var dzone_style = '2';
-	var digg_url = "<%= url_for @item %>";
-	var digg_skin = 'compact';
-	var digg_window = 'new';
-	var tweetmeme_style = 'compact';
-	function delicious_counter(data) {
-		var posts = data[0].total_posts;
-		if (!posts) return;
-		var text = posts+" bookmarks";
-		if (posts == 1) { text = posts+" bookmark" };
-		document.getElementById('delcounter').innerHTML = text;
-	}
-</script>
-<ul class="article-buttons">
-	<li><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></li>
-	<li><script type="text/javascript" src="http://www.reddit.com/button.js?t=1"></script></li>
-	<li><script type="text/javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script> </li>
-	<li><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></li>
-	<li><a href="http://www.stumbleupon.com/submit?url=<%= url_for @item %>"> <img border=0 src="http://cdn.stumble-upon.com/images/120x20_su_gray.gif" alt=""></a></li>
-	<li>
-	<span id="delcounter">0 bookmarks</span><img src="http://static.delicious.com/img/delicious.small.gif" /><a href="http://delicious.com/post?url=<%= url_for @item %>&amp;title=<%= @item[:title]%>">Save</a>
-	</li>
-</ul>

@@ -0,0 +1,7 @@ 
+-----
+filter: erb
+-----
+<nav id="sharing-buttons">
+<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="h3rald">Tweet</a>
+<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+</nav>

@@ -57,6 +57,7 @@ <section id="container">
 			<% if @item[:permalink] == 'home' then %>
 				<%= render 'home_header' %>
 				<%= yield %>
+				<%= render 'buttons', :item => @item %>
 			<% else %>
 				<%= render 'page_header', :item => @item %>
 				<article class="page">
@@ -69,6 +70,7 @@ <ol></ol>
 							</aside>
 						<% end %>
 						<%= yield %>
+						<%= render 'buttons', :item => @item %>
 					</section>
 				</article>
 					<% if @item[:type] == 'article' %>
@@ -83,7 +85,6 @@ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 					})();
 					</script>
 					<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=h3rald">comments powered by Disqus.</a></noscript>
-					<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
 					<% end %>
 				<% end %>
 			<footer>
@@ -103,7 +104,7 @@ <section>
 					<nav>
 						<a href="#">ABOUT</a>|<a href="#">CONTACT</a>
 					</nav>
-					<p>&copy; 2010 &mdash; <em>Fabio Cevasco</em></p>
+					<p>H3RALD Web Site v8.1 &mdash; &copy; 2010 &mdash; <em>Fabio Cevasco</em></p>
 				</section>
 			</footer>
 		</section><!-- #container end -->

@@ -3,8 +3,10 @@ filter: erb
 -----
 <%
 	author = @item[:author] || "Fabio Cevasco"
-	pdf = %{<a href="/articles/#{@item[:permalink]}.pdf">PDF</a>} if @item[:pdf]
-	tools = %{<span class="tools">#{pdf}</span>}
+	pdf = %{<a href="/articles/#{@item[:permalink]}.pdf"><img src="/images/icons/pdf.png" alt="PDF" /></a>} if @item[:pdf]
+	source_url = "http://github.com/h3rald/h3rald/raw/master/#{@item[:file].path}?iframe" 
+	source = %{<a href="#{source_url}" class="fancybox"><img src="/images/icons/ruby.png" alt="SOURCE"/></a>}
+	tools = %{<span class="tools">#{source}#{pdf}</span>}
 %><header>
 	<hgroup>
 		<h1><%= @item[:title] %></h1>