/* @override http://www.cie-kmk.org/dev/themes/theme_kmk/blueprint/src/typography.css */

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body {
 font-size : 75%;
 color : #222;
 font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
}

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

h1,h2,h3,h4,h5,h6 {
 font-weight : normal;
 color : #111;
}

h1 {
 font-size : 3em;
 line-height : 1;
 margin-bottom : 0.5em;
}

h2 {
 font-size : 2em;
 margin-bottom : 0.75em;
}

h3 {
 font-size : 24px;
 line-height : 36px;
 margin-bottom : 18px;
}

h4 {
 font-size : 1.2em;
 line-height : 1.25;
 margin-bottom : 1.25em;
}

h5 {
 font-size : 1em;
 font-weight : bold;
 margin-bottom : 1.5em;
}

h6 {
 font-size : 1em;
 font-weight : bold;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
 margin : 0;
}

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

p {
 margin : 0 0 18px;
}

p img.left {
 float : left;
 margin : 1.5em 1.5em 1.5em 0;
 padding : 0;
}

p img.right {
 float : right;
 margin : 1.5em 0 1.5em 1.5em;
}

a:focus, 
a:hover {
 color : #000;
}

a {
 color : #009;
 text-decoration : underline;
}

blockquote {
 margin : 1.5em;
 color : #666;
 font-style : italic;
}

strong {
 font-weight : bold;
}

em,dfn {
 font-style : italic;
}

dfn {
 font-weight : bold;
}

sup, sub {
 line-height : 0;
}

abbr, 
acronym {
 border-bottom : 1px dotted #666;
}

address {
 margin : 0 0 1.5em;
 font-style : italic;
}

del {
 color : #666;
}

pre {
 margin : 1.5em 0;
 white-space : pre;
}

pre,code,tt {
 font : 1em 'andale mono', 'lucida console', monospace;
 line-height : 1.5;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol {
 margin : 0 1.5em;
}

ul, ol {
 margin : 0 1.5em 1.5em 1.5em;
}

ul {
 list-style-type : disc;
}

ol {
 list-style-type : decimal;
}

dl {
 margin : 0 0 1.5em 0;
}

dl dt {
 font-weight : bold;
}

dd {
 margin-left : 1.5em;
}

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

table {
 margin-bottom : 1.4em;
 width : 100%;
}

th {
 font-weight : bold;
}

thead th {
 background : #c3d9ff;
}

th,td,caption {
 padding : 4px 10px 4px 5px;
}

tr.even td {
 background : #e5ecf9;
}

tfoot {
 font-style : italic;
}

caption {
 background : #eee;
}

/* Misc classes
-------------------------------------------------------------- */

.small {
 font-size : .8em;
 margin-bottom : 1.875em;
 line-height : 1.875em;
}

.large {
 font-size : 1.2em;
 line-height : 2.5em;
 margin-bottom : 1.25em;
}

.hide {
 display : none;
}

.quiet {
 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;
}