started rewrite to accommodate mobile and use fluid grid

5 files changed, 224 insertions, 12 deletions

diff --git a/media/css/base.css b/media/css/base.css
index 55d7804..c17d765 100644
--- a/media/css/base.css
+++ b/media/css/base.css
@@ -1 +1 @@
-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}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff url("../img/988px-9col-92w-20gut.png") 217px 0 repeat-y}p{font-size:1.063em;line-height:1.5em}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}header{margin:0 auto 1em auto;text-align:center}header h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:4px 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}footer p{font-size:0.625em;text-align:center}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 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}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li,.meta p{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.meta p{text-align:center}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}.footnote{font-size:0.875em}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}header{margin:0 auto 1em auto;text-align:center}header #logo h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header #logo h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}.hide{display:none}
diff --git a/media/css/base092210.css b/media/css/base092210.css
new file mode 100644
index 0000000..d6de921
--- /dev/null
+++ b/media/css/base092210.css
@@ -0,0 +1 @@
+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}html{height:100%}body{background:#fff;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:15px;line-height:23px;color:#201a11;position:relative;min-height:100%;width:980px;height:100%;text-align:center;margin:0 auto}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{border-bottom:#201a11 2px solid;height:150px;margin-bottom:40px;font-size:1.1em;letter-spacing:1px;line-height:1.2em;font-size:12px}header nav{text-transform:uppercase;float:left;margin-top:102px;margin-left:40px}header li{display:inline;font-size:12px;margin-left:4px;letter-spacing:1px}header li a:hover{color:#b53a04}#logo{background:url("../img/logo.png") no-repeat left bottom;height:148px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}footer{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;background:#201a11;height:36px;color:#888;font-size:12px;margin:80px auto 0}footer li{float:left;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;padding-left:8px;line-height:36px;margin:0}article ul{font-size:1.5em}#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:11px}#breadcrumbs li{display:inline}.hide{display:none}.postpic,.postpicright{display:block;margin:0.3em 0.6em;border:#201a11 10px solid;clear:both}.postpic{float:left;margin-left:0;margin-top:0.3em}.postpicright{float:right;margin-right:0}.postpicleft{float:left;margin:5px}.picfull{border:#201a11 10px solid;margin-top:20px}.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.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:0.7em;line-height:0;padding:3px 0 3px 3px}sup a{line-height:0}.numeral{font-family:Helvetica, Verdana, sans-serif;font-size:22px;font-weight:bold;display:block;margin-top:60px;margin-bottom:0}.nfirst{margin-top:0px !important}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:9px;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}.button{display:block;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin:10px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}.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}#writing-archive,#featured{margin-top:72px;margin-bottom:36px}#writing-archive li,#featured li{clear:both}#writing-archive h3,#writing-archive h1,#featured h3,#featured h1{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;margin:0;text-align:left}#writing-archive div,#featured div{width:400px;margin-right:20px;float:left;text-align:justify}#writing-archive div h1,#featured div h1{margin-top:3px}#writing-archive .img,#featured .img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p,#featured p{margin:0;font-size:16px}#writing-archive .location,#writing-archive time,#featured .location,#featured time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:11px}#writing-archive img,#featured img{border:#201a11 10px solid}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:13px;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pages{margin:8px 0;clear:both}#pagination li{display:inline;margin:2px}#pagination .current{color:#b53a04}#writing-detail{font-size:1.7em;line-height:1.5em}#writing-detail header{border:none;height:auto;width:auto;margin:0 0 0 0}#writing-detail h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:30px;line-height:1.2em;margin:0;letter-spacing:0.5px}#writing-detail aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:12px;line-height:2.3em}#writing-detail aside a{color:#201a11}#writing-detail aside a:hover{color:#b53a04}#writing-detail dl{font-size:100%}#writing-detail dl dt{font-style:italic;margin:9px}#writing-detail a{color:#b53a04}#writing-detail 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}#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;padding-bottom:8px;clear:both;background:none;height:auto;float:none}#post-metadata p{font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;line-height:25px;float:none;padding:8px 0;font-size:14px}#post-metadata p a{color:#b53a04 !important}#page-navigation{width:980px;clear:both;margin:24px 0 0 0;text-transform:uppercase;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal}#page-navigation li#next{float:right;margin-right:140px;font-size:13px !important}#page-navigation li#prev{float:left;margin-left:120px;font-size:13px !important}#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:13px}#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:18px}h4 a.disqus-link-count{color:#201a11 !important}ul#dsq-comments{font-size:1.2em}.dsq-comment-cite{font-family:Helvetica, Arial, sans-serif;font-size:0.9em !important;font-weight:normal;text-transform:uppercase}.dsq-comment-header-time,.dsq-comment-footer{font-family:Helvetica, Arial, Verdana, sans-serif}.dsq-comment-footer{font-size:0.8em}#dsq-comments-title{display:none !important}.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:0.8em}.footnote{margin:18px 0;width:540px}.footnote li{margin:12px 0;line-height:0.8em}.footnote p{line-height:18px !important;font-size:14px}.footnote a,.footnote span{font-size:14px}#writing-detail .figure{margin-top:24px}#writing-detail .figure img{border:#201a11 10px solid}#writing-detail .figure .legend{width:552px;padding:8px 0 12px 16px;font-family:Helvetica, Arial, Verdana, sans-serif}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}.addendum dd{margin:0.8em 0 0 0}.single article header,.single article #post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article #post-body p:nth-of-type(1){font-size:20px;line-height:28px}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article aside section{text-align:right !important;font-size:1em;line-height:18px}#post-body{width:780px;margin-left:20px;font-size:17px;line-height:25px}#post-body .col{width:350px;float:left;margin:0 40px 0 0}#post-body .narrow{width:520px}.double #post-body{float:left}#photo-archive article{width:980px}#photo-archive article h1{display:none}#photo-galleries{margin-left:-10px;width:1000px}#photo-galleries li{float:left;margin:8px;position:relative;display:block;height:350px;width:291px;border:10px #201a11 solid}#photo-galleries .figure{height:362px;width:291px;margin:0}#photo-galleries .legend{color:#888;width:285px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;margin:0;line-height:18px;text-align:left}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}#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;font-size:14px;margin:8px 0}.map-legend li{font-size:13px;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:right;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}#about article section{clear:both;margin-top:24px}#about article section ul{font-size:1em;margin:18px}#about article section li{margin:9px}#about article 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:16px}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;margin:0}section#post{margin-left:200px}section#post h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;text-align:right;font-size:0.9em}.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,.contact-form dd input#id_subject_line{width:298px}.top{margin:36px 0 36px 0;clear:both;width:940px}.top a{color:#b53a04}p.col{width:360px;float:left;margin:0 40px 0 0;font-size:14px}p.two{margin:0;margin-left:40px;width:450px}.break{border-bottom:#e3e3e3 1px solid;width:980px;height:2px;padding-top:36px;clear:both;margin:0}.project-tease{margin-top:65px}.project-tease li{margin-top:36px;clear:both}.project-tease li h3{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:24px;line-height:24px;margin:0;width:380px;font-weight:bold}.project-tease .tease{float:left}.project-tease .img{float:right;width:540px;margin-bottom:72px}.project-tease .img img{border:#201a11 10px solid}.project-tease .lede{clear:both;margin:0;padding-top:12px;width:380px}.project-tease .lede p{font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:16px;line-height:23px;text-align:justify}.project-tease .proj{font-size:64px;line-height:50px;float:left;margin:2px 2px 0 0}.project-tease .proj span{font-size:36px}.project-tease dt a{display:block;width:175px;float:left}.map-container{width:469px;height:392px;position:absolute;right:20px;bottom:60px;z-index:2000;margin:0;padding:0;background:url("../img/mapbg-dark.png") no-repeat top left}.more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url("../img/parkbg.png") no-repeat top left}.more-container dl{margin-top:45px;margin-left:45px}.more-container dl dt,.more-container dl dd{font-size:0.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif;color:#fff}.more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase}.more-container dl dd{float:left;width:250px;overflow:hidden}.more-container dl dd a:hover{color:#b53a04}.map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}#parks{margin-top:36px}#parks article{width:980px;position:relative;display:block;margin-top:36px;clear:both;margin-bottom:72px}#parks .figure img{border:none}#parks h1{display:block;color:#888;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;top:0;width:960px;color:#fff;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;margin:0}#parks .legend{display:block;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:0;height:45px;width:980px;font-size:10px;line-height:16px;color:#fff}#parks .legend h2{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;line-height:36px;font-size:18px;margin:0;padding:0;float:left}#parks .legend p{margin:6px 0 10px 0}#parks .legend .buttons{padding-top:6px;float:right;margin-right:20px}#parks .legend .buttons li{float:left;clear:none;margin:0px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}#parks .legend .buttons li a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;border-radius:25px}#parks .legend .buttons li a:hover{background:#b53a04}#parks .map{width:280px;margin-top:42px;height:130px;float:left;margin-left:6px}#parks .map a{display:none}#parks .map div div span{display:none}#parks .entry-foot{clear:both;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;background:#f3f;width:980px;margin-top:4px}img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']{display:none !important}#featured-image img{margin-left:20px;margin-bottom:78px}.hyphenate{text-align:justify}#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:12px;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}#featured-intro h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:24px;line-height:1.2em;margin:0}#writing-tease h2{margin:24px 0 24px 0;font-size:12px}#archive:after{clear:both}#archive{border-top:#b9b9b9 1px dotted;clear:both}#archive h1{margin:36px 0 24px 0;text-transform:uppercase;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;font-weight:bold}#archive article{float:left;width:300px;margin-bottom:20px}#archive article h1{font-size:18px;margin:0;text-transform:none;font-weight:400}#archive h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;font-size:12px;margin:0}#archive .col2{margin-left:40px;margin-right:40px}#archive p{margin:0}#archive p.hyphenate{margin-top:3px;text-align:justify}#archive img{margin-top:4px}#archive .location,#archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;margin:0;padding:0;font-size:0.7em;text-align:left}.ie #photo-galleries a img,.ie #photo-galleries img{outline:none;border:none !important}.ie #photo-galleries li{width:291px;height:350px}.ie #photo-galleries .legend{margin:0;bottom:0;margin-bottom:8px}.ie .button a{background:none;padding:0}.ie .button a:hover{background:none;color:#b53a04 !important}.ie .drop{padding:28px 10px 5px 0}.ie .figure .legend{bottom:5px;padding:8px 0 8px 8px}.ie8 body{outline:none;border:none}.ie8 *:focus{border:none}
diff --git a/media/sass/_oldbase.sass b/media/sass/_oldbase.sass
new file mode 100644
index 0000000..8401c8f
--- /dev/null
+++ b/media/sass/_oldbase.sass
@@ -0,0 +1,125 @@
+@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
+@import _projects.sass
+
+#featured-image img
+  margin-left: $pad
+  margin-bottom: 78px
+
+.hyphenate
+  text-align: justify
+
+#currently
+  +sm-sans
+  text-transform: uppercase
+  font-size: 12px
+  clear: both
+  width: $full
+  padding-top: 20px
+  //border-top= !luxagraf_brown 1px "solid"
+  border-top: #b9b9b9 1px dotted
+
+#currently
+  padding: 0
+  margin-bottom: 0px
+  margin-top: 36px
+  border-top: $luxagraf_brown 1px solid
+
+#featured-intro h1
+  +headline-sans
+  font-size: 24px
+  line-height: 1.2em
+  margin: 0
+#writing-tease
+  h2
+    margin: 24px 0 24px 0
+    font-size: 12px
+
+#archive:after
+  clear: both
+#archive
+  border-top: #b9b9b9 1px dotted
+  clear: both  
+  h1
+    margin: 36px 0 24px 0
+    text-transform: uppercase
+    +sm-sans
+    font-size: 12px
+    font-weight: bold
+  article
+    float: left
+    width: $col5 + $pad
+    margin-bottom: $pad
+    h1
+      font-size: 18px
+      //min-height: 50px
+      margin: 0
+      text-transform: none
+      font-weight: 400
+      
+  h2
+    +small-serif
+    font-size: 12px
+    margin: 0
+  .col2
+    margin-left: $pad * 2
+    margin-right: $pad * 2
+  p
+    margin: 0
+  p.hyphenate
+    margin-top: 3px
+    text-align: justify
+  img
+    margin-top: 4px
+  .location, time
+    +tiny-serif
+    line-height: 3em
+    margin: 0
+    padding: 0
+    font-size: 0.7em
+    text-align: left
+
+// ie fixes ------------------------------
+
+.ie #photo-galleries a img, .ie #photo-galleries img
+  outline: none
+  border: none !important
+
+.ie #photo-galleries li
+  width: 291px
+  height: 350px
+
+.ie #photo-galleries .legend
+  margin: 0
+  bottom: 0
+  margin-bottom: 8px
+
+
+.ie .button a
+  background: none
+  padding: 0
+
+.ie .button a:hover
+  background: none
+  color: #b53a04 !important
+
+.ie .drop
+  padding: 28px 10px 5px 0
+
+.ie .figure .legend
+  bottom: 5px
+  padding: 8px 0 8px 8px
+
+.ie8
+  body
+    outline: none
+    border: none
+.ie8 *:focus
+  border: none
\ No newline at end of file
diff --git a/media/sass/_oldmixins.sass b/media/sass/_oldmixins.sass
new file mode 100644
index 0000000..b6b1ca1
--- /dev/null
+++ b/media/sass/_oldmixins.sass
@@ -0,0 +1,58 @@
+=small-serif
+  font-size: 1.1em
+  letter-spacing: 1px
+  line-height: 1.2em
+
+=tiny-serif
+  font-size: 0.8em
+  letter-spacing: 1px
+  line-height: 1.2em
+  text-transform: uppercase
+
+=sm-headline-sans
+  font-family: Helvetica, Verdana, sans-serif
+  font-size: 24px
+  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
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
+  filter: alpha(opacity = 90)
+  -moz-opacity: 0.9
+  -khtml-opacity: 0.9
+  opacity: 0.9
+
+=transparent_class_light
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
+  filter: alpha(opacity = 85)
+  -moz-opacity: 0.85
+  -khtml-opacity: 0.85
+  opacity: 0.85
+
+=transparent_class_lighter
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
+  filter: alpha(opacity = 65)
+  -moz-opacity: 0.65
+  -khtml-opacity: 0.65
+  opacity: 0.65
+
+=transparent_clear
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
+  filter: alpha(opacity = 100)
+  -moz-opacity: 1
+  -khtml-opacity: 1
+  opacity: 1
+
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
diff --git a/media/sass/base.sass b/media/sass/base.sass
index 839d46a..4b8a881 100644
--- a/media/sass/base.sass
+++ b/media/sass/base.sass
@@ -27,14 +27,16 @@ body
     padding: 0
     //max-width: 61.75em      /* 988px / 16px = 61.75em */
     max-width = 20.9375em /* 3 cols @ 92px + 20px gutter  -- 335px / 16px = */
-    background: white url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y
+    background: white /* url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y */
     
 
 /* ###################Typography############# */    
 p
     font-size: 1.0625em /* 17px / 16px */
     line-height: 1.5em /* 24px / 16px */
-
+footer p
+    font-size: .625em
+    text-align: center
 a
     text-decoration: none
     color: $brown
@@ -45,14 +47,16 @@ ul li
     display: inline
     margin: 0 .125em
 
-.dateline, nav li, .breadcrumbs li
+.dateline, nav li, .breadcrumbs li, .meta p
     text-transform: uppercase
     font-size: .75em
     letter-spacing: .0625em
-
+.meta p
+    text-align: center
 img 
     border: 10px $brown solid
 
+
 #featured-image img
     width = 95% /* 315 /  520 */
     
@@ -65,24 +69,32 @@ h1
     letter-spacing: 0.5px
     text-align: center
     text-transform: none
+    margin: 1.875em 0 .875em 0
 #archive h1
     font-weight: 700
     font-size: .75em
     text-transform: uppercase
     text-align: left
-
+.footnote
+    font-size: .875em
+#post-metadata 
+    margin-top: 0
+    border-top: 1px $brown dotted
+    p
+        font-size: .875em
+        text-align: left
 /* ######### layout small  ################*/
 
 header
     margin: 0 auto 1em auto
     text-align: center
-    h1
+    #logo h1
         background: url('../img/tree.png') 0 0 no-repeat
         text-indent: -9999px
         width: 151px
         height: 84px
         margin: 0 auto
-    h2
+    #logo h2
         background: url('../img/text.png') 0 0 no-repeat
         text-indent: -9999px
         width: 184px
@@ -94,7 +106,7 @@ nav
     border-top: 1px $brown dotted
     border-bottom: 1px $brown dotted
     width: 100%
-    padding: 4px 0
+    padding: .25em 0
 nav:after, footer:before
     content: "."
     display: block
@@ -104,9 +116,7 @@ nav:after, footer:before
 
 footer
     margin-top: 2em
-    p
-        font-size: .625em
-        text-align: center
+    
 
 .dateline
     text-align: center
@@ -116,3 +126,21 @@ footer
 .postpic, .post-image
     float: left
     margin: 0 .625em .625em 0
+    
+.postpic, .postpicright
+    width: auto
+article img
+    width: 95%
+article object, article embed
+    width: 100%
+/* misc classes */
+.hide
+    display: none
+    
+//.formatted
+//    column-count: 3
+//    column-gap: 1.125em
+//    -moz-column-count: 3
+//    -moz-column-gap: 18px
+//    -webkit-column-count: 3
+//    -webkit-column-gap: 1.125em