/*=============================================
	Typography
 =============================================*/

body {
	font-family: Helvetica, Arial, sans-serif;	
}

body, 
ul, ol, li, dl, 
p, 
td, th,
h1, h2, h3, h4, h5, h6,
caption, pre, blockquote, 
input, textarea {
	font-family: Helvetica, Arial, sans-serif;
	color: #246;
}

h1, h2, h3, h4, h5, h6	{ 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 18px;
	color: #357;
}

h4 {
	margin-bottom: 9px;
}

h4, h5, h6	{ 
	letter-spacing: 0;
}


small		    { margin: 0; padding: 0; }
legend		    { font-weight: bold; }
strong 		    { font-weight: bold; }
em			    { font-style: italic;}

.light		    { color: #aaa; }

.meta		    { color: #999; }
.meta a		    { text-decoration: underline; }



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

a 			{ text-decoration: none; color: #357; }
a:link		{  }
a:visited	{ color: #357; }
a:hover 	{ color: #024; }
a:focus 	{ color: #024; }
a:active 	{}


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

ol {
	list-style: decimal;
}

ul.bulletted {
	list-style: disc;
}

ul.bulletted li,
ol li {
	margin-left: 1.5em;	
}


/*=============================================
	Typography grid
 =============================================*/

body, dl, p, td, th,
h1, h2, h3, h4, h5, h6,
caption, pre, blockquote, input, textarea, small {
	font-size: 12px;
	line-height: 18px;
}

h1	{
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 18px;
}

h2 			{ font-size: 24px; line-height: 36px; }
h3			{ font-size: 18px; }
h4 			{ font-size: 14px; }
h5 			{ font-size: 12px; }
h6 			{ font-size: 10px; }

p           { margin: 0 0 18px 0; line-height: 18px; font-size: 13px; }

ul, ol      { margin: 0 0 18px 0; }
li          { line-height: 18px; }

table		{ margin-bottom: 18px; }
td			{ line-height: 18px; }

img			{ border: 0; }