/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 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.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}*/

/* typography.css */
/*body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/*p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
 a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}*/
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* -------------------------------------------------------------- 
   
   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 (2009-09-30) [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:            996 px
    * Number of columns:     24
    * Column width:          30 px
    * Margin width:          12 px
   ======================================

   By default, the grid is 996px wide, with 24 columns 
   spanning 30px, and a 12px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

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

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin: 0px;	
}


/* 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: 12px;}

/* 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: 30px;}
.span-2  { width: 72px;}
.span-3  { width: 114px;}
.span-4  { width: 156px;}
.span-5  { width: 198px;}
.span-6  { width: 240px;}
.span-7  { width: 282px;}
.span-8  { width: 324px;}
.span-9  { width: 366px;}
.span-10 { width: 408px;}
.span-11 { width: 450px;}
.span-12 { width: 492px;}
.span-13 { width: 534px;}
.span-14 { width: 576px;}
.span-15 { width: 618px;}
.span-16 { width: 660px;}
.span-17 { width: 702px;}
.span-18 { width: 744px;}
.span-19 { width: 786px;}
.span-20 { width: 828px;}
.span-21 { width: 870px;}
.span-22 { width: 912px;}
.span-23 { width: 954px;}
.span-24, div.span-24 { width: 996px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 42px;}
.append-2  { padding-right: 84px;}
.append-3  { padding-right: 126px;}
.append-4  { padding-right: 168px;}
.append-5  { padding-right: 210px;}
.append-6  { padding-right: 252px;}
.append-7  { padding-right: 294px;}
.append-8  { padding-right: 336px;}
.append-9  { padding-right: 378px;}
.append-10 { padding-right: 420px;}
.append-11 { padding-right: 462px;}
.append-12 { padding-right: 504px;}
.append-13 { padding-right: 546px;}
.append-14 { padding-right: 588px;}
.append-15 { padding-right: 630px;}
.append-16 { padding-right: 672px;}
.append-17 { padding-right: 714px;}
.append-18 { padding-right: 756px;}
.append-19 { padding-right: 798px;}
.append-20 { padding-right: 840px;}
.append-21 { padding-right: 882px;}
.append-22 { padding-right: 924px;}
.append-23 { padding-right: 966px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 42px;}
.prepend-2  { padding-left: 84px;}
.prepend-3  { padding-left: 126px;}
.prepend-4  { padding-left: 168px;}
.prepend-5  { padding-left: 210px;}
.prepend-6  { padding-left: 252px;}
.prepend-7  { padding-left: 294px;}
.prepend-8  { padding-left: 336px;}
.prepend-9  { padding-left: 378px;}
.prepend-10 { padding-left: 420px;}
.prepend-11 { padding-left: 462px;}
.prepend-12 { padding-left: 504px;}
.prepend-13 { padding-left: 546px;}
.prepend-14 { padding-left: 588px;}
.prepend-15 { padding-left: 630px;}
.prepend-16 { padding-left: 672px;}
.prepend-17 { padding-left: 714px;}
.prepend-18 { padding-left: 756px;}
.prepend-19 { padding-left: 798px;}
.prepend-20 { padding-left: 840px;}
.prepend-21 { padding-left: 882px;}
.prepend-22 { padding-left: 924px;}
.prepend-23 { padding-left: 966px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:5px;
  margin-right:6px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:27px;
  margin-right:24px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -42px;}
.pull-2 { margin-left: -84px;}
.pull-3 { margin-left: -126px;}
.pull-4 { margin-left: -168px;}
.pull-5 { margin-left: -210px;}
.pull-6 { margin-left: -252px;}
.pull-7 { margin-left: -294px;}
.pull-8 { margin-left: -336px;}
.pull-9 { margin-left: -378px;}
.pull-10 { margin-left: -420px;}
.pull-11 { margin-left: -462px;}
.pull-12 { margin-left: -504px;}
.pull-13 { margin-left: -546px;}
.pull-14 { margin-left: -588px;}
.pull-15 { margin-left: -630px;}
.pull-16 { margin-left: -672px;}
.pull-17 { margin-left: -714px;}
.pull-18 { margin-left: -756px;}
.pull-19 { margin-left: -798px;}
.pull-20 { margin-left: -840px;}
.pull-21 { margin-left: -882px;}
.pull-22 { margin-left: -924px;}
.pull-23 { margin-left: -966px;}
.pull-24 { margin-left: -1008px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}


.push-1 { margin: 0 -42px 1.5em 42px;}
.push-2 { margin: 0 -84px 1.5em 84px;}
.push-3 { margin: 0 -126px 1.5em 126px;}
.push-4 { margin: 0 -168px 1.5em 168px;}
.push-5 { margin: 0 -210px 1.5em 210px;}
.push-6 { margin: 0 -252px 1.5em 252px;}
.push-7 { margin: 0 -294px 1.5em 294px;}
.push-8 { margin: 0 -336px 1.5em 336px;}
.push-9 { margin: 0 -378px 1.5em 378px;}
.push-10 { margin: 0 -420px 1.5em 420px;}
.push-11 { margin: 0 -462px 1.5em 462px;}
.push-12 { margin: 0 -504px 1.5em 504px;}
.push-13 { margin: 0 -546px 1.5em 546px;}
.push-14 { margin: 0 -588px 1.5em 588px;}
.push-15 { margin: 0 -630px 1.5em 630px;}
.push-16 { margin: 0 -672px 1.5em 672px;}
.push-17 { margin: 0 -714px 1.5em 714px;}
.push-18 { margin: 0 -756px 1.5em 756px;}
.push-19 { margin: 0 -798px 1.5em 798px;}
.push-20 { margin: 0 -840px 1.5em 840px;}
.push-21 { margin: 0 -882px 1.5em 882px;}
.push-22 { margin: 0 -924px 1.5em 924px;}
.push-23 { margin: 0 -966px 1.5em 966px;}
.push-24 { margin: 0 -1008px 1.5em 1008px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}