/* -------------------------------------------------------------- 
   
   Typography.css
   * Sets some default typography.
  
-------------------------------------------------------------- */   

body {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.5; /* Unitless for proper inheritance */
}
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */


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

h1,h2,h3,h4,h5,h6 { 
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  color:#666666; 
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #4d4d4d;
}
h3 {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  padding: 2px 0px 11px 0px;
  border-bottom: 1px solid #eee;
  margin-bottom: 11px;
}
/***
h2 { font-size: 2em; }
h4 { font-size: 1.2em; line-height:1; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
***/

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

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

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

a           { color: #4c4c4c; text-decoration: none; font-weight: bold; outline: none; }
a:hover     { color: #69b521; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #EEE; 
  color: #EEE;
  clear: both; 
  float: none; 
  height: 1px;
  margin-bottom: 7px;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


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

table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }


/* Forms
-------------------------------------------------------------- */

label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }


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

p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* Small text
-------------------------------------------------------------- */

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}