body {margin: 0}
p {margin-left: 2em; margin-right: 2em;}
p.ecode {font-family: monospace; padding-left: 3em; padding-right: 3em; color: #993333; border: 1px solid #E2E2E2;}
.console {font-family: monospace; color: #3300CC;}
h3 {color: #214EF3; margin-left: 0.5em;}
h3 .console {color: #214EF3; font-family: monospace;}
a.nav, a.nav:active, a.nav:visited, a.nav:hover {color: #4070C2;};
.note {margin-left: 4em; color: #666666;}
.note .console {color: 6666AA;}
.know {margin-left: 5em; margin-right: 2em; background-color: #E8F0FF; border: 1px solid #FFFFFF;}
.know h3 {color: #214EF3; margin-left: 1em;}
.know p {margin-left: 2em; margin-right: 2em;}
.lirics {margin-left: 5em; margin-right: 2em;  background-color: #FAFFE8; border: 1px solid #FFFFFF;}
.lirics p {color: #666666; margin-left: 2em; margin-right: 2em;}
.lirics h3 {color: #214EF3; margin-left: 1em;}

p.example {font: 0.8em monospace; padding-left: 3em; padding-right: 3em; color: #993333; border: 1px solid #E2E2E2;}
p.example {font-size: "1em"; font-family: monospace;}
p+.example {font-size: 1em;}
p.example {font: 0.8em;}

.hx {color: #214EF3; font-weight: bold; display: inline;}

ul
{
	list-style: none;
	margin: 0.5em 0 0 2em;
	padding: 0;
}
ul li
{
	margin-bottom: 0.7em;
}