/* style-all.css
 */

html, body {
  background:     #ffc; color: #330; margin: 0; padding: 0; width: 100%;
  counter-reset:  aq;
  }

h1 {
  margin-bottom: 0;
  }

hr {
  background: black;
  color:      blue;
  width:      80%;
  }

p     { margin-left: 1em; margin-right: 2em; }

dt {
  font-style:       italic;
  }

table {
  width:            80%;
  margin:           auto;
  border-collapse:  collapse; 
  border:           solid 2px blue;
  background:       white;
  color:            black;
  }
  td {
    border:           1px solid black;
    padding:          0 0.5em 0 0.5em;
    }

li {
  padding-right: 3em;
  }

#header { text-align: center;   }
#content{ text-align: left;   }
#footer { text-align: center; }

/* "Activity Question" */
.aq {
  background-color: #cfc;
  color:            #303;
  }
.aq:after {
  counter-increment:  aq;
  content:            " " counter(aq) ": ";
  }

.author {
  font-style: italic;
  text-align: center;
  padding:    0; margin: 0;
  }

.whitebox {
  background:     white;
  color:          black;
  border:         solid thin blue;
  width:          90%;
  margin-left:    auto;
  margin-right:   auto;
  padding:        2em;
  }

.page_quote {
  font-size:        0.9em;
  font-style:       italic;
  text-align:       right;
  padding-right:    1em;
  }

.underline {
  text-decoration: underline;
  }

.functionName {
	font-style:     oblique;
	}

.variableName {
  font-family:    monospace;
  font-size:      1.1em;
  }

.keyword {
  font-family:    monospace;
  font-weight:    bold;
  }

.filename, .fileName, .programName {
  font-family:    monospace;
  font-style:     italic;
  font-size:      1.1em;
  }

.codeSnippet {
  font-size:        1.1em;
  font-family:      monospace;
  color:            #070;
  border:           1px solid red;
  }

.codeblock, .codeBlock {
	font-size:        1.1em;
  font-family:      monospace;
  white-space:      pre;
  background-color: white;
  color:            black;
  border:           1px solid red;
	}

.inlineList {
	display: inline;
	}

.level1outline {
  list-style-type:  decimal;
  }

.level2outline {
  list-style-type:  lower-alpha;
  }

.tech-term {
  text-decoration:  none;
  background-color: #cfc;
  color:            #705;
  font-style:       italic;
  }