/* sample page for this style
 *
 * <body>
 *  <div class="page">
 *   <div class="heading"><h1>Title of Document</h1></div>
 *   <div class="content"><h2>Subtitle</h2><p>Yo, content here.</p></div>
 *  </div>
 * </body>
 *
 */

* { 
 max-width: 100%; 
 text-align: justify;
}

/* a gray background for everything */
html { 
 background: #cccccc; 
 color: #000000; 
 padding: 1em 8%;
}

/* a "page" appears to be placed on the gray background */
.page { 
 border: 1px solid #666666;
}

/* for the title */
.heading {
 background: #6688aa;
 color: #000000;
 padding: 1.5em;
}

/* plain white, for the content */
.content {
 background: #ffffff;
 color: #000000;
 padding: 1.5em;
}

.content > :first-child {
 margin-top: 0;
}

/* inline so that it can be used inside <div class="heading"> */
h1 { 
 display: inline; 
 font-size: 172%; 
 margin: 0; 
 padding: 0; 
}

h2 { 
 font-size: 144%; 
 margin-top: 1.5em;
}

h3 { 
 font-size: 120%; 
}

img {
 border-style: none;
}

blockquote, pre {
 font-size: 95%;
 margin-left: 4em;
 margin-right: 4em;
}

div.conformance-info {
 margin-top: 1em;
 margin-bottom: 1em;
 text-align: center;
}

.screenshots :link img, .screenshots :visited img {
    border-style: solid;
    border-width: 1px;
}

