/* -------------------------------------------------------------- 
   
   * default typography
  
-------------------------------------------------------------- */

/* Font size definition: the line-heights and vertical margins 
   are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px) */

html {background:#fff;}
body {
  font-size: 75%;
  color: #222;
	background:#fff;
  font-family: 'helvetica neue', 'helvetica-neue', helvetica, arial, sans-serif;
}

html > body {font-size:12px;}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4 {
  font-weight: normal;
  color: #222;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

/*h1 {font-size: 2.2em;line-height:1; margin-bottom:.5em;}*/
/*h2 {font-size: 1.8em;line-height:1.3;margin-bottom:0.3em;line-height:1.2em;}*/
/*h3 {font-size: 1.5em;line-height:1;margin-bottom:0.5em;}*/

h1 {font-size:3em; line-height:1; margin-bottom:0.1em;}
h2 {font-size:1.8em; line-height:1.1; margin-bottom:0.75em;}
h3 {font-size:1.4em; line-height:0.95; margin:0 0 0.7em;}
h4 {font-size:1.2em; font-weight:bold; line-height:1.25; margin-bottom:0.5em;}
h5 {font-size:1em; font-weight:bold;}
h6 {font-size:1em; font-style:italic;}

h4 + h5 {margin-top:-0.2em;}

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

p, object     { margin:0 0 0.8em; }
p + h3, ul + h3, ol + h3, dt + h3 { margin-top: 1.2em; }
div img       { margin:0 0 0.8em; padding:0; }
th img, td img, p img, li img, dt img,
dd img        { margin:0; padding:0; vertical-align: text-bottom;}
td ul         { margin-bottom: 0; }
img.right	    { float:right; margin:0 0 0.8em 0.8em; }
img.left      { float:left; margin:0 0.8em 0.8em 0; }
img.center    { display:block; margin:0 auto 0.8em; }
.tright       { text-align: right; }
.inline       { display:inline; }

a:focus,
a:hover       { color:#1096D5;}
a             { color:#0174A7; text-decoration:underline;}

h3 a, h4 a {color:inherit;}
h3 a {text-decoration:none;}

blockquote    { margin:1.5em; /*color:#666; font-style:italic; */}
/*blockquote p  { font-size: 1em;line-height:1.5em; margin-left:3em;color:#666;}
blockquote > p:first-of-type:before {content:'“';font-family:times,serif;color:#ccc;font-size:5.5em;display:block;float: left;margin:.3em .1em -.3em -.6em;}
blockquote > p:first-of-type:after {content:'”';font-family:times,serif;color:#ccc;font-size:5.5em;vertical-align:-.5em;margin:0 0 -.3em .1em;line-height:0;}
blockquote p cite {color:#000;display:block;text-align:right;}*/
/*blockquote > p:first-of-type {margin-bottom: 0;}*/

strong        { font-weight:bold; }
em,dfn        { font-style:italic; }
dfn           { font-weight:bold; }
sup,sub       { line-height:0; }
address       { margin:0 0 1.5em; font-style:italic; }
del           { color:#666; }

pre           { max-width:100%; 
                overflow:auto; 
                padding:8px; 
                background:#efefef;
                border: 1px solid #ddd;
                margin:1.5em 0;
                line-height:1.5;
                }
pre, code, samp, tt,
kbd, .code    { 
                font-family: 'lucida console', 'dejavu sans mono', 'bitstream vera sans mono', consolas, 'andale mono', monaco, fixed, monospace;
              }
pre code, * code { font-size:100%; }
kbd           { 
                color: #000;
                background-color:#ddd;
                outline: 1px solid #bbb;
                border: 1px solid #bbb;
                border-top-color: #fff;
                border-left-color: #fff;
                min-width:1em;
              }
li ul,li ol   { margin:0 0 0 1.3em; }
ul            { margin:0 0 0.8em 1.3em;list-style-type:disc; }
ol            { margin:0 0 0.8em 2.2em;list-style-type:decimal; }
dl            { margin:0 0 0.8em 0; }
dl dt         { font-weight:bold; }
dd            { margin-left:1.5em; }
cite          { margin-bottom:1em; }

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

table          { margin-bottom:1.4em; width:100%; border-collapse:collapse; }
th             { font-weight:bold; background-color:#f0f0f0; }
th,td          { border:1px solid #dddddd; padding:.33em .67em; vertical-align: top; }
tr.even td     { background-color:#f7f7f7; }
tr.even th	   { background-color:#e8e8e8; }
tfoot          { font-style:italic; }
caption        { background-color:#eee; }
/* Use this if you use span-x classes on th/td. */
table .last    { padding-right: 0; }
table.collapse { border:0;padding:0;width:auto;margin:1.4em auto; }
table.collapse td,
table.collapse th { border:none;padding:0; }

/* Generic styles
-------------------------------------------------------------- */

.small,.minor,
#footer       { font-size:0.9em; line-height:1.58em; }
.large,.intro { font-size:1.2em; margin-bottom:1.5em; }
.introduction { font-size:1.2em; font-weight:normal; line-height:1.3em; margin-top:0.3em; margin-bottom:1em; }
.path-menu    { background-color: #eee; padding:0 .3em 0 .3em; }
.center		  { text-align:center }

/*.hide-handheld,*/
.hide         { display:none; }
.quiet, #footer, .secondary{ color:#666; }
.loud         { color:#000; }
.highlight    { background:#ff0; }

.added        { background:#060; color:#fff; }
.removed      { background:#900; color:#fff; }
.first        { margin-left:0; padding-left:0; }
.last         { margin-right:0; padding-right:0; }
.top          { margin-top:0; padding-top:0; }
.bottom       { margin-bottom:0; padding-bottom:0; }

.red          { color: #C80000; }
.green        { color: #008200; }