/* Typography (i.e., font sizes) based on thenoodleincident tutorials - http://www.thenoodleincident.com/tutorials/typography/ */

/* Basic Design Decisions:

	- Use body font-size to adjust font size. Everything else is laid out
	  using ems.
	- 76% appears to be the smallest size suitable for cross-browser
	  design. But it looks good, so what the hey.

*/

body {
	color: #000;
	background: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	}
	
/* Typography */

h1 { 
     font-size: 1.0em;
     font-weight: normal;
     margin-top: 0em;
     margin-bottom: 0em;
     }

h2 { 
     font-size: 1.7em;
     margin: 0em;
     font-weight: normal;
     }

h3 {
     font-size: 1.4em;
     margin: 0.6em 0em 0.6em 0em;
     font-weight: normal;
     }

h4 {
     font-size: 1.2em;
     margin: 1.2em 0em 1.2em 0em;
     font-weight: bold;
     }

h5 {
     font-size: 1.0em;
     margin: 1.2em 0em 1.2em 0em;
     font-weight: bold;
     }

h6 {
     font-size: 0.8em;
     margin: 1.2em 0em 1.2em 0em;
     font-weight: bold;
     }

ol, ul, li {
     font-size: 1.0em;
     line-height: 1.8em;
     margin-top: 0.2em;
     margin-bottom: 0.1em;
     }

p {
	color: #005;
     font-size: 0.9em;
     line-height: 1.4em;
     margin: 0em;
     margin-top: 1em;
     margin-bottom: 1em;
     }

li > p {
     margin-top: 0.2em;
     }

pre, tt, code {
    font-family: monospace;
    font-size: 1em;
}

strong, b {
     font-weight: bold;
     }

a:link {
	font-weight: normal;
	text-decoration: none;
	color: #44a;
	background-color: transparent;
}

a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #060;
	background-color: transparent;
}

a:hover, a:active {
	text-decoration: underline;
	color: #f00;
	background-color: transparent;
}