/* -----------------------------------------------------------------------
   BlueTripCSS Framework
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/* Redraw Fix */
.content-container:after{content:""; clear:both; display:block; padding-top:0.01px; height:0; font-size:0}
.content-container{*zoom:1}

/* MEYER RESET v1.0*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
html body { padding: 0; }
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

/*1223 BASIC TYPOGRAPHY */
html{font-size:62.5%; font-family:helvetica,"microsoft sans serif",arial,sans-serif}
strong, th, thead td, h1, h2, h3, h4, h5, h6{font-weight:bold}
cite, em, dfn{font-style:italic}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea{font-size:92%; font-family:monaco,"Lucida Console",courier,monospace}
del{text-decoration:line-through; color:#666}
ins, dfn{border-bottom:1px solid #ccc}
small, sup, sub{font-size:85%}
abbr, acronym{text-transform:uppercase; font-size:85%; letter-spacing:.1em}
a abbr, a acronym{border:none}
abbr[title], acronym[title], dfn[title]{cursor:help; border-bottom:1px solid #ccc}
sup{vertical-align:super}
sub{vertical-align:sub}

/* QUOTES */
blockquote{border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666}
blockquote *:first-child:before{content:"\201C"}
blockquote *:first-child:after{content:"\201D"}

/* FORMS */
fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em}
label{font-weight:bold}
textarea, input[type='text'], input[type='password'], select{border:1px solid #ccc; background:#fff}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover{border-color:#aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus{border-color:#888; }
select{cursor:pointer}
input[type='text']{cursor:text}

/* BASE SIZES */
.container{font-size:1.2em; line-height:1.6em}
.container h1{font-size:1.9em}
.container h2{font-size:1.7em}
.container h3{font-size:1.5em}
.container h4{font-size:1.3em}
.container h5{font-size:1.2em}
.container h6{font-size:1em}

/* LISTS */
.container ul li{margin-left:.85em}
.container ol{list-style-position:outside; list-style-type:decimal}
.container dt{font-weight:bold}

/* TABLES */
.container table{border-top:1px solid #ccc;  border-left:1px solid #ccc}
.container th, .container td{border-bottom:1px solid #ddd; border-right:1px solid #ccc}

/* MARGINS & PADDINGS */
.container blockquote *:first-child{margin:.8em 0}
.container hr, .container p, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form{margin-bottom:1.6em}
/* NOTE:Calulate header margins:TOP:1.6em/size, BOTTOM:1.6em/size/2 */
.container h1{margin:1em 0 .5em}
.container h2{margin:1.07em 0 .535em}
.container h3{margin:1.14em 0 .57em}
.container h4{margin:1.23em 0 .615em}
.container h5{margin:1.33em 0 .67em}
.container h6{margin:1.6em 0 .8em}
.container th, .container td{padding:.8em}
.container caption{padding-bottom:.8em}/* padding instead of margin for IE */
.container blockquote{padding:0 1em; margin:1.6em 0}
.container fieldset{padding:0 1em 1em 1em; margin:1.6em 0}/* padding-top is margin-top for fieldsets in Opera */
.container legend{padding-left:.8em; padding-right:.8em}
.container textarea, .container input{float:left; padding:0.3em 0.2em 0.15em 0}
.container select{padding:.1em .2em 0 .2em}
.container option{padding:0 .4em}
.container a{position:relative; padding:0.3em 0 .1em 0; cursor:pointer}/* for larger click-area */
.container dt{margin-top:.8em; margin-bottom:.4em}
.container ul{margin-left:1.5em}
.container ol{margin-left:2.35em}
.container ol ol, .container ul ol{margin-left:2.5em}
.container form div{margin-bottom:.8em}

/* COLORS */
.container a:link{text-decoration:underline; color:#36c}
.container a:visited{text-decoration:underline; color:#99c}
.container a:hover{text-decoration:underline; color:#c33}
.container a:active, .container a:focus{text-decoration:underline; color:#000}
.container code, .container pre{color:#c33}/* very optional, but still useful. W3C uses about the same colors for codes */

/* 24 COLUMN GRID */
/* Overridden for 14 column grid
http://grid.mindplay.dk/#[[0, 0, 0, 0, 0, 0, 0], ['Helvetica', '', '', '', '', '', ''], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [1, 2, 2, 2, 2, 2, 2], [10, 16, 16, 16, 16, 16, 16], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [14, 9, 16, 10, 977],{}
]
*/
/* -------------------------------------------------------------- 
   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-12-11) [http://kematzy.com/blueprint-generator/]
   == STRUCTURE:========================
    * Page width:           957 px
    * Number of columns:    14
    * Column width:         60 px
    * Gutter width:         9 px
    * Margin width:         10 px
   ======================================
   By default, the grid is 977px wide, with 14 columns 
   spanning 60px, and a 9px margin between columns
   and an outside margin of 10px.
-------------------------------------------------------------- */
/* Overridden for 14 column grid
http://grid.mindplay.dk/#[[0, 0, 0, 0, 0, 0, 0], ['Helvetica', '', '', '', '', '', ''], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [1, 2, 2, 2, 2, 2, 2], [10, 16, 16, 16, 16, 16, 16], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [14, 9, 16, 10, 977],{}
]
*/
.content-container{ width:985px; /*977px*/ margin:0 auto;  /*background:#EEE !important; */}

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

/* 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{float:left; margin-right:9px}

/* 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:60px}
.span-2{width:129px}
.span-3{width:198px}
.span-4{width:267px}
.span-5{width:336px}
.span-6{width:405px}
.span-7{width:474px}
.span-8{width:543px}
.span-9{width:612px}
.span-10{width:681px}
.span-11{width:750px}
.span-12{width:819px}
.span-13{width:888px}
.span-14, div.span-14{width:957px; margin:0}

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

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

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

/* TEXT CLASSES */
.container .small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.container .large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.container .hide{display:none}
.container .quiet{color:#666}
.container .loud{color:#000}
.container .highlight{background:#ff0}
.container .top{margin-top:0; padding-top:0}
.container .bottom{margin-bottom:0; padding-bottom:0}
.container .thin{font-weight:lighter}
.container .error, .container .notice, .container .success{padding:.8em; margin-bottom:1.6em; border:2px solid #ddd}
.container .error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4}
.container .notice{background:#FFF6BF; color:#514721; border-color:#FFD324}
.container .success{background:#E6EFC2; color:#264409; border-color:#C6D880}
.container .error a{color:#8a1f11; background:none; padding:0; margin:0}
.container .notice a{color:#514721; background:none; padding:0; margin:0}
.container .success a{color:#264409; background:none; padding:0; margin:0}
.container .center{text-align:center}

/*---------STYLES FOR BUTTONS----------*/
/* Demo:particletree.com/features/rediscovering-the-button-element */
.container a.button, .container button{ display:inline-block;  float:left;  margin:0 0.583em 0.667em 0;  padding:5px 10px 5px 7px;  /* Links */ border:1px solid #dedede;  border-top:1px solid #eee;  border-left:1px 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}
.container button{ width:auto;  overflow:visible;  padding:4px 10px 3px 7px;  /* IE6 */}
.container button[type]{ padding:4px 10px 4px 7px;  /* Firefox */ line-height:17px;  /* Safari */}
*:first-child+html .container button[type]{ padding:4px 10px 3px 7px;  /* IE7 */}
.container button img, .container a.button img{ margin:0 3px -3px 0 !important;  padding:0;  border:none;  width:16px;  height:16px;  float:none}

/* Standard Buttons */
button:hover, a.button:hover{ background-color:#dff4ff;  border:1px solid #c2e1ef;  color:#369}
a.button:active, button:active{ background-color:#6299c5;  border:1px solid #6299c5;  color:#fff}

/* Custom */
#footer{padding:0 10px; font-size:1.2em; line-height:1.6em}
#footer ul li{margin-left:.85em}
#footer p{text-align:left; margin-left:.85em}
#footer-nav ul{margin:0; clear:both}
#footer-nav ul li{float:left}
.span-4-5{width:301px; float:left; margin-right:9px}
.last{margin-right:0}
.span-first{clear:both}