changes to default font-size/grid settings, added other defaults

sass/susy/_grid.sass

@@ -3,7 +3,7 @@
 //**
   Your basic units for the grid
 !grid_unit ||= "em"
-!total_cols ||= 16
+!total_cols ||= 12
 !col_width ||= 4
 !gutter_width ||= 1
 !side_gutter_width ||= !gutter_width

sass/susy/_text.sass

@@ -2,8 +2,8 @@
 
 //** 
   You set the font and line heights in pixels
-!base_font_size_px ||= 12
-!base_line_height_px ||= 18
+!base_font_size_px ||= 16
+!base_line_height_px ||= 24
 
 
 //** 

templates/project/_base.sass

@@ -9,7 +9,7 @@
   un-comment and override these values as needed for your grid layout 
   (defaults are shown)
 // !grid_unit = "em"
-// !total_cols = 16
+// !total_cols = 12
 // !col_width = 4
 // !gutter_width = 1
 // !side_gutter_width = !gutter_width
@@ -36,59 +36,96 @@
   - you set the font and line heights in pixels.
   - Susy will do the math and give you !base_font_size and !base_line_height 
     variables, set flexibly against the common browser default of 16px
-// !base_font_size_px = 12
-// !base_line_height_px = 18
+// !base_font_size_px = 16
+// !base_line_height_px = 24
 
 // SUSY
 //  (don't move this @import above the GRID and FONT-SIZE overrides)
 @import susy/susy.sass
 
 // COLORS
 // set any colors you will need later
-!dark = #000
-!light = #fff
+!font_color = #444
+!quiet_color = !font_color + #333
+!loud_color = !font_color - #222
+!header_color = !font_color - #111 	
+!link_color = #099 	
+!visited_color = #909
+!hover_color = !link_color - #333
+!focus_color = !hover_color
+!active_color = !hover_color
 
 // FONTS
 // Give yourself some font stacks to work with
 =sans-family
-  :font-family Futura, sans-serif
+  :font-family Helvetica, Arial, sans-serif
 
 =serif-family
-  :font-family Baskerville, serif 
+  :font-family Baskerville, Paletino, serif 
 
 // Remember to add default styles to everything!
 
+body
+  +susy
+  +sans-family
+  :color= !font_color
+
 /* @group links */
 
 \:focus
+  :outline= 1px "dotted" !quiet_color
+  :color= !hover_color
 
 a
+  &:link
+    :color= !link_color
+  &:visited
+    :color= !visited_color
+  &:focus, &:hover, &:active
+    :color= !hover_color
+    :text-decoration none
 
 /* @end */
 
 
 /* @group headers */
 
 h1, h2, h3, h4, h5, h6
+  :color= !header_color
+  :font-weight bold
+
+h1, h2, h3
+  +serif-family
+
+h1
+  :font-size= !base_line_height
 
 /* @end */
 
 
 /* @group forms */
 
-form
+form *:focus
+  :outline none
 
 fieldset
+  :margin= !base_line_height 0
 
 legend
+  :font-weight bold
+  :font-variant small-caps
 
 label
+  :display block
+  :margin-top= !base_line_height
 
-textarea
-
-input
+legend + label
+  :margin-top 0
 
-button
+textarea, input[type="text"]
+  :color= !quiet_color
+  +box-sizing("border-box")
+  :width 100%
 
 /* @end */
 
@@ -98,25 +135,26 @@ button
 /* tables still need 'cellspacing="0"' in the markup */
 
 table
-
-thead
+  :width 100%
+  :border= 1/16 + "em solid" !quiet_color + #333
+    :left none
+    :right none
+  :padding= 7/16 + "em 0"
+  :margin= 8/16 + "em 0"
 
 tbody
-
-tfoot
-
-tr
+  :color= !quiet_color
 
 th
-
-td
+  :font-weight bold
 
 /* @end */
 
 
 /* @group block tags */
 
 p
+  :margin= !base_line_height 0
 
 =list-default(!ol = false)
   @if !ol
@@ -138,13 +176,17 @@ ul
   +list-default
 
 blockquote
+  :margin= !base_line_height
+  :color= !quiet_color
 
 /* @end */
 
 
 /* @group inline tags */
 
 cite
+  :font-style italic
+  :color= !quiet_color
 
 em
   :font-style italic
@@ -159,12 +201,16 @@ del
   :text-decoration line-through
 
 q
+  :font-style italic
+  em
+    :font-style normal
 
 /* @end */
 
 
 /* @group replaced tags */
 
 img
+  :vertical-align bottom
 
 /* @end */