/* ------------------------BASICS------------------------ */
 html{
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, Sans, sans-serif;
	}
 
 body{ margin: 1em; }
 
 /* Links */
 a{
	color: #000;
	text-decoration: underline;
	}
 
  /* Headers */
 h1, h2, h3, h4, h5, h6{ margin-bottom: .5em; }
 
 h1{ 
	font-size: xx-large; 
	font-weight: bold;
	}
 
 h2{ 
	font-size: x-large; 
	font-weight: bold;
	}
 
 h3{ 
	font-size: large; 
	}
 
 h4{ 
	font-size: normal;
	font-weight: bold;
	}
 
 h5{
	font-size: small;
	text-transform: uppercase;
	}
 
 h6{
	font-size: small;
	text-transform: uppercase; 
	}
 
 /* Paragraphs */
 p{
	line-height: 125%;
	margin-bottom: 1em;
	}
 
 p.quiet{
	font-size: small;
	font-style: italic;
	}
 
 p.loud{
	font-weight: bold;
	}
 
 /* Lists */
 ul{
 	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 1em;
	}
 
 ol{
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 1em;	
	}
 
 li{
	font-size: small;
	padding: .25em;
	}
 
 li.last{ border-bottom: none; }
 
 ul li{}
 
 ol li{}
 
 /* Typography */
 strong{ font-weight: bold; }
 em{ font-style: italic; }
 
 /* Forms */
 form{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
	padding: .5em;
	}
 
 fieldset{ padding-bottom: 1em; }
 
 label{
	display: block;
	font-size: x-small;
	padding-bottom: .25em;
	}
 
 input.text, input.password{
	border: none;
	border-bottom: 1px solid #000;
	font-family: Arial, Helvetica, Sans, sans-serif;
	padding: .25em;
	width: 50%;
	}
 
 input.button, input.submit{ 
	background: #fff;
	border: 1px solid #000;
	font-family: Arial, Helvetica, Sans, sans-serif;	
	padding: .25em;
	}
 
 textarea{
	border: 1px solid #000;
	font-family: Arial, Helvetica, Sans, sans-serif;
	padding: .25em;
	width: 50%; 
	}
 
 
 /* Tables */
 table{
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
	padding: .25em;
	}
 
 tr{
	padding: .25em 0;
	}
 
 th{
	font-weight: bold;
	padding: 0 .5em;
	}
 
 td{
	padding: 0 .5em;
	}
 
 tr.last{}
 
 /* ------------------------UTILITY CLASSES------------------------ */
 .left{ float: left; }
 .right{ float: right; }
 .clear{ clear: both; }
 
 /* ------------------------LAYOUT------------------------ */
 
 
 /* ------------------------HEADER------------------------ */
 #header{
	padding: 0 0 2em 0;
	}
 
 /* ------------------------MAIN CONTENT------------------------ */
 #content{}
 
 /* ------------------------FOOTER------------------------ */
 #footer{
	font-size: x-small;
	padding: 2em 0;
	text-align: center;
	}