/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
*/
/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */


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

      reset.css
      * Resets default browser CSS.

      Based on work by Eric Meyer:
      * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

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

   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; background: #fff; margin:1.5em 0; }

   /* Tables still need 'cellspacing="0"' in the markup. */
   table { border-collapse: separate; border-spacing: 0; }
   caption, th, td { text-align: left; font-weight:400; }

   /* Remove possible quote marks (") from <q>, <blockquote>. */
   blockquote:before, blockquote:after, q:before, q:after { content: ""; }
   blockquote, q { quotes: "" ""; }

   a img { border: none; }


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

      typography.css
      * Sets up some sensible default typography.

      Based on work by:
      * Nathan Borror     [playgroundblues.com]
      * Jeff Croft        [jeffcroft.com]
      * Christian Metts   [mintchaos.com]
      * Wilson Miner      [wilsonminer.com]
      * Richard Rutter    [clagnut.com]

      Read more about using a baseline here:
      * alistapart.com/articles/settingtypeontheweb

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

   /* This is where you set your desired font size. The line-heights 
      and vertical margins are automatically calculated from this. 
      The percentage is of 16px (0.75 * 16px = 12px). */

   body { font-size: 75%; }


   /* Default fonts and colors. 
      If you prefer serif fonts, remove the font-family 
      on the headings, and apply this one to the body:
      font: 1em Georgia, "lucida bright", "times new roman", serif; */

   body { 
     color: #222; 
     font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
   }
   h1,h2,h3,h4,h5,h6 { 
     color: #111; 
     font-family: "Baskerville Old Face", "Times New Roman", Times, serif;
   }


   /* Headings
   -------------------------------------------------------------- */

   h1,h2,h3,h4,h5,h6 { font-weight: normal; }

   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; }
   h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
   h6 { font-size: 1em; font-weight: bold; }


   /* Text elements
   -------------------------------------------------------------- */

   p           { margin: 0 0 1.5em; }
   p.last      { margin-bottom: 0; }
   p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
   p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
   img         { margin: 0 0 1.5em; }

   ul, ol      { margin:0 1.5em 1.5em 1.5em; }
   ul          { list-style-type: circle; }
   ol          { list-style-type: decimal; }
   dl          { margin: 0 0 1.5em 0; }
   dl dt       { font-weight: bold; }
   dd          { margin-left: 1.5em;}

   abbr, 
   acronym     { border-bottom: 1px dotted #666; }
   address     { margin-top: 1.5em; font-style: italic; }
   del         { color:#666; }

   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; background: #ffc; }
   dfn         { font-weight: bold; }
   pre,code    { margin: 1.5em 0; white-space: pre; }
   pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
   tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


   /* Tables
   -------------------------------------------------------------- */

   table   { margin-bottom: 1.4em; }
   th      { border-bottom: 2px solid #ccc; font-weight: bold; }
   td      { border-bottom: 1px solid #ddd; }
   th,td   { padding: 4px 10px 4px 0; }
   tfoot   { font-style: italic; }
   caption { background: #ffc; }

   /* Use this if you use span-x classes on th/td. */
   table .last { padding-right: 0; } 


   /* Some default classes
   -------------------------------------------------------------- */

   .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; }
   .quiet      { color: #666; }

   .hide       { display: none; }
   .highlight  { background:#ff0; }
   .added      { color:#060; }
   .removed    { color:#900; }

   .top        { margin-top:0; padding-top:0; }
   .bottom     { margin-bottom:0; padding-bottom:0; }


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

      grid.css
      * Sets up an easy-to-use grid of 24 columns.

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

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

      If you need fewer or more columns, use this 
      formula to find the new total width: 
      Total width = (columns * 40) - 10

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

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

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


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

   /* Use this class together with the .span-x classes
      to create any composition of columns in a layout. */

   .column {
     float: left;
     margin-right: 10px;
   }


   /* The last column in a row needs this class. */
   .last { margin-right: 0; }

   /* Use these classes to set the width of a column. */
   .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; }

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

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


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

   /* Border with more whitespace, spans one column. */
   .colborder {
     padding-right: 24px;
     margin-right: 25px;
     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: -40px; }
   .pull-2  { margin-left: -80px; }
   .pull-3  { margin-left: -120px; }
   .pull-4  { margin-left: -160px; }

   .push-0  { margin: 0 0 0 18px; }
   .push-1  { margin: 0 -40px 0 18px; }
   .push-2  { margin: 0 -80px 0 18px; }
   .push-3  { margin: 0 -120px 0 18px; }
   .push-4  { margin: 0 -160px 0 18px; }
   .push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


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

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

   /* 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.4em;
     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] */

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

      forms.css
      * Sets up some default styling for forms
      * Gives you classes to enhance your forms

      Usage:
      * For text fields, use class .title or .text

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

   label { font-weight: bold; }


   /* Fieldsets */
   fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
   legend      { font-weight: bold; font-size:1.2em; }

   /* Text fields */
   input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
   input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
   input.text:focus,
   input.title:focus         { border:1px solid #999; background:#fff; }
   input.title               { font-size:1.5em; }

   /* Textareas */
   textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
   textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
   textarea:focus      { border:1px solid #999; background:#fff; }

   /* Select fields */
   select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
   select:focus        { border:1px solid #999; background:#fff; }


   /* Success, error & notice boxes for messages and errors. */
   .error,
   .notice, 
   .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
   .error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
   .notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
   .success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
   .error a    { color: #D12F19; }
   .notice a   { color: #817134; }
   .success a  { color: #529214; }

#body {
	margin-top: 25px;
	width: 700px;
}

.hidden {
	display: none;
}