/* --------------------------------------------------------------

	typography.css
	* Sets up some sensible default typography

-------------------------------------------------------------- */

body {
	color: #39383e;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	}
#container      { font-size: 1.2em; }

.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: "\0020";
	}
.clear { clear: both; }


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

h1 { margin-bottom: 13px; color: #202020; font-size: 40px; }
#index h1 { margin-bottom: 8px; }

h2 { margin-bottom: 11px; color: #73ad1a; font-size: 16px; }
#index h2 { color: #202020; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1em; }


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

a           { color: #39383e; text-decoration: underline; }
a:hover,
a:focus,
a:active    { color: #2a2a2a; }

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    { font-style: italic; }
del        { color: #666; }

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


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

table      { width: 100%; }
th         { font-weight: bold; }
th,
td,
caption    { padding: 4px 10px 4px 5px; }
tfoot      { font-style: italic; }
tr.even td { background: #e5ecf9; }
caption    { background: #eee; }


/* =Margins
-------------------------------------------------------------- */

p,
dl,
pre,
blockquote,
address,
table      { margin-bottom: 2em; }


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

/* creates small caps */
.caps {
	padding: 0 2px;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	}

.show      { display: block; }
.hide      { display: none; }
.visible   { visibility: visible; }
.invisible { visibility: hidden; }

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

.quiet     { color: #666; }
.loud      { color: #000; }
.highlight { background: #ff0; }
.added     { background: #060; color: #fff; }
.removed   { background: #900; color: #fff; }

.top       { margin-top: 0; padding-top: 0; }
.bottom    { margin-bottom: 0; padding-bottom: 0; }
.first     { margin-left: 0; padding-left: 0; }
.last      { margin-right: 0; padding-right: 0; }

.floatl    { float: left; }
.floatr    { float: right; }
.left      { float: left; margin: 0 8px 0 0; padding: 0; }
.right     { float: right; margin: 0 0 0 8px; padding: 0; }

.center     { text-align: center; }

.align-right { text-align: right; }

.u { text-decoration: underline; }