/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-05-07) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            960 px
    * Number of columns:     24
    * Column width:          40 px
    * Margin width:          0 px
   ======================================
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 960px;
  margin: 0 auto;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right: 0px;}
/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */

.span-1{width: 40px;}
.span-2{width: 80px;}
.span-3{width: 120px;}
.span-4{width: 160px;}
.span-5{width: 200px;}
.span-6{width: 240px;}
.span-7{width: 280px;}
.span-8{width: 320px;}
.span-9{width: 360px;}
.span-10{width: 400px;}
.span-11{width: 440px;}
.span-12{width: 480px;}
.span-13{width: 520px;}
.span-14{width: 560px;}
.span-15{width: 600px;}
.span-16{width: 640px;}
.span-17{width: 680px;}
.span-18{width: 720px;}
.span-19{width: 760px;}
.span-20{width: 800px;}
.span-21{width: 840px;}
.span-22{width: 880px;}
.span-23{width: 920px;}
.span-24, div.span-24{width: 960px;margin: 0;}
/* Add these to a column to prepend empty cols. */
.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; }
.prepend-13   { padding-left: 520px; }
.prepend-14   { padding-left: 560px; }
.prepend-15   { padding-left: 600px; }
.prepend-16   { padding-left: 640px; }
.prepend-17   { padding-left: 680px; }
.prepend-18   { padding-left: 720px; }
.prepend-19   { padding-left: 760px; }
.prepend-20   { padding-left: 800px; }
.prepend-21   { padding-left: 840px; }
.prepend-22   { padding-left: 880px; }
.prepend-23   { padding-left: 920px; }
.prepend-24   { padding-left: 960px; }
/* Add these to a column to append empty cols. */
.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; }
.append-13   { padding-right: 520px; }
.append-14   { padding-right: 560px; }
.append-15   { padding-right: 600px; }
.append-16   { padding-right: 640px; }
.append-17   { padding-right: 680px; }
.append-18   { padding-right: 720px; }
.append-19   { padding-right: 760px; }
.append-20   { padding-right: 800px; }
.append-21   { padding-right: 840px; }
.append-22   { padding-right: 880px; }
.append-23   { padding-right: 920px; }
.append-24   { padding-right: 960px; }
/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both;font-size:1px;line-height:0;height:0; }