bringing in some HTML5 Boilerplate styles

public/stylesheets/sass/_defaults.scss

@@ -80,16 +80,57 @@ hr.space {
   color: #fff;
 }
 
-/* Clearfix hack I love you */
-.clearfix:after {
-  content:".";
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-}
-
-.clearfix {display:inline-block;}
-/* Hide from IE Mac \*/
-.clearfix {display:block;}
-/* End hide from IE Mac */
+/* for image replacement */
+.ir {
+  display: block;
+  text-indent: -999em;
+  overflow: hidden;
+  background-repeat:
+  no-repeat;
+  text-align: left;
+  direction: ltr;
+}
+
+/* Hide for both screenreaders and browsers
+   css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+/* Hide only visually, but have it available for screenreaders 
+   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
+.visuallyhidden { position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  visibility: hidden;
+}
+
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+@media print {
+  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a:after { content: " (" attr(href) ")"; }
+  abbr:after { content: " (" attr(title) ")"; }
+  .ir a:after { content: ""; }  /* Don't show links for images */
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}

public/stylesheets/sass/_forms.scss

@@ -83,6 +83,7 @@ fieldset fieldset fieldset {
 legend {
   font-weight: bold;
 }
+.ie6 legend, .ie7 legend { margin-left: -7px; }
 
 fieldset.buttons {
   background: inherit;
@@ -119,6 +120,9 @@ input[type="week"] {
   padding: 3px 2px;
   width: 300px;
 }
+.ie6 input {
+  vertical-align: text-bottom;
+}
 
 input[disabled='disabled'] {
   background-color: #fcfcfc;
@@ -131,6 +135,9 @@ input[type="checkbox"] {
   top: -2px;
   vertical-align: middle;
 }
+.ie7 input[type="checkbox"] {
+  vertical-align: baseline;
+}
 
 input[type="radio"] {
   margin: 0 3px 0 0;
@@ -156,6 +163,7 @@ textarea {
   margin: 0 0.5em 0.5em 0;
   padding: 5px;
   width: 440px;
+  overflow: auto;
 }
 
 /* Select fields */

public/stylesheets/sass/_reset.scss

@@ -1,53 +1,55 @@
-/* http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-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, sub, sup, 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;
-  border: 0;
-  outline: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-  background: transparent;
-}
+/*
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+  html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section { 
+  display:block;
+}
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
 
-body {
-  line-height: 1;
-}
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
 
-ol, ul {
-  list-style: none;
-}
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
 
-blockquote, q {
-  quotes: none;
-}
+ins { background-color:#ff9; color:#000; text-decoration:none; }
 
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: '';
-  content: none;
-}
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
 
-/* remember to define focus styles! */
-:focus {
-  outline: 0;
-}
+del { text-decoration: line-through; }
 
-/* remember to highlight inserts somehow! */
-ins {
-  text-decoration: none;
-}
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
 
-del {
-  text-decoration: line-through;
-}
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
 
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }

public/stylesheets/sass/_type.scss

@@ -116,7 +116,10 @@ dfn {
 
 pre, code {
   margin: 1.5em 0;
-  white-space: pre;
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
 }
 
 pre, code, tt {
@@ -134,4 +137,4 @@ tt {
   display: block;
   line-height: 1.5;
   margin: 1.5em 0;
-}
+}