/** Customize the look of the site. **/

@import url("reset.css");

@font-face {
	font-family: "Puritan 2.0";
	src: url("/_fonts/Puritan2.otf") format("TrueType");
	font-weight:  400;
	font-style:   regular;
	font-variant: normal;
	font-stretch: normal;
}

body { background: #fff; color: #000; font: normal normal normal .9em verdana,arial,sans-serif; }

a:link, a:visited
	{ color: #000; text-decoration: none; border-bottom: 2px solid #000; }
a:hover, a:active
	{ color: #909; border-bottom: 3px solid #909; }

h1 { color: #333; font: normal normal normal 4.0em "Puritan 2.0",tahoma,arial,sans-serif; text-align: center; }
h2 { color: #333; font: normal normal normal 3.0em "Puritan 2.0",tahoma,arial,sans-serif; }
h3 { color: #333; font: normal normal normal 2.0em "Puritan 2.0",tahoma,arial,sans-serif; margin-top: 30px; }

p { margin-bottom: 16px; line-height: 1.5; }

#header { }
	#header h1 a:link, #header h1 a:visited
		{ color: #333; }
	#header h1 a:hover, #header h1 a:active
		{ color: #909; }

#content { width: 80%; margin: 20px auto; padding: 4px 0; border-bottom: 4px solid #CCC; -moz-border-radius: 1em; -webkit-border-radius: 1em; }

#content ul, #content ol
	{ margin: 0 0 12px 20px; }
#content ul { list-style: circle inside none; }
#content ol { list-style: decimal-leading-zero inside none; }
#content li { padding-bottom: 8px; }
#content ul li ul { margin: 8px 0 0px 20px; }

.section { width: 46%; display: inline-block; padding-right: 2%; }

#footer { clear: both; width: 50%; background: #CCC; margin: 20px auto 0; padding: 1em; text-align: center; border: 4px solid #333; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
	#footer p { margin-bottom: 0; }