/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
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: "" "";
}

.bold{ font-weight:bold }

/* -------------------------------------------------------------- 
    
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
   The default font size is 12px. The baseline is set to 
   18px. When you're setting heights of elements, always 
   remember to use a multiple of the baseline (18,36,54..).
   
   The height of images shoud also be a multiple of 18.
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 16px; /* Baseline here at 150%. This is set multiple places. */ color:#333333; }


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

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  margin: 0; 
  padding: 9px 0;
  color:#111; 
  clear:both; 
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { font-size: 36px; line-height: 36px; padding: 18px 0; }
h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 10px; font-weight:bold; }


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

p           { margin: 0 5px 10px; line-height:22px; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 10px 10px 10px 0; padding:0; }
p img.top   { margin-top: 3px; } /* Use this if the image is at the top of the <p>. */
p img.right { margin-left: 10px; margin-right: 0; }
ul, ol      { margin: 4px 0 0 12px; list-style-type:disc; }
li          { line-height:18px; }
ol          { list-style-type: decimal; }
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; outline: none; }
a:hover     { color: #333; text-decoration: none; }

blockquote  { margin: 18px 0 18px 23px; font-size: 11px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }


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

table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


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

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
   <span class="amp">&amp;</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */


/* -------------------------------------------------------------- 
	Positioning of header, columns and footer
	Employs
		* Source ordered columns
		* Footer stick alt
		* Full height body
-------------------------------------------------------------- */

/* Footer-Stick-Alt */
#footer { clear:both; height:60px; margin-top:-60px; }
/* Not for Mac IE5 \
html, body, form, #wrapper { height:100%; }
#nonfooter { min-height:100%; overflow: hidden; }
	* html #nonfooter { word-wrap:break-word; }
#footer { float:left; position:relative; z-index:20; width:100%; }
*/


/* helper classes */
.column { float: left; overflow: hidden; width: 50%; }
* html .column { float: left; overflow: hidden; width: 50%; word-wrap:break-word; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.text-right { text-align: right; }
.inline { display: inline; }
.block { display: block; }
.clear { clear: both; height: 0px; }
.nowrap { white-space: nowrap; }
.hidden { display: none;}
.quarter { width: 25% !important; }
.third { width: 33.33% !important; }
.half { width: 50% !important; }
.full { width: 100% !important; }
.threequarters { width: 75% !important; }
.twothirds { width: 66.66% !important; }
.clear { clear: both; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }  
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}

div.leadin { margin-left: 0px !important; }
div.last { margin-right: 0px !important; }

img.intro { float: left; margin: 5px 10px 10px 0; padding:0; }

ul.nav li { display: inline; list-style-type:none; margin: 0px; padding: 0px 5px; width: 150px; white-space: break; }
ul.nav li.leadin {  }

a img{ border:0;}