/***
wfui typography.css 1.0 (2010-02-17)
Copyright (c) 2010 webfactory.de
Creative Commons Attribution-Share Alike 3.0 License
***/


/* basics */

body {
	font-family: arial, helvetica, sans-serif;
	background: white;
	color: black;
}

h4, h5, h6 {
	font-weight: bold;
}

b, strong, caption, th, thead, dt, legend {
	font-weight: bold;
}

cite, dfn, em, i, blockquote {
	font-style: italic;
}

code, kbd, samp, pre, tt, var {
	font-family: mono-space, monospace;
}

p {
	hyphenate: auto;
	hyphenate-lines: 3;
}

pre {
	white-space: pre;
}

del	{
	text-decoration: line-through;
}

mark {
	background: rgb(255,255,0);
	background: rgba(255, 255, 0, 0.4);
	padding: 0 .25em;
}

ins {
	color: #f00;
}

small, sup, sub {
	font-size: 0.8em;
}

big	{
	font-size: 1.25em;
	line-height: 0.8;
}

abbr, acronym {
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

abbr[title], acronym[title], dfn[title] {
	border-bottom: 1px dotted black;
	cursor: help;
}

sup, sub {
	line-height: 0;
}

sup	{
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

hr {
	border: none;
	background: #ddd;
	width: 100%;
}

ul, ol {
	list-style-position: outside;
}

ul.bulleted {
	list-style-type: disc;
}

ol.numbered {
	list-style-type: decimal;
}

ul ul, li ul, ol ol, li ol {
	margin-left: 1.5741em;
}

dd {
	text-indent: 1em;
	margin-bottom: 0.7857em;
}

input, select, button, .button, .link, .clickable {
	cursor: pointer;
}

table {
	font: inherit;
	width: 100%;
}


/* baseline grid (based on multiples of 11px with 22px used for copy) */

body {
	font-size: 87.5%;			/* 14px */
	line-height: 1.5714;		/* 22px */
	color: #333;
}

h1 {
	font-size: 2.5714em;		/* 36px */
	line-height: 1.2222;		/* 44px */
	margin-bottom: 0.6111em;	/* 22px */
}

h2 {
	font-size: 1.7143em;		/* 24px */
	line-height: 1.375;			/* 33px */
	margin-top: 1.375em;		/* 33px */
	margin-bottom: 0.4583em;
}

h1 + h2 {
	margin-top: 0;
}

h3 {
	font-size: 1.2857em;		/* 18px */
	line-height: 1.2222;		/* 22px */
	margin-bottom: 0.6111em;	/* 11px */
	margin-top: 1.8333em;		/* 33px */
}

/* The basic stylesheet makes no assumptions about h4-h6
except for them being bold. Individual styling on project
level is rquired. */


p, pre, address, ul, ol, dl, dialog, table, form {
	margin-bottom: 1.5714em;	/* 22px */
}

abbr, code, kbd,
samp, small, var {
	line-height: 0.8333em;
}

form, legend, label	{
	font-size: 1em;
	line-height: 1.5714;
}

input, textarea	{
	font-size: 1em;
}

table {
	font-size: 1em;
}

caption	{
	font-size: 0.857em;			/* 12px */
	line-height: 1.8333; 		/* 22px */
	position: relative;
}

blockquote {
	padding: 1.5714em;			/* 22px */
}

hr {
	position: relative;
	height: 4px;
	margin: 1.5714em 0 1.2857em 0;   /* 22px 0 18px 0 */
}