/* 	------------------------------------------------------------
	CSS Reset 
	September 19, 2007
	Version: 0.1
	
	Original Docs @ http://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;
	empty-cells: show;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 
	---------------------------------------------------
	Type.css
	September 19, 2007
	Version: 0.1
	---------------------------------------------------
 */

/* -------------------------------------------------------------- 
   
   Typography.css
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
  
   Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]   
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

body { 
  font-size: 12px;
  line-height: 18px; /* All elements should be a multiple of this value. */
}

/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family:  arial, verdana, sans-serif; }
body      { font-family:  arial, verdana, sans-serif; } 
pre       { font-family:  arial, verdana, sans-serif; } 
code {}

/* Headings
-------------------------------------------------------------- */

h3,h4,h5,h6 { 
  color:#870000; 
  clear:both; 
}
h1, h2 { color: #0052a5; clear: both; }

/*h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }*/
h1 { font-size: 25px; line-height:36px; padding:0 0 8px 0; }
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:36px; }
h4 { font-size: 14px; font-weight:normal; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px 0; text-align:left; }
p.last      { margin-bottom:0; }
/*p img       { float: left; margin:18px 18px 18px 0; padding:0; }*/
p img.right       { float: right; margin:18px 0 18px 18px; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a           { color: #0052a5; text-decoration: underline; }
a:link 		{ color: #0052a5; }
a:visited 	{ color: #0052a5; }
a:hover     { color: #0052a5; }
a:active 	{ color: #0052a5; }
a:focus		{outline: 1px dotted #ddd; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
.italic     { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
*/

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
}

.bold { font-weight: bolder; }
.nobold { font-weight: normal; }
.red { color:  #cc0033; }
.hide, .hidden { visibility: hidden; display: none; }
.zero { margin: 0; padding: 0; }
.nobottom { margin-bottom: 0; }
.halfbottom { margin-bottom: 9px; }
.bottom {margin-bottom: 18px; }
.notop { margin-top: 0; }
.floatlft { float: left; }
