webby 0.3.0 → 0.4.0

data/data/content/css/blueprint/lib/reset.css

@@ -1,9 +1,10 @@
 /* -------------------------------------------------------------- 
   
    Reset.css
-   * Resets default browser CSS styles.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
    
-   Original by Erik Meyer:
+   Original by Eric Meyer:
    * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
    
 -------------------------------------------------------------- */
@@ -12,7 +13,7 @@ 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,
+strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
@@ -35,3 +36,5 @@ caption, th, td { text-align: left; font-weight: normal; }
 /* Remove possible quote marks (") from <q>, <blockquote>. */
 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
 blockquote, q { quotes: "" ""; }
+
+/* EOF */

data/data/content/css/blueprint/lib/typography.css

@@ -1,9 +1,11 @@
 /* -------------------------------------------------------------- 
    
    Typography.css
-   * Sets some default typography.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
   
    Based on work by:
+   * Olav Bjorkoy      [bjorkoy.com]   
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
@@ -12,65 +14,59 @@
    Read more about using a baseline here:
    * alistapart.com/articles/settingtypeontheweb
   
--------------------------------------------------------------- */   
+-------------------------------------------------------------- */
 
-body {
-  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
-  line-height: 1.5; /* Unitless for proper inheritance */
+body { 
+  font-size: 12px;
+  line-height: 18px; /* All elements should be a multiple of this value. */
 }
 
-/* This is where you set your desired font size. The line-height 
-   and vertical margins are automatically calculated from this. 
-   
-   You have to add an extra calculation here because of IE, so that 
-   all users may resize text manually in their browsers.
-   
-   The top one is for IE: The percentage is of 16px (default IE text size)
-   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
-   The second value is what all other browsers see (the wanted font size). */
-   
-body          { font-size: 75%; }   /* IE */
-html > body   { font-size: 12px; }  /* Other browsers */
+
+/* Default fonts */
+h1,h2,h3,
+h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
+body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
+pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
+code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
 
 
 /* Headings
 -------------------------------------------------------------- */
 
 h1,h2,h3,h4,h5,h6 { 
-  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
   color:#111; 
   clear:both; 
 }
 
-h1 { font-size: 3em; }
-h2 { font-size: 2em; }
-h3 { font-size: 1.5em; line-height:2; }
-h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
-h5 { font-size: 1em; font-weight:bold; }
-h6 { font-size: 1em; }
+h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
+h2 { font-size: 20px; line-height:36px; }
+h3 { font-size: 16px; line-height:36px; }
+h4 { font-size: 14px; font-weight:bold; }
+h5 { font-size: 12px; font-weight:bold; }
+h6 { font-size: 12px; }
 
 
 /* Text elements
 -------------------------------------------------------------- */
 
-p           { margin: 0 0 1.5em 0; text-align:justify; }
+p           { margin: 0 0 18px 0; text-align:justify; }
 p.last      { margin-bottom:0; }
-p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
+p img       { float: left; margin:18px 18px 18px 0; padding:0; }
 p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
 
-ul, ol      { margin: 0 0 1.5em 1.5em; }
+a           { color: #125AA7; text-decoration: underline; }
+a:hover     { color: #000; }
+
+ul, ol      { margin: 0 0 18px 18px; }
+ul          { list-style-type: circle; }
 ol          { list-style-type: decimal; }
-dl          { margin: 1.5em 0; }
+dl          { margin: 0 0 18px 0; }
 dl dt       { font-weight: bold; }
 
-a           { color: #125AA7; text-decoration: underline; outline: none; }
-a:hover     { color: #000; }
-
-blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
+blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
 strong      { font-weight: bold; }
 em          { font-style: italic; }
-pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
-code        { font:0.9em Monaco, monospace; }
+pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
 
 /* Use this to create a horizontal ruler across a column. */
 hr {
@@ -79,33 +75,25 @@ hr {
   clear: both; 
   float: none; 
   width: 100%; 
-  height: 0.1em;
-  margin: 0 0 1.4em 0;
+  height: 2px;
+  margin: 0 0 16px 0;
   border: none; 
 }
-* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */
 
 
 /* Tables
 -------------------------------------------------------------- */
 
-table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
-th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
+table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
+th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
 th      { font-weight:bold; }
 
 
-/* Forms
--------------------------------------------------------------- */
-
-label     { font-weight: bold; }
-textarea  { height: 180px; width: 300px; }
-
-
 /* Some default classes
 -------------------------------------------------------------- */
 
-p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
-p.large   { font-size: 1.2em; line-height: 2.5em; }
+p.small   { font-size: 10px; margin-bottom: 18px; }
+p.large   { font-size: 14px; line-height:36px; }
 p.quiet   { color: #666; }
 .hide     { display: none; }
 
@@ -119,13 +107,13 @@ p.quiet   { color: #666; }
   
 .alt { 
   color: #666; 
-  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
+  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
   font-size: 1.2em;
   line-height: 1%; /* Maintain correct baseline */
   font-style: italic;
 }
 
-/* For great looking quote marks in titles, replace "asdf" width:
+/* For great looking quote marks in titles, replace "asdf" with:
    <span class="dquo">&#8220;</span>asdf&#8221;
    (That is, when the title starts with a quote mark). 
    (You may have to change this value depending on your font size). */  
@@ -148,12 +136,26 @@ p.quiet   { color: #666; }
    New line-height value:
      12px x 1.5 = 18px (old line-height)
      18px x 4 = 72px 
-     60px / 5 = 14.4px (new line height)
+     72px / 5 = 14.4px (new line height)
      14.4px / 10px = 1.44 (new line height in em's) */
 
 p.incr, .incr p {
-	font-size: 0.83333em; /* font size 10px */
+	font-size: 10px;
 	line-height: 1.44em;  
-	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
+	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
+}
+
+
+/* Surround uppercase words and abbreviations with this class.
+   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
+   
+.caps { 
+  font-variant: small-caps; 
+  letter-spacing: 1px; 
+  text-transform: lowercase; 
+  font-size:1.2em;
+  line-height:1%;
+  font-weight:bold;
 }
 
+/* EOF */

data/data/content/css/blueprint/print.css

@@ -1,9 +1,8 @@
 /* -------------------------------------------------------------- 
   
-   Blueprint CSS Framework
-   [bjorkoy.com/blueprint]
-   
-   * Print Styles *
+   Blueprint CSS Framework Print Styles
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
    
    This file creates CSS styles for printing documents. 
    Include this in the <head> of every page. See the
@@ -17,13 +16,18 @@
 -------------------------------------------------------------- */
 
 body {
-  font-family: Georgia, Times, serif;
   line-height: 1.5;
   color:#000;
   background: none;
   font-size: 11pt;
 }
 
+h1,h2,h3,
+h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
+body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Arial, sans-serif; } 
+pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
+code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
+
 img { 
   float:left; 
   margin:1.5em 1.5em 1.5em 0;

data/data/content/css/blueprint/screen.css

@@ -1,9 +1,8 @@
 /* -------------------------------------------------------------- 
   
-   Blueprint CSS Framework
-   [bjorkoy.com/blueprint]
-   
-   * Screen & Projection Styles *
+   Blueprint CSS Framework Screen Styles
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
       
    This is the main CSS-file for the framework.
    Include this in the <head> of every page. See the
@@ -11,24 +10,21 @@
    
 -------------------------------------------------------------- */
 
-/* Import stylesheets and hide from IE/Mac \*/
-@import "lib/reset.css";
-@import "lib/typography.css";
-@import "lib/grid.css";
-@import "lib/buttons.css";
-/* End import/hide */
+@import 'lib/reset.css';
+@import 'lib/typography.css';
+@import 'lib/grid.css';
+@import 'lib/buttons.css';
 
 
-/* Compressed version: 
+/* Compressed version (re-compress if you change the core files): 
    [http://teenage.cz/acidofil/tools/cssformat.php]
    
-   Comment out @import statements above, and add this 
-   one when your site has launched (Ca 60% compressed):
-   @import "lib/compressed.css"; */
-
+   Comment out @import statements above, and 
+   add this line instead, when your site has launched 
+   (compresses ca 60% of the core files in BP):
+   @import 'lib/compressed.css'; */
 
-/* Uncomment the line below to see the grid and baseline. 
-   (Assuming you've wrapped your columns in a container).
 
-  .container { background: url(lib/img/grid.png); }
-  .container { background: url(lib/img/baseline.png); } */
+/* Uncomment the line below to see the grid and baseline. */
+/* .container { background: url(lib/img/grid.png); } */
+/* .container { background: url(lib/img/baseline.png); }  */

data/data/content/css/coderay.css

@@ -2,7 +2,7 @@
   padding: 0.5em;
   margin-bottom: 1.3em;
   background-color: #eee;
-  border: 1px solid black;
+  border: 1px solid #aaa;
   font: 1.1em Monaco, 'Courier New', 'Terminal', monospace;
   color: #100;
 }

data/lib/webby.rb

@@ -1,8 +1,8 @@
-# $Id: webby.rb 25 2007-09-17 22:46:55Z tim_pease $
+# $Id: webby.rb 29 2007-09-18 18:14:50Z tim_pease $
 
 module Webby
 
-  VERSION = '0.3.0'   # :nodoc:
+  VERSION = '0.4.0'   # :nodoc:
 
   # Path to the Webby package
   PATH = ::File.expand_path(::File.join(::File.dirname(__FILE__), '..'))

data/lib/webby/coderay_filter.rb

@@ -1,4 +1,4 @@
-# $Id: coderay_filter.rb 24 2007-09-17 22:22:06Z tim_pease $
+# $Id: coderay_filter.rb 27 2007-09-18 18:09:25Z tim_pease $
 
 require 'enumerator'
 require 'hpricot'
@@ -23,7 +23,8 @@ module Webby
 #    
 #  The supported CodeRay options are the following:
 #
-#    line_numbers       : include line nubers in 'table', 'linline',
+#    lang               : the language to highlight (ruby, c, html, ...)
+#    line_numbers       : include line nubers in 'table', 'inline',
 #                         or 'list'
 #    line_number_start  : where to start with line number counting
 #    bold_every         : make every n-th number appear bold

data/lib/webby/renderer.rb

@@ -1,4 +1,4 @@
-# $Id: renderer.rb 22 2007-09-17 20:36:39Z tim_pease $
+# $Id: renderer.rb 27 2007-09-18 18:09:25Z tim_pease $
 
 require 'erb'
 try_require 'bluecloth'
@@ -84,15 +84,6 @@ class Renderer
     str
   end
 
-  #
-  #
-  def coderay_filter( str )
-    CodeRayFilter.new(str).to_html
-  rescue NameError
-    $stderr.puts "ERROR: coderay filter failed (CodeRay not installed?)"
-    exit
-  end
-
   # Render text via ERB using the built in ERB library.
   #
   def erb_filter( str )
@@ -118,6 +109,15 @@ class Renderer
     exit
   end
 
+  # Render text via the CodeRay syntax highlighter library.
+  #
+  def coderay_filter( str )
+    CodeRayFilter.new(str).to_html
+  rescue NameError
+    $stderr.puts "ERROR: coderay filter failed (CodeRay not installed?)"
+    exit
+  end
+
 end  # class Renderer
 end  # module Webby
 

data/tasks/setup.rb

@@ -1,6 +1,8 @@
-# $Id: setup.rb 22 2007-09-17 20:36:39Z tim_pease $
+# $Id: setup.rb 26 2007-09-18 17:40:42Z tim_pease $
 
 require 'rubygems'
+require 'rake'
+require 'fileutils'
 require 'ostruct'
 
 PROJ = OpenStruct.new

data/website/content/css/blueprint/lib/buttons.css

@@ -1,7 +1,8 @@
 /* -------------------------------------------------------------- 
   
    Buttons.css
-   * Gives you some great buttons for many purposes.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
    
    Created by Kevin Hale [particletree.com]
    * particletree.com/features/rediscovering-the-button-element
@@ -24,7 +25,6 @@
      <img src="css/blueprint/lib/img/icons/cross.png" alt=""/> Cancel
    </a>
    
-   
 -------------------------------------------------------------- */
 
 a.button, button {

data/website/content/css/blueprint/lib/compressed.css

@@ -1,127 +1,137 @@
-/* Blueprint Comressed Version */
+/* Blueprint Compressed Version */
+
 
 /* reset.css */
-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, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
+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, strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
 body{line-height:1;color:#333;background:white;}
 table{border-collapse:separate;border-spacing:0;}
 caption,th,td{text-align:left;font-weight:normal;}
 blockquote:before,blockquote:after,q:before,q:after{content:"";}
 blockquote,q{quotes:"" "";}
 
-/* typograpghy.css */
-body{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;line-height:1.5;}
-body{font-size:75%;}
-html > body{font-size:12px;}
-h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;color:#111;clear:both;}
-h1{font-size:3em;}
-h2{font-size:2em;}
-h3{font-size:1.5em;line-height:2;}
-h4{font-size:1.2em;line-height:1.25;font-weight:bold;}
-h5{font-size:1em;font-weight:bold;}
-h6{font-size:1em;}
-p{margin:0 0 1.5em 0;text-align:justify;}
+
+/* typography.css */
+body{font-size:12px;line-height:18px;}
+h1,h2,h3, h4,h5,h6{font-family:Constantia,"Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif;}
+body{font-family:Frutiger,Univers,"Helvetica Neue","Lucida Grande",Calibri,Helvetica,Verdana,sans-serif;}
+pre{font-family:Corbel,Verdana,"Bitstream Vera Sans",sans-serif;}
+code{font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Monaco,Courier,monospace;}
+h1,h2,h3,h4,h5,h6{color:#111;clear:both;}
+h1{font-size:30px;line-height:36px;padding:0 0 18px 0;}
+h2{font-size:20px;line-height:36px;}
+h3{font-size:16px;line-height:36px;}
+h4{font-size:14px;font-weight:bold;}
+h5{font-size:12px;font-weight:bold;}
+h6{font-size:12px;}
+p{margin:0 0 18px 0;text-align:justify;}
 p.last{margin-bottom:0;}
-p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
+p img{float:left;margin:18px 18px 18px 0;padding:0;}
 p img.top{margin-top:0;}
-ul,ol{margin:0 0 1.5em 1.5em;}
+a{color:#125AA7;text-decoration:underline;}
+a:hover{color:#000;}
+ul,ol{margin:0 0 18px 18px;}
+ul{list-style-type:circle;}
 ol{list-style-type:decimal;}
-dl{margin:1.5em 0;}
+dl{margin:0 0 18px 0;}
 dl dt{font-weight:bold;}
-a{color:#125AA7;text-decoration:underline;outline:none;}
-a:hover{color:#000;}
-blockquote{margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic;}
+blockquote{margin:0 0 18px 18px;color:#666;font-style:italic;}
 strong{font-weight:bold;}
 em{font-style:italic;}
-pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
-code{font:0.9em Monaco,monospace;}
-hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}
-* html hr{margin:0 0 1.2em 0;}
-table{margin-bottom:1.4em;border-top:0.1em solid #ddd;border-left:0.1em solid #ddd;}
-th,td{height:1em;padding:0.2em 0.4em;border-bottom:0.1em solid #ddd;border-right:0.1em solid #ddd;}
+pre{margin-bottom:18px;background:#eee;border:1px solid #ddd;padding:16px;}
+hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:2px;margin:0 0 16px 0;border:none;}
+table{margin-bottom:16px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
+th,td{height:13px;padding:2px 4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
 th{font-weight:bold;}
-label{font-weight:bold;}
-textarea{height:180px;width:300px;}
-p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
-p.large{font-size:1.2em;line-height:2.5em;}
+p.small{font-size:10px;margin-bottom:18px;}
+p.large{font-size:14px;line-height:36px;}
 p.quiet{color:#666;}
 .hide{display:none;}
-.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}
+.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-size:1.2em;line-height:1%;font-style:italic;}
 .dquo{margin-left:-.7em;}
-p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;}
+p.incr,.incr p{font-size:10px;line-height:1.44em;margin-bottom:18px;}
+.caps{font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;}
+
 
 /* grid.css */
 body{text-align:center;margin:36px 0;}
-.container{text-align:left;position:relative;padding:0;margin:0 auto;width:960px;}
-.column{float:left;margin:0 10px;padding:0;}
+.container{text-align:left;position:relative;padding:0;margin:0 auto;width:950px;}
+.column{float:left;margin-right:10px;padding:0;}
 * html .column{overflow-x:hidden;}
-.border{padding-right:9px;margin-right:0;border-right:1px solid #ddd;}
-.first{margin-left:0;}
+.border{padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
+.span-1{width:30px;}
+.span-2{width:70px;}
+.span-3{width:110px;}
+.span-4{width:150px;}
+.span-5{width:190px;}
+.span-6{width:230px;}
+.span-7{width:270px;}
+.span-8{width:310px;}
+.span-9{width:350px;}
+.span-10{width:390px;}
+.span-11{width:430px;}
+.span-12{width:470px;}
+.span-13{width:510px;}
+.span-14{width:550px;}
+.span-15{width:590px;}
+.span-16{width:630px;}
+.span-17{width:670px;}
+.span-18{width:710px;}
+.span-19{width:750px;}
+.span-20{width:790px;}
+.span-21{width:830px;}
+.span-22{width:870px;}
+.span-23{width:910px;}
+.span-24{width:950px;margin:0;}
 .last{margin-right:0;}
-.span-1{width:50px;}
-.span-2{width:120px;}
-.span-3{width:190px;}
-.span-4{width:260px;}
-.span-5{width:330px;}
-.span-6{width:400px;}
-.span-7{width:470px;}
-.span-8{width:540px;}
-.span-9{width:610px;}
-.span-10{width:680px;}
-.span-11{width:750px;}
-.span-12{width:820px;}
-.span-13{width:890px;}
-.span-14{width:960px;margin:0;}
-.append-1{padding-right:70px;}
-.append-2{padding-right:140px;}
-.append-3{padding-right:210px;}
-.append-4{padding-right:280px;}
-.append-5{padding-right:350px;}
-.append-6{padding-right:420px;}
-.append-7{padding-right:490px;}
-.append-8{padding-right:560px;}
-.append-9{padding-right:630px;}
-.append-10{padding-right:700px;}
-.append-11{padding-right:770px;}
-.append-12{padding-right:840px;}
-.append-13{padding-right:910px;}
-.prepend-1{padding-left:70px;}
-.prepend-2{padding-left:140px;}
-.prepend-3{padding-left:210px;}
-.prepend-4{padding-left:280px;}
-.prepend-5{padding-left:350px;}
-.prepend-6{padding-left:420px;}
-.prepend-7{padding-left:490px;}
-.prepend-8{padding-left:560px;}
-.prepend-9{padding-left:630px;}
-.prepend-10{padding-left:700px;}
-.prepend-11{padding-left:770px;}
-.prepend-12{padding-left:840px;}
-.prepend-13{padding-left:910px;}
-.box{padding:1.5em;margin-bottom:1.5em;background:#F0F0F0;}
-.clear{display:inline-block;}
-.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
-* html .clear{height:1%;}
-.clear{display:block;}
-img{margin:0 0 1.5em 0;}
-.pull-1{margin-left:-70px;}
-.pull-2{margin-left:-140px;}
-.pull-3{margin-left:-210px;}
-.push-0{margin:0 0 0 1.5em;float:right;}
-.push-1{margin:0 -88px 0 1.5em;float:right;}
-.push-2{margin:0 -158px 0 1.5em;float:right;}
-.push-3{margin:0 -228px 0 1.5em;float:right;}
+.append-1{padding-right:40px;}
+.append-2{padding-right:80px;}
+.append-3{padding-right:120px;}
+.append-4{padding-right:160px;}
+.append-5{padding-right:200px;}
+.append-6{padding-right:240px;}
+.append-7{padding-right:280px;}
+.append-8{padding-right:320px;}
+.append-9{padding-right:360px;}
+.append-10{padding-right:400px;}
+.append-11{padding-right:440px;}
+.append-12{padding-right:480px;}
+.prepend-1{padding-left:40px;}
+.prepend-2{padding-left:80px;}
+.prepend-3{padding-left:120px;}
+.prepend-4{padding-left:160px;}
+.prepend-5{padding-left:200px;}
+.prepend-6{padding-left:240px;}
+.prepend-7{padding-left:280px;}
+.prepend-8{padding-left:320px;}
+.prepend-9{padding-left:360px;}
+.prepend-10{padding-left:400px;}
+.prepend-11{padding-left:440px;}
+.prepend-12{padding-left:480px;}
+img{margin:0 0 18px 0;}
+.pull-1{margin-left:-40px;}
+.pull-2{margin-left:-80px;}
+.pull-3{margin-left:-120px;}
+.pull-4{margin-left:-160px;}
+.push-0{margin:0 0 0 18px;float:right;}
+.push-1{margin:0 -40px 0 18px;float:right;}
+.push-2{margin:0 -80px 0 18px;float:right;}
+.push-3{margin:0 -120px 0 18px;float:right;}
+.push-4{margin:0 -160px 0 18px;float:right;}
+.pull-1,.pull-2,.pull-3,.pull-4, .push-1,.push-2,.push-3,.push-4{overflow-x:visible;}
+
 
 /* buttons.css */
-a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;font:100% "Lucida Grande",Tahoma,Arial,Verdana,sans-serif}
-button{width:auto;overflow:visible;padding:4px 10px 3px 7px}
-button[type]{padding:5px 10px 5px 7px;line-height:17px}
-*:first-child+html button[type]{padding:4px 10px 3px 7px}
-button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
-button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699}
-a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
-.positive{color:#529214}
-a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214}
-a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff}
-.negative{color:#d12f19}
-a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4}
-a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff}
+a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
+button{width:auto;overflow:visible;padding:4px 10px 3px 7px;}
+button[type]{padding:5px 10px 5px 7px;line-height:17px;}
+*:first-child+html button[type]{padding:4px 10px 3px 7px;}
+button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
+button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699;}
+a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
+.positive{color:#529214;}
+a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214;}
+a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff;}
+.negative{color:#d12f19;}
+a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4;}
+a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff;}
+