* {
   margin: 0;
   padding: 0;
}

body {
   width: 50em;
   padding-right: 15em;
   padding-left: 7em;
   margin: auto;

   background-color: #fff;
   color: #555;
   
   font-family: Verdana, Arial, serif;
   font-size: 12px;
   line-height: 1.5em;
}

.section {
   padding-left: 4em;
}

.header {
   position: relative;
   border-bottom: 4px solid #444;
   margin-bottom: 2em;
   margin-left: -4em;
}

.header h2 {
   font-family: "Trebuchet MS", Verdana, Arial, serif;

   font-weight: bold;
   color: #722;
   font-size: 220%;
   line-height: 1.5em;
}

.header a.numbering {
   font-variant: small-caps;
   position: absolute;
   top: 0;
   right: 0;
   font-size: 180%;
   line-height: 3em;
}

.header a.numbering:link,
.header a.numbering:visited,
.header a.numbering:hover,
.header a.numbering:active {
   color: #44C;
   text-decoration: none;
}

.header span {
   position: relative;
   top: -0.7em;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 120%;
}

.section h3 {
   margin-left: -3em;
   margin-bottom: 1em;
   text-indent: 0.3em;
   line-height: 1.2em;
   font-weight: bold;
   font-size: 130%;
   color: #371;
   background-color: #ddd;
   border-left: 1.5em solid #eee;
   width: 30%;
}

.section p, .section ul {
   margin-bottom: 1em;
   text-align: justify;
}

.section em {
   font-style: normal;
   font-variant: small-caps;
   font-weight: bold;
   color: #000;
}