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

body, 
ul, ol, li, dl, 
p, 
td, th,
h1, h2, h3, h4, h5, h6,
caption, pre, blockquote, 
input, textarea {
	font-family: helvetica, arial;
	color: #666;
}

h1, h2, h3, h4, h5, h6	{ 
	font-family: helvetica;
	color: #225588;
}

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

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		    { color: #999; text-decoration: underline; }
.meta a:hover   { color: #36c; }



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

a 			{ text-decoration: none; color: #36c; }
a:link		{}
a:visited	{ color: #7af; }
a:hover 	{ text-decoration: underline; }
a:focus 	{ text-decoration: underline; }
a:active 	{}



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

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

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

p           { margin: 0 0 18px 0; }

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

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

img			{ border: 0; }




/*=============================================
	Palette
 =============================================*/

h1, h2, h3, h4, h5, h6 {
	color: #225588;
}