visual redesign

29 files changed, 1145 insertions, 360 deletions

diff --git a/media/config.rb b/media/config.rb
new file mode 100644
index 0000000..d3780dd
--- /dev/null
+++ b/media/config.rb
@@ -0,0 +1,12 @@
+# Require any additional compass plugins here.
+project_type = :stand_alone
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "sass"
+images_dir = "img"
+javascripts_dir = "js"
+output_style = :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
diff --git a/media/css/base.css b/media/css/base.css
index b629d73..e242b5f 100644
--- a/media/css/base.css
+++ b/media/css/base.css
@@ -1,360 +1 @@
-/* -------------- reset from blueprint ---------------------- */
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	border: 0;
-	outline: 0;
-	background: transparent;
-}
-
-ol, ul, li { list-style: none; }
-
-blockquote, q { quotes: none; }
-:focus { outline: 0; }
-
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-/*html5 fix*/
-header, section, footer, aside, article, nav {display: block;text-align:left;}
-/* --------------------- Basic Typography Stuff ------------------------ */
-
-* {margin:0;}
-html {height:100%;}
-body {
-	background: #faf9f4;
-	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, Serif;
-	/* font-size 15px */
-	font-size: 93.75%;
-	/* line height of 24 px */
-	line-height: 23px;
-	color: #241d13;
-}
-body {height:100%;text-align: center;}
-
-html>body { font-size: 15px;}
-
-p {
-	margin: 0.8em 0 0 0;
-}
-a:link {
-	text-decoration: none;
-	color: #333;
-}
-
-a:visited {
-	color: #736357;
-	text-decoration: none;
-}
-
-a:hover {
-	color: #b53a04 !important;
-	text-decoration: none;
-}
-article a {border-bottom: 1px dotted #f00;}
-blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; line-height: 22px !important; font-style: italic !important;}
-/* --------------------- layout ------------------------ */
-
-
-/* global header and nav elements */
-header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;}
-header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em}
-header nav.rt { float: left; margin: 2px 0 0 0; clear:right;}
-header nav ul { margin: 0 auto 0;}
-header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0;   line-height: 19px; text-transform: uppercase;}
-header nav.rt  li {text-align: left;}
-header hgroup {float: left;}
-header hgroup h1,
-header hgroup h1 a {
-	font: 44px/44px Georgia, "Times New Roman", Times, Serif;
-    text-transform: uppercase;
-	letter-spacing: 6px;
-	color: #b53a04 !important;
-	width: 480px;
-}
-header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; }
-header hgroup h2 {
-    font-size: 18px;
-    line-height: 30px;
-    font-weight: normal;
-    text-transform: uppercase;
-	letter-spacing: 2px;
-	font-style: italic;
-}
-header hgroup h2, header hgroup h2 a {color: #b53a04 !important;}
-
-
-
-/* global article styles */
-article h1,
-article h1 a {
-	font: 42px/48px Georgia, "Times New Roman", Times, Serif;
-	font-style: normal;
-	color: #241d13 !important;
-	margin: 55px 0 5px 0;
-	border: none;
-	text-align: center;
-}
-h3 {
-    margin: 24px 0;
-    font-size: 32px;
-    line-height: 42px;
-    font-weight: normal;
-	font-style: italic;
-	letter-spacing: 1px;
-	border-bottom: 1px dotted #ccc;
-	padding-left: 4px;
-}
-
-/*make the first graf bigger for browsers that understand -- suck it ie6 */
-body.writing-detail article section#post p:nth-of-type(1), body#home article section#featured-article p:nth-of-type(1) {
-	font: 18px/28px "Hoefler Text", Georgia, "Times New Roman", Times, Serif;
-	margin: 0 0 1em 0;
-}
-
-
-
-
-article {margin: 0 auto; width: 530px;}
-
-.all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; }
-.all-link a {border: none;}
-
-
-/* pagination */
-section#pagination ul {padding-top: 36px; text-align:center; clear: both;}
-section#pagination ul li { 
-    display: inline;
-	margin: 0;
-	font-variant: small-caps;
-}
-section#pagination ul li a, section#pagination ul li.current {
-	padding: 3px;
-	border: none;
-	font-size: 100%;
-	
-}
-section#pagination ul li:first-child {padding-right: 8px;}
-section#pagination ul li:last-child {padding-left: 4px;}
-
-/* Home page */
-
-body#home section#writing-archive {clear:both;}
-body#home section#writing-archive h2 {font-size: 1.6em;
-        font-weight: normal;
-	text-transform:uppercase;
-	letter-spacing:2px; 
-	margin-top: 32px;
-	color: #333;
-}
-body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; margin: 30px 0 8px; padding-bottom: 4px;letter-spacing: .01em;}
-body#home section#writing-archive ul h3 a {border: none;}
-body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;}
-body#home section#writing-archive ul li:first-child {padding-top: 0;}
-body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; }
-body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;}
-
-
-
-/* About page */
-body#about article h3 {font-size: 20px; line-height: 22px; clear: both;}
-body#about article ul { margin: 22px 0;}
-body#about article ul li {
-	list-style-type: disc;
-	margin: 8px;
-	font-size: 85%;
-	line-height: 150%;
-	list-style-position: inside;
-}
-
-
-/* Writing Archives */
-body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8px; padding-bottom: 4px;letter-spacing: .01em;}
-body#writing article ul h3 a {border: none;}
-body#writing article ul li {clear:both; padding: 24px 0; color: #888;}
-body#writing article ul li:first-child {padding-top: 0;}
-body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;}
-body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;}
-
-
-
-/* Photo Archives */
-body#photo-archive article {width: 810px;}
-body#photo-archive ul#photo-galleries li {background: #000; width: 210px; float: left; margin: 20px; min-height: 370px; color: #888; padding: 10px; font-size: 85%; line-height: 18px;}
-body#photo-archive ul li a {border: none;}
-body#photo-archive ul li h3 {font-size: 14px; color: #f9f9f4; border: none; line-height: 18px;margin: 4px 0;padding: 0;}
-body#photo-archive ul li p {margin: 0;}
-
-
-/* Map pages */
-body#map article {width: 940px;}
-div#map-canvas {float: left;width: 800px; height: 500px; border: #000 10px solid;  margin-bottom: 120px;}
-div.infowin { font-size: 85%; line-height: 18px; margin-bottom: 16px;}
-div.infowin h4 {font-size: 16px;
-    line-height: 24px;
-    font-weight: normal;
-	font-style: italic;
-	letter-spacing: 1px;
-}
-div.infowin a { color: #b53a04 !important; border-bottom: 1px dotted #b53a04; }
-div.infowin .date { color: #888; text-align: center; text-transform: uppercase; font-size: 80%;font-style: italic;display: block;text-align: left; margin: 0;}
-
-aside {float: right; margin-top: -10px;}
-aside h4 {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: normal;
-	font-style: italic;
-	letter-spacing: 1px;
-	font-variant: small-caps;
-	margin: 8px 0 2px;
-}
-aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;}
-aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;}
-aside.meta a {color: #736357; border: none;}
-aside.meta span {line-height: 16px;}
-aside.meta .topics {display: block;}
-aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;}
-
-/* Writing Detail Pages */
-.all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;}
-/* drop caps */
-span.drop {
-    font-size: 5.5em;
-    display: block;
-	float: left;
-	padding: 30px 5px 5px 0;
-	overflow: visible;
-	font-family: Georgia, "Times New Roman", Times, Serif;
-}
-ol.footnote {
-    border-top: 1px dotted #ccc;
-    font-size: 12px;
-    margin: 18px 0;
-}
-ol.footnote li {
-    margin: 12px 0;
-    line-height: .8em;
-}
-ol.footnote li p {line-height: 18px !important; font-size:12px !important;}
-ol.footnote li a, ol.footnote li span {font-size: 12px; }
-hr.footnotes {
-    display: none;
-}
-section#post-metadata {margin: 30px 0 20px; font-style: italic; border-top: #dadada 1px solid;border-bottom: #dadada 1px solid;}
-section#post-metadata h4 {display: none;}
-section#post-metadata p {margin: 10px 40px;font-size: 80%; line-height: 18px;}
-
-section#page-navigation ul {width: 560px;}
-section#page-navigation li {display: block; float: left;}
-section#page-navigation li a {
-	border-bottom: none;
-	font-variant: small-caps;
-}
-section#page-navigation li.next {float: right;}
-
-section#comments h4 {
-    clear: both;
-    font-size: 26px;
-    line-height: 26px;
-    font-weight: normal;
-    text-transform: uppercase;
-	letter-spacing: 2px;
-	margin: 45px 0;
-	padding-top: 45px;
-}
-section#comments h4 span {font-size: 90%; font-style: italic;}
-section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;}
-span.credit {display: block;}
-/* Projects */
-dl.lprog dd  {text-indent: 15px;}
-dl.lprog {margin: 44px 0 22px 0;}
-
-
-/*contact form*/
-.form-holder {width: 500px; margin: 40px auto;}
-.form-holder li { clear: both; }
-.form-holder dt {float: left; margin: 0 10px 6px 0; text-align: right; width: 130px;}
-.form-holder dd { float: left;}
-.form-holder .button { clear: both; float: right; margin: 8px 30px 100px 0;}
-/* --------------------- Footer ------------------------ */
-footer {text-align:center; padding-top: 40px; font-size: 80%; clear:both; margin-top: 60px; background:#ded1c0;}
-footer div { margin: 0 auto; width: 580px;}
-footer section {float: left; margin: 0 14px; width: 110px; line-height: 20px;}
-footer section:first-child {width: 220px; margin: 0 20px 0 30px;}
-footer section:last-child {float: none; clear: both; width: 560px; padding-top: 30px; text-align: center;}
-footer section h4 {
-    margin: 0 0 8px 0;
-    font-size: 16px;
-    font-weight: normal;
-	font-variant: small-caps;
-	letter-spacing: 1px;
-	border-bottom: #999 1px dotted;
-	letter-spacing: .2em;
-	line-height: 1.1em;
-	text-transform: uppercase;
-	padding-bottom: 3px;
-	color: #333;
-}
-footer section p {margin: 0; padding-bottom: 20px;}
-footer section ul li {list-style-type: none; margin-left: 4px;}
-footer ul li img {margin-right:5px;
-position:relative;
-top:2px;}
-footer nav {clear:both; margin: 0 auto; width: 560px; margin-bottom: 30px;}
-footer nav ul {clear:both; width: 560px;text-align: center;padding: 5px 0;border-bottom: #999 1px dotted;}
-footer nav ul li {display: inline; margin: 5px; font-size: 105%;
-    font-variant: small-caps;
-	letter-spacing: .2em;
-	line-height: 1.1em;
-	text-transform: uppercase;}
-/* --------------------- img classes ------------------------ */
-span.figure {display: block; background: #000;border: #000 10px solid; }
-span.figure p {color: #f9f9f4; font-size: 80%; font-style: italic; }
-div#clearfix {clear:both; }
-img.postpic, img.postpicright {
-	display: block;
-	margin: .3em .6em;
-	border: #000 10px solid;
-	clear: both;
-}
-
-img.postpic {
-	float: left;
-	margin-left: 0;
-	margin-top: .3em;
-}
-img.postpicright {
-	float: right;
-	margin-right: 0;
-}
-
-img.postpicleft {
-	float: left;
-	margin: 5px;
-}
-img.picfull {
-	border: #000 10px solid;
-}
-/* --------------------- misc classes ------------------------ */
-.hide {display:none;}
-.dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link {display: none;}
-#dsq-comments-count {display: none;}
-div[dir='ltr'] span {
-	width: 0;
-	visibility: collapse;
-}
-p.update {font-size: 12px !important; line-height: 18px !important;}
-#dsq-comments-title {display: none;}
-#dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important}
-.disqus-link-count {text-decoration: none; border: none;}
-a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;}
-span.alert { color: red;}
-.notes {font-variant:small-caps;
-letter-spacing:1px;
-text-transform:lowercase;}
-dl.addendum dt {font-style:italic;margin: 0.8em 0 0 0; margin-left: -30px; text-indent: -30px;padding-left: 30px;}
-dl.addendum dd {margin: 0.8em 0 0 0;}
+ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:"none"}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.hide,.dsq-brlink,img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'],.terms-of-use-link,#dsq-comments-count{display:"none"}div[dir='ltr'] span{width:0;visibility:collapse}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.6em}#writing-archive{margin-top:72px;margin-bottom:36px}#writing-archive li{clear:both}#writing-archive h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}#writing-archive div{width:420px;float:left}#writing-archive div.img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p{margin:0;font-size:1.1em}#writing-archive .location,#writing-archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:.7em}#writing-archive img{border:#201a11 10px solid}body#writing-detail article{font-size:1.7em;line-height:1.5em}body#writing-detail article header{border:none;height:auto;width:auto;margin:0 0 0 0}body#writing-detail article h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.8em;line-height:1.2em;margin:0}body#writing-detail article aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:0.7em;line-height:2.3em}body#writing-detail article aside a{color:#201a11}body#writing-detail article aside a:hover{color:#b53a04}body#writing-detail article dl{font-size:100%}body#writing-detail article dl dt{font-style:italic;margin:9px}body#writing-detail article a{color:#b53a04}body#writing-detail article h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}.single article header,.single article div#post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article div#post-body p:nth-of-type(1){font-size:1.2em;line-height:1.4em}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article header aside section{text-align:right !important;font-size:1em}.double article div#post-body{width:780px;float:left;margin-left:20px}.double article div#post-body div.col{width:350px;float:left;margin:0 40px 0 0}.double article div#post-body img.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.double article div#post-body div.narrow{width:520px}span.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}span.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:.8em}ol.footnote{font-size:12px;margin:18px 0}ol.footnote li{margin:12px 0;line-height:.8em}ol.footnote li p{line-height:18px !important;font-size:12px !important}ol.footnote li a,ol.footnote li span{font-size:12px}section#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;font-size:0.8em;padding-bottom:8px}section#page-navigation{width:980px;margin:24px 0 0 0;text-transform:uppercase;font-size:.5em}section#page-navigation li#next{float:right;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-right:140px}section#page-navigation li#prev{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-left:120px}section#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:.8em}section#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:1em}h4 a.disqus-link-count{color:#201a11 !important}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pagination{margin:8px 0}#pagination .current{color:#b53a04}body.dubcol footer nav li{font-size:0.6em}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}dl.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}dl.addendum dd{margin:0.8em 0 0 0}#photo-archive article{width:980px}#photo-archive article h1{display:none}ul#photo-galleries{margin-left:-10px}ul#photo-galleries li{float:left;margin:10px;width:310px;position:relative;display:block}ul#photo-galleries div.figure{border:10px #201a11 solid;height:350px}ul#photo-galleries div.figure img{border:none}ul#photo-galleries span.legend{display:block;color:#888;padding:10px 10px 10px 15px;font-size:85%;line-height:18px;width:285px;background:#201a11;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0}ul#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}ul#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.4em;margin:8px 0}.map-legend li{font-size:90%;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:left;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}body#about section{clear:both;margin-top:24px}body#about section ul{font-size:1em;margin:18px}body#about section li{margin:9px}body#about section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:1.6em}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;text-align:right;font-size:.6em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email{width:326px}body#projects h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}body#projects article p{font-size:1.4em}#featured-image img{margin-left:20px;margin-bottom:78px}section#writing-tease,section#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:.8em;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}section#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}section#currently div.project-tease{font-size:18px;line-height:16px;margin-top:8px}section#currently div.project-tease h4{font-size:64px;line-height:50px;float:left;margin:0}section#currently div.project-tease h4 span{font-size:36px}section#currently div.project-tease a{display:block;width:220px;float:left}section#currently div.project-tease p{font-size:.7em;text-transform:none;line-height:50px;margin-left:440px;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif}section#currently div.project-tease p cite{padding-left:4px}section#fromthearc{clear:both}section#fromthearc li{float:left;width:300px;margin-bottom:20px}section#fromthearc h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:2em;margin:0}section#fromthearc .col2{margin-left:40px;margin-right:40px}section#fromthearc h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.2em;margin-bottom:12px;min-height:50px}section#fromthearc .location,section#fromthearc time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:2em;font-size:.7em}section#fromthearc p{margin:0;text-align:justify}
diff --git a/media/css/base032810.css b/media/css/base032810.css
new file mode 100644
index 0000000..b629d73
--- /dev/null
+++ b/media/css/base032810.css
@@ -0,0 +1,360 @@
+/* -------------- reset from blueprint ---------------------- */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	border: 0;
+	outline: 0;
+	background: transparent;
+}
+
+ol, ul, li { list-style: none; }
+
+blockquote, q { quotes: none; }
+:focus { outline: 0; }
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+/*html5 fix*/
+header, section, footer, aside, article, nav {display: block;text-align:left;}
+/* --------------------- Basic Typography Stuff ------------------------ */
+
+* {margin:0;}
+html {height:100%;}
+body {
+	background: #faf9f4;
+	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, Serif;
+	/* font-size 15px */
+	font-size: 93.75%;
+	/* line height of 24 px */
+	line-height: 23px;
+	color: #241d13;
+}
+body {height:100%;text-align: center;}
+
+html>body { font-size: 15px;}
+
+p {
+	margin: 0.8em 0 0 0;
+}
+a:link {
+	text-decoration: none;
+	color: #333;
+}
+
+a:visited {
+	color: #736357;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #b53a04 !important;
+	text-decoration: none;
+}
+article a {border-bottom: 1px dotted #f00;}
+blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; line-height: 22px !important; font-style: italic !important;}
+/* --------------------- layout ------------------------ */
+
+
+/* global header and nav elements */
+header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;}
+header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em}
+header nav.rt { float: left; margin: 2px 0 0 0; clear:right;}
+header nav ul { margin: 0 auto 0;}
+header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0;   line-height: 19px; text-transform: uppercase;}
+header nav.rt  li {text-align: left;}
+header hgroup {float: left;}
+header hgroup h1,
+header hgroup h1 a {
+	font: 44px/44px Georgia, "Times New Roman", Times, Serif;
+    text-transform: uppercase;
+	letter-spacing: 6px;
+	color: #b53a04 !important;
+	width: 480px;
+}
+header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; }
+header hgroup h2 {
+    font-size: 18px;
+    line-height: 30px;
+    font-weight: normal;
+    text-transform: uppercase;
+	letter-spacing: 2px;
+	font-style: italic;
+}
+header hgroup h2, header hgroup h2 a {color: #b53a04 !important;}
+
+
+
+/* global article styles */
+article h1,
+article h1 a {
+	font: 42px/48px Georgia, "Times New Roman", Times, Serif;
+	font-style: normal;
+	color: #241d13 !important;
+	margin: 55px 0 5px 0;
+	border: none;
+	text-align: center;
+}
+h3 {
+    margin: 24px 0;
+    font-size: 32px;
+    line-height: 42px;
+    font-weight: normal;
+	font-style: italic;
+	letter-spacing: 1px;
+	border-bottom: 1px dotted #ccc;
+	padding-left: 4px;
+}
+
+/*make the first graf bigger for browsers that understand -- suck it ie6 */
+body.writing-detail article section#post p:nth-of-type(1), body#home article section#featured-article p:nth-of-type(1) {
+	font: 18px/28px "Hoefler Text", Georgia, "Times New Roman", Times, Serif;
+	margin: 0 0 1em 0;
+}
+
+
+
+
+article {margin: 0 auto; width: 530px;}
+
+.all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; }
+.all-link a {border: none;}
+
+
+/* pagination */
+section#pagination ul {padding-top: 36px; text-align:center; clear: both;}
+section#pagination ul li { 
+    display: inline;
+	margin: 0;
+	font-variant: small-caps;
+}
+section#pagination ul li a, section#pagination ul li.current {
+	padding: 3px;
+	border: none;
+	font-size: 100%;
+	
+}
+section#pagination ul li:first-child {padding-right: 8px;}
+section#pagination ul li:last-child {padding-left: 4px;}
+
+/* Home page */
+
+body#home section#writing-archive {clear:both;}
+body#home section#writing-archive h2 {font-size: 1.6em;
+        font-weight: normal;
+	text-transform:uppercase;
+	letter-spacing:2px; 
+	margin-top: 32px;
+	color: #333;
+}
+body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; margin: 30px 0 8px; padding-bottom: 4px;letter-spacing: .01em;}
+body#home section#writing-archive ul h3 a {border: none;}
+body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;}
+body#home section#writing-archive ul li:first-child {padding-top: 0;}
+body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; }
+body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;}
+
+
+
+/* About page */
+body#about article h3 {font-size: 20px; line-height: 22px; clear: both;}
+body#about article ul { margin: 22px 0;}
+body#about article ul li {
+	list-style-type: disc;
+	margin: 8px;
+	font-size: 85%;
+	line-height: 150%;
+	list-style-position: inside;
+}
+
+
+/* Writing Archives */
+body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8px; padding-bottom: 4px;letter-spacing: .01em;}
+body#writing article ul h3 a {border: none;}
+body#writing article ul li {clear:both; padding: 24px 0; color: #888;}
+body#writing article ul li:first-child {padding-top: 0;}
+body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;}
+body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;}
+
+
+
+/* Photo Archives */
+body#photo-archive article {width: 810px;}
+body#photo-archive ul#photo-galleries li {background: #000; width: 210px; float: left; margin: 20px; min-height: 370px; color: #888; padding: 10px; font-size: 85%; line-height: 18px;}
+body#photo-archive ul li a {border: none;}
+body#photo-archive ul li h3 {font-size: 14px; color: #f9f9f4; border: none; line-height: 18px;margin: 4px 0;padding: 0;}
+body#photo-archive ul li p {margin: 0;}
+
+
+/* Map pages */
+body#map article {width: 940px;}
+div#map-canvas {float: left;width: 800px; height: 500px; border: #000 10px solid;  margin-bottom: 120px;}
+div.infowin { font-size: 85%; line-height: 18px; margin-bottom: 16px;}
+div.infowin h4 {font-size: 16px;
+    line-height: 24px;
+    font-weight: normal;
+	font-style: italic;
+	letter-spacing: 1px;
+}
+div.infowin a { color: #b53a04 !important; border-bottom: 1px dotted #b53a04; }
+div.infowin .date { color: #888; text-align: center; text-transform: uppercase; font-size: 80%;font-style: italic;display: block;text-align: left; margin: 0;}
+
+aside {float: right; margin-top: -10px;}
+aside h4 {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: normal;
+	font-style: italic;
+	letter-spacing: 1px;
+	font-variant: small-caps;
+	margin: 8px 0 2px;
+}
+aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;}
+aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;}
+aside.meta a {color: #736357; border: none;}
+aside.meta span {line-height: 16px;}
+aside.meta .topics {display: block;}
+aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;}
+
+/* Writing Detail Pages */
+.all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;}
+/* drop caps */
+span.drop {
+    font-size: 5.5em;
+    display: block;
+	float: left;
+	padding: 30px 5px 5px 0;
+	overflow: visible;
+	font-family: Georgia, "Times New Roman", Times, Serif;
+}
+ol.footnote {
+    border-top: 1px dotted #ccc;
+    font-size: 12px;
+    margin: 18px 0;
+}
+ol.footnote li {
+    margin: 12px 0;
+    line-height: .8em;
+}
+ol.footnote li p {line-height: 18px !important; font-size:12px !important;}
+ol.footnote li a, ol.footnote li span {font-size: 12px; }
+hr.footnotes {
+    display: none;
+}
+section#post-metadata {margin: 30px 0 20px; font-style: italic; border-top: #dadada 1px solid;border-bottom: #dadada 1px solid;}
+section#post-metadata h4 {display: none;}
+section#post-metadata p {margin: 10px 40px;font-size: 80%; line-height: 18px;}
+
+section#page-navigation ul {width: 560px;}
+section#page-navigation li {display: block; float: left;}
+section#page-navigation li a {
+	border-bottom: none;
+	font-variant: small-caps;
+}
+section#page-navigation li.next {float: right;}
+
+section#comments h4 {
+    clear: both;
+    font-size: 26px;
+    line-height: 26px;
+    font-weight: normal;
+    text-transform: uppercase;
+	letter-spacing: 2px;
+	margin: 45px 0;
+	padding-top: 45px;
+}
+section#comments h4 span {font-size: 90%; font-style: italic;}
+section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;}
+span.credit {display: block;}
+/* Projects */
+dl.lprog dd  {text-indent: 15px;}
+dl.lprog {margin: 44px 0 22px 0;}
+
+
+/*contact form*/
+.form-holder {width: 500px; margin: 40px auto;}
+.form-holder li { clear: both; }
+.form-holder dt {float: left; margin: 0 10px 6px 0; text-align: right; width: 130px;}
+.form-holder dd { float: left;}
+.form-holder .button { clear: both; float: right; margin: 8px 30px 100px 0;}
+/* --------------------- Footer ------------------------ */
+footer {text-align:center; padding-top: 40px; font-size: 80%; clear:both; margin-top: 60px; background:#ded1c0;}
+footer div { margin: 0 auto; width: 580px;}
+footer section {float: left; margin: 0 14px; width: 110px; line-height: 20px;}
+footer section:first-child {width: 220px; margin: 0 20px 0 30px;}
+footer section:last-child {float: none; clear: both; width: 560px; padding-top: 30px; text-align: center;}
+footer section h4 {
+    margin: 0 0 8px 0;
+    font-size: 16px;
+    font-weight: normal;
+	font-variant: small-caps;
+	letter-spacing: 1px;
+	border-bottom: #999 1px dotted;
+	letter-spacing: .2em;
+	line-height: 1.1em;
+	text-transform: uppercase;
+	padding-bottom: 3px;
+	color: #333;
+}
+footer section p {margin: 0; padding-bottom: 20px;}
+footer section ul li {list-style-type: none; margin-left: 4px;}
+footer ul li img {margin-right:5px;
+position:relative;
+top:2px;}
+footer nav {clear:both; margin: 0 auto; width: 560px; margin-bottom: 30px;}
+footer nav ul {clear:both; width: 560px;text-align: center;padding: 5px 0;border-bottom: #999 1px dotted;}
+footer nav ul li {display: inline; margin: 5px; font-size: 105%;
+    font-variant: small-caps;
+	letter-spacing: .2em;
+	line-height: 1.1em;
+	text-transform: uppercase;}
+/* --------------------- img classes ------------------------ */
+span.figure {display: block; background: #000;border: #000 10px solid; }
+span.figure p {color: #f9f9f4; font-size: 80%; font-style: italic; }
+div#clearfix {clear:both; }
+img.postpic, img.postpicright {
+	display: block;
+	margin: .3em .6em;
+	border: #000 10px solid;
+	clear: both;
+}
+
+img.postpic {
+	float: left;
+	margin-left: 0;
+	margin-top: .3em;
+}
+img.postpicright {
+	float: right;
+	margin-right: 0;
+}
+
+img.postpicleft {
+	float: left;
+	margin: 5px;
+}
+img.picfull {
+	border: #000 10px solid;
+}
+/* --------------------- misc classes ------------------------ */
+.hide {display:none;}
+.dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link {display: none;}
+#dsq-comments-count {display: none;}
+div[dir='ltr'] span {
+	width: 0;
+	visibility: collapse;
+}
+p.update {font-size: 12px !important; line-height: 18px !important;}
+#dsq-comments-title {display: none;}
+#dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important}
+.disqus-link-count {text-decoration: none; border: none;}
+a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;}
+span.alert { color: red;}
+.notes {font-variant:small-caps;
+letter-spacing:1px;
+text-transform:lowercase;}
+dl.addendum dt {font-style:italic;margin: 0.8em 0 0 0; margin-left: -30px; text-indent: -30px;padding-left: 30px;}
+dl.addendum dd {margin: 0.8em 0 0 0;}
diff --git a/media/css/dark.css b/media/css/dark.css
new file mode 100644
index 0000000..f983f48
--- /dev/null
+++ b/media/css/dark.css
@@ -0,0 +1 @@
+*:focus{outline:#b53a04 dotted thin}body{background:#201a11;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:white;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#b53a04}a:visited{color:white;text-decoration:none}a:hover{color:white;text-decoration:none}header{border-bottom:#cccccc 2px solid}header h1 a{background:url('../img/logo-dark.gif') no-repeat left bottom}footer{background:#cccccc;color:#201a11}footer a{color:#201a11 !important}footer a:hover{color:#b53a04 !important}img.postpic,img.postpicright{border:none}img.picfull{border:none}div#post-body{color:#ccc}aside,header{color:#cccccc}aside section a{color:#cccccc !important}aside section a:hover{color:#b53a04 !important}section#post-metadata{border-top:#555555 1px dotted;border-bottom:#555555 1px dotted}dl.addendum dt{margin-left:-30px !important}h4 a.disqus-link-count{color:#cccccc !important}
diff --git a/media/img/logo-dark.gif b/media/img/logo-dark.gif
new file mode 100644
index 0000000..75b0dca
--- /dev/null
+++ b/media/img/logo-dark.gif
diff --git a/media/img/logo.gif b/media/img/logo.gif
new file mode 100644
index 0000000..75e0102
--- /dev/null
+++ b/media/img/logo.gif
diff --git a/media/js/html5.js b/media/js/html5.js
new file mode 100644
index 0000000..d9d0544
--- /dev/null
+++ b/media/js/html5.js
@@ -0,0 +1,2 @@
+// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (credit to @jdalton for minif)
+/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark menu meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/
\ No newline at end of file
diff --git a/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc b/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc
new file mode 100644
index 0000000..eaceef4
--- /dev/null
+++ b/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc
diff --git a/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc b/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc
new file mode 100644
index 0000000..e86d2d8
--- /dev/null
+++ b/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc
new file mode 100644
index 0000000..1db4520
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc
new file mode 100644
index 0000000..e0d7e37
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc
new file mode 100644
index 0000000..fdd6435
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc
new file mode 100644
index 0000000..52beae7
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc
new file mode 100644
index 0000000..75ce2fe
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc
new file mode 100644
index 0000000..afaa2fa
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc
new file mode 100644
index 0000000..02f60f1
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc
new file mode 100644
index 0000000..5ea1402
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc
diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc
new file mode 100644
index 0000000..0dfa36c
--- /dev/null
+++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc
diff --git a/media/sass/_about.sass b/media/sass/_about.sass
new file mode 100644
index 0000000..a9d67d5
--- /dev/null
+++ b/media/sass/_about.sass
@@ -0,0 +1,30 @@
+//About page
+
+body#about 
+    section 
+        clear= both
+        margin-top: 24px
+        ul
+            font-size = 1em
+            margin= 18px
+        li
+            margin= 9px
+            
+            a
+                font-weight: bold
+.image
+    :float left
+    width = !col3+!pad
+    margin-top: 48px
+    img
+        border= !luxagraf_brown 10px solid
+
+.content
+    float: left
+    margin-left= !pad
+    width = !col9+!pad
+    font-size: 1.6em
+    
+    h3
+        +sm-headline-sans
+        margin: 0
\ No newline at end of file
diff --git a/media/sass/_contact.sass b/media/sass/_contact.sass
new file mode 100644
index 0000000..30c84ed
--- /dev/null
+++ b/media/sass/_contact.sass
@@ -0,0 +1,18 @@
+.contact-form
+    li
+        clear= both
+        width= !col7+!pad*2
+        padding= 4px 0
+    dt 
+        :float left
+        +sm-headline-sans 
+        text-align: right
+        font-size: .6em
+        label
+            font-style: normal
+            text-align: right
+    dd
+        text-align: right
+        margin-top: 4px
+        input#id_name, input#id_email
+            width: 326px
\ No newline at end of file
diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass
new file mode 100644
index 0000000..93cd846
--- /dev/null
+++ b/media/sass/_globals.sass
@@ -0,0 +1,156 @@
+//basic stuff
+
+!luxagraf_brown = #201a11
+!luxagraf_orange = #b53a04
+
+*:focus   
+    outline= !luxagraf_orange dotted thin
+
+body
+    background= #fff
+    font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif
+    /* font-size 15px */
+    font-size= 62.5% 
+    /* line height of 24 px */
+    line-height= 23px 
+    color= !luxagraf_brown 
+    height=100% 
+    text-align= center 
+
+p 
+    margin: 0.8em 0 0 0
+
+a
+    text-decoration= "none"
+    color= !luxagraf_brown
+
+    &:visited 
+        color= !luxagraf_brown
+        text-decoration= "none"
+    &:hover
+        color= !luxagraf_orange
+        text-decoration= "none"
+
+
+// structure
+    
+header
+    width= !full
+    margin= 0 auto 40px
+    //background= url("../img/horiz.png") repeat-x left bottom
+
+header
+    border-bottom= !luxagraf_brown 2px "solid"
+    height= 160px
+    
+    h1
+        a
+            background= url("../img/logo.gif") no-repeat left bottom
+            height= 158px
+            width= !col7
+            float = left
+            text-indent= -1000px
+    h2
+        float= left
+        text-indent= -1000px
+        display: "none"
+    nav 
+        float= left
+        margin-top= 110px
+        margin-left= !col
+        li
+            display= "inline"
+            +small-serif
+            font-size= 1.2em
+            margin-left= 4px
+        a:hover
+            color= !luxagraf_orange
+
+footer
+    width= !full
+    background= !luxagraf_brown
+    height: 36px
+    color: #888
+    font-size= 1.2em
+    margin= 80px auto 0
+    nav li
+        float: left
+        +sm-sans
+        text-transform: uppercase
+        line-height: 36px
+        margin-left= 8px
+    a
+        color: #888 !important
+        &:hover
+            color = !luxagraf_orange !important
+    nav
+        float= right
+        margin-right: 8px
+    p 
+        float= left
+        +sm-sans
+        padding-left= 8px
+        line-height: 36px
+        margin: 0
+
+article
+    width= !full
+    margin= 0 auto
+    //background= url("../img/bg.gif")
+    
+    ul
+        font-size= 1.5em 
+
+
+ul#breadcrumbs
+    font-weight= normal
+    +tiny-serif
+    font-size: 110%
+    li
+        display= "inline"
+
+.hide
+    display= "none"
+
+img
+    &.postpic, &.postpicright
+        display: block
+        margin: .3em .6em
+        border= !luxagraf_brown 10px "solid"
+        clear: both
+  
+    &.postpic
+        float: left
+        margin-left: 0
+        margin-top: .3em
+  
+    &.postpicright
+        float: right
+        margin-right: 0
+  
+    &.postpicleft
+        float: left
+        margin: 5px
+  
+    &.picfull
+        border= !luxagraf_brown 10px "solid"
+    &.post-image
+        margin: 0 10px 0 0
+        float: left
+        border= !luxagraf_brown 10px "solid" !important
+
+.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
+    display: "none"
+
+
+div[dir='ltr'] span
+    width: 0
+    visibility: collapse
+
+p.pull-quote
+    font-size= 14px !important
+    font-style= "italic" !important
+    
+sup 
+    +sm-sans
+    font-size: .6em
\ No newline at end of file
diff --git a/media/sass/_grid.sass b/media/sass/_grid.sass
new file mode 100644
index 0000000..d785055
--- /dev/null
+++ b/media/sass/_grid.sass
@@ -0,0 +1,23 @@
+// Grid Parameters
+!col = 40px
+!pad = 20px
+!cols = 16
+
+// Grid Width Calculations
+!full = ((!col + !pad) * !cols) + !pad
+!col1 = !col
+!col2 = (!col * 2) + !pad
+!col3 = (!col * 3) + (!pad * 2)
+!col4 = (!col * 4) + (!pad * 3)
+!col5 = (!col * 5) + (!pad * 4)
+!col6 = (!col * 6) + (!pad * 5)
+!col7 = (!col * 7) + (!pad * 6)
+!col8 = (!col * 8) + (!pad * 7)
+!col9 = (!col * 9) + (!pad * 8)
+!col10 = (!col * 10) + (!pad * 9)
+!col11 = (!col * 11) + (!pad * 10)
+!col12 = (!col * 12) + (!pad * 11)
+!col13 = (!col * 13) + (!pad * 12)
+!col14 = (!col * 14) + (!pad * 13)
+!col15 = (!col * 15) + (!pad * 14)
+!col16 = (!col * 16) + (!pad * 15)
diff --git a/media/sass/_maps.sass b/media/sass/_maps.sass
new file mode 100644
index 0000000..cdb76b5
--- /dev/null
+++ b/media/sass/_maps.sass
@@ -0,0 +1,58 @@
+//Map Page   
+
+.map-legend
+    width= !col3
+    margin-top= 24px
+    float= left
+    
+    h4
+        +small-serif
+        font-size: 1.4em
+        margin= 8px 0
+    
+    li
+        font-size: 90%
+        margin= 0
+        line-height= 20px
+.clearfix
+    clear= both
+#map-canvas
+    float= left
+    width= !col13
+    height: 500px
+    border= !luxagraf_brown 10px solid
+    margin-left= !pad*2
+    margin-top= 24px
+    
+section#location #map-canvas
+    width= 295px
+    height: 350px
+    border= !luxagraf_brown 10px solid
+    margin: 10px 0 0 5px
+
+    
+.infowin
+    line-height: 18px
+    margin-bottom: 16px
+    
+  
+    p
+        font-size: 1.4em
+        line-height: 1.4em
+    h4
+        +sm-sans
+        font-size: 2.4em
+        margin: 6px 0 0 0
+
+    a
+        color: #b53a04 !important
+        border-bottom: 1px dotted #b53a04
+
+    .date
+        color: #888
+        text-align: center
+        text-transform: uppercase
+        display: block
+        text-align: left
+        margin: 6px 0 0
+        font-size: 1.2em
diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass
new file mode 100644
index 0000000..ab4dee1
--- /dev/null
+++ b/media/sass/_mixins.sass
@@ -0,0 +1,37 @@
+=small-serif
+    font-size= 1.1em
+    letter-spacing= 1px
+    line-height= 1.2em
+    text-transform= uppercase
+
+=tiny-serif
+    font-size= .8em
+    letter-spacing= 1px
+    line-height= 1.2em
+    text-transform= uppercase
+    
+=sm-headline-sans
+    font-family= Helvetica,Verdana,sans-serif
+    font-size= 1.6em
+    line-height= 1.3em
+    font-weight= normal
+    
+=sm-sans
+    font-family= Helvetica,Verdana,sans-serif
+    font-size= 1em
+    font-weight= normal
+    
+=headline-sans
+    font-family= Helvetica,Verdana,sans-serif
+    font-size= 2em
+    line-height= 1.5em
+    font-weight= normal
+
+=transparent_class
+    filter:alpha(opacity=90)
+    -moz-opacity:0.9
+    -khtml-opacity: 0.9
+    opacity: 0.9
+
+!luxagraf_brown = #201a11
+!luxagraf_orange = #b53a04
diff --git a/media/sass/_photos.sass b/media/sass/_photos.sass
new file mode 100644
index 0000000..5e481f0
--- /dev/null
+++ b/media/sass/_photos.sass
@@ -0,0 +1,45 @@
+#photo-archive
+    article
+        width= !full
+        
+        h1
+            display: none
+        
+    
+ul#photo-galleries
+    margin-left= -10px
+    li
+        float= left
+        margin= 10px
+        width: 310px
+        position: relative
+        display: block
+
+    div.figure
+        border= 10px !luxagraf_brown solid 
+        height= 350px
+        img
+            border= none
+            
+    span.legend
+        display= block
+        color: #888
+        padding: 10px 10px 10px 15px
+        font-size: 85%
+        line-height: 18px
+        width: 285px
+        background= !luxagraf_brown
+        +transparent_class
+        position: absolute
+        bottom: 0
+        left: 0
+
+    h3
+        color: #fff        
+        padding: 0
+        margin= 3px 0
+        +tiny-serif
+    p
+        margin: 0
+        
+  
\ No newline at end of file
diff --git a/media/sass/_reset.sass b/media/sass/_reset.sass
new file mode 100644
index 0000000..c81cd3a
--- /dev/null
+++ b/media/sass/_reset.sass
@@ -0,0 +1,22 @@
+
+ol, ul, li, dl
+  list-style: none
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  background: transparent
+
+
+
+blockquote, q
+  quotes: none
+
+
+\:focus
+  outline: 0
+
+
+header, section, footer, aside, article, nav
+  display: block
+  text-align: left
diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass
new file mode 100644
index 0000000..39e113b
--- /dev/null
+++ b/media/sass/_writing.sass
@@ -0,0 +1,208 @@
+#writing-archive
+    margin-top= 72px
+    margin-bottom= 36px
+    li 
+        clear= both
+    h3
+        +sm-headline-sans
+        margin= 0
+        
+    div
+        width= !col7 + !pad
+        float= left
+    div.img
+        width = !col9
+        margin-left= !pad
+        margin-bottom= 36px
+    p
+        margin= 0
+        font-size: 1.1em
+    .location,time
+        +tiny-serif
+        line-height= 3em
+        font-size: .7em
+        
+    img 
+        border= !luxagraf_brown 10px solid
+
+
+body#writing-detail 
+    article
+        font-size: 1.7em
+        line-height: 1.5em
+        header
+            border: none
+            height: auto
+            width: auto
+            margin: 0 0 0 0    
+        h1
+            +headline-sans
+            font-size: 1.8em
+            line-height: 1.2em
+            margin= 0
+    
+        aside
+            +tiny-serif
+            font-size= .7em
+            line-height= 2.3em
+            a
+                color= !luxagraf_brown
+                &:hover
+                    color= !luxagraf_orange
+        
+        div#post-body
+            
+            
+            
+        dl
+            font-size= 100%
+            dt
+                font-style: italic
+                margin: 9px
+            
+        a
+            color= !luxagraf_orange
+        
+        h3 
+            +headline-sans
+            font-size: 1.6em
+            line-height: 1.2em
+        
+.single article
+    header, div#post-body
+        margin-left= !col4-!pad !important 
+        width= !col10-!pad !important
+        p:nth-of-type(1) 
+            font-size: 1.2em
+            line-height: 1.4em
+
+.double article
+    header
+        float= left
+        width= !col4-!pad*2 !important
+        text-align= right !important
+        margin-top= !pad !important
+        aside
+            section 
+                text-align= right !important
+                font-size: 1em
+    div#post-body
+        width= !col13+!pad
+        float= left
+        margin-left= !pad
+        div.col
+            width= 350px
+            float= left
+            margin= 0 !pad*2 0 0
+            
+        img.picwide
+            clear= both
+            margin= 30px 0 30px -200px
+            border= !luxagraf_brown 10px solid
+        
+        div.narrow
+            width= !col9
+
+    
+span.drop
+    font-size: 4.8em
+    display: block
+    float: left
+    padding: 38px 10px 5px 0
+    overflow: visible
+
+span.drop-small
+    font-size: 2.9em
+    display: block
+    float: left
+    padding: 19px 8px 5px 0
+    overflow: visible
+blockquote
+    font-size: .8em
+
+ol.footnote
+    font-size: 12px
+    margin: 18px 0
+
+    li
+        margin: 12px 0
+        line-height: .8em
+  
+        p
+            line-height: 18px !important
+            font-size: 12px !important
+  
+        a, span
+            font-size: 12px
+
+        
+section#post-metadata
+    width= !col10-!pad
+    border-top= !luxagraf_brown 1px dotted
+    border-bottom= !luxagraf_brown 1px dotted
+    margin= 24px 0 24px !col4-!pad
+    font-size= .8em
+    padding-bottom= 8px
+    
+section#page-navigation
+    width= !full
+    clear=both
+    margin= 24px 0 0 0
+    :text-transform uppercase
+    font-size: .5em
+    li#next
+        float= right
+        +sm-sans
+        
+        margin-right= !col3-!pad
+    li#prev
+        float= left
+        +sm-sans
+        margin-left= !col2+!pad
+
+section#comments
+    clear= both
+    width= !col9
+    margin= 24px 0 24px !col4-!pad
+    font-size: .8em
+    h4
+        margin-top: 96px
+        +headline-sans
+        :text-transform uppercase
+        font-size: 1em
+
+h4 a.disqus-link-count  
+    color= !luxagraf_brown !important
+
+#pagination
+    +sm-sans
+    width= !full
+    clear= both
+    margin= 0
+    border-top= !luxagraf_brown 1px dotted
+    border-bottom= !luxagraf_brown 1px dotted
+    text-align= center
+    .pagination
+        margin= 8px 0
+    .current
+        color= !luxagraf_orange
+
+body.dubcol
+    footer 
+        nav 
+            li
+                font-size= .6em
+
+h4.notes
+    +sm-sans
+    font-weight: bold
+    text-transform: uppercase
+dl.addendum dt 
+    font-style: italic
+    margin: 0.8em 0 0 0
+    margin-left: -30px !important
+    text-indent: -30px
+    padding-left: 30px
+
+dl.addendum dd 
+    margin: 0.8em 0 0 0
diff --git a/media/sass/base.sass b/media/sass/base.sass
new file mode 100644
index 0000000..c3df2cf
--- /dev/null
+++ b/media/sass/base.sass
@@ -0,0 +1,92 @@
+@import _reset.sass
+@import _grid.sass
+@import _mixins.sass
+@import _globals.sass
+@import _writing.sass
+@import _photos.sass
+@import _maps.sass
+@import _about.sass
+@import _contact.sass
+    
+body#projects 
+    h3
+        +headline-sans
+    article p
+        font-size: 1.4em
+
+
+
+#featured-image img
+    margin-left= !pad
+    margin-bottom= 78px
+
+
+    
+
+section#writing-tease, section#currently
+    +sm-sans
+    text-transform: uppercase
+    font-size: .8em
+    clear: both
+    width= !full
+    padding-top: 20px
+    //border-top= !luxagraf_brown 1px "solid"
+    border-top= #b9b9b9 1px "dotted"
+
+section#currently
+    padding: 0
+    margin-bottom: 0px
+    margin-top: 36px
+    border-top= !luxagraf_brown 1px "solid"
+    div.project-tease
+        font-size: 18px
+        line-height: 16px
+        margin-top: 8px
+        h4
+            font-size: 64px
+            line-height: 50px
+            float: left
+            margin: 0
+            span
+                font-size: 36px
+
+        a
+            display: block
+            width= !col4
+            float: left
+
+        p
+            font-size: .7em
+            text-transform: none
+            line-height: 50px
+            margin-left= !col8 - !pad
+            font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif
+            cite
+                padding-left: 4px
+            
+section#fromthearc
+    clear: both
+    li
+        float: left
+        width= !col5+!pad
+        margin-bottom= !pad
+    h2
+        +small-serif
+        font-size: 2em
+        margin: 0
+    .col2
+        margin-left= !pad*2
+        margin-right= !pad*2
+    h3
+        +headline-sans
+        font-size: 1.2em
+        margin-bottom: 12px
+        min-height: 50px
+    .location,time
+        +tiny-serif
+        line-height= 2em
+        font-size: .7em
+    p
+        margin: 0
+        text-align: justify
+
diff --git a/media/sass/dark.sass b/media/sass/dark.sass
new file mode 100644
index 0000000..ad36fa5
--- /dev/null
+++ b/media/sass/dark.sass
@@ -0,0 +1,80 @@
+//basic stuff
+
+!luxagraf_brown = #201a11
+!luxagraf_orange = #b53a04
+
+*:focus   
+    outline= !luxagraf_orange dotted thin
+
+body
+    background= !luxagraf_brown
+    font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif
+    /* font-size 15px */
+    font-size= 62.5% 
+    /* line height of 24 px */
+    line-height= 23px 
+    color= #fff
+    height=100% 
+    text-align= center 
+
+p 
+    margin: 0.8em 0 0 0
+
+a
+    text-decoration= "none"
+    color= !luxagraf_orange
+
+    &:visited 
+        color= #fff
+        text-decoration= "none"
+    &:hover
+        color= #fff
+        text-decoration= "none"
+
+
+
+header
+    border-bottom= #ccc 2px "solid"
+    h1
+        a
+            background= url("../img/logo-dark.gif") no-repeat left bottom
+            
+            
+footer
+    background= #ccc
+    color= !luxagraf_brown
+    
+    a
+        color= !luxagraf_brown !important
+        &:hover
+            color = !luxagraf_orange !important
+    
+    
+
+img
+    &.postpic, &.postpicright
+        border= "none"
+  
+    &.picfull
+        border= none
+    
+div#post-body
+    color: #ccc
+
+aside, header
+    color= #ccc
+aside section 
+    a
+        color= #ccc !important
+        &:hover
+            color= !luxagraf_orange !important
+
+section#post-metadata
+    border-top= #555 1px dotted
+    border-bottom= #555 1px dotted
+
+dl.addendum dt 
+    margin-left= -30px !important
+
+h4 a.disqus-link-count  
+    color= #ccc !important
\ No newline at end of file