@charset "utf-8";


html {
    background-color: #eeeeee;
}

body {
    margin: 0 auto;
    padding: 2em;
    max-width: 800px;
    font-family: "Verdana", sans-serif;
    font-size: 10pt;
    line-height: 1.5em;
    color: #333333;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

h1, h2, h3, h4, h5, h6 {
	color: #666666;
	font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
    line-height: 1.3em;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
}

pre {font-size: 9.8pt;}
p {text-align: justify;}
figure { text-align: center; }
figcaption { text-transform: none; }
img { max-width: 90%; }

/*<code>function(<var>a</var>, <var>b</var>)</code> -> function(<a>, <b>)*/
code>var::before {
	content: "<";
}
code>var::after {
	content: ">";
}
/*The says the W3C's mission is <q cite="http://www.w3.org/Consortium/">To lead the...</q> -> The says the W3C's mission is "To lead the..."*/
q::before, q::after {
	content: '"';
}


body { counter-reset: h1; }
h1   { counter-reset: h2; }
h2   { counter-reset: h3; }
h3   { counter-reset: h4; }
h4   { counter-reset: h5; }
h5   { counter-reset: h6; }

h1::before {
	counter-increment: h1;
	content: counter(h1) ". ";
}
h2::before {
	counter-increment: h2;
	content: counter(h1) "." counter(h2) ". ";
}
h3::before {
	counter-increment: h3;
	content: counter(h1) "." counter(h2) "." counter(h3) ". ";
}
h4::before {
	counter-increment: h4;
	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
}
h5::before {
	counter-increment: h5;
	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
}
h6::before {
	counter-increment: h6;
	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
}

h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
	opacity: 0.5;
	font-size: 0.9em;
	font-weight: bolder;
}