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

	typography.css
	* Sets up some sensible default typography

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

body {
	background: #fff;
	color: #4a4a4a;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	}
#container      { font-size: 1.2em;}

.clearfix       { display: inline-block; }
.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
	}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix        { display: block; z-index:1;position:relative; }
/* End hide from IE-mac */

.clear           { clear: both; }


/* =Links
-------------------------------------------------------------- */

a { text-decoration: none; }
p a,
form a { color: #45a8fa; text-decoration: underline; }


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

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

.content-half h2,
.download-tweeii h2 { margin: 1em 0; font-size: 12px; }
h3          { margin: 0 0 .57em; font-size: 1.5em; }
h4          { margin: 0 0 .615em; font-size: 1.3em; }
h5          { margin: 0 0 .67em; font-size: 1.2em; }
h6          { margin: 0 0 .8em; font-size: 1em; }


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

strong      { font-weight: bold; }
em          { font-style: italic; }
dfn         { font-weight: bold; }


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

li ul,
li ol       { margin: 0; }

ol ol,
ol ul,
ul ol,
ul ul       { margin-left: 2em; }


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

p           { padding-bottom: 1.6em; }


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

.show       { display: block; }
.hide       { display: none; }

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

.floatr     { float: right; }
.floatl     { float: left; }

/* float for images */
.left       { float: left; margin: 0 8px 0 0; padding: 0; }
.right      { float: right; margin: 0 0 0 8px; }