/*
  noritan.css
  CSS file for noritan's WEB pages.
*/
html, body {
  /*
    The default background is set to "lightgray"
  */
  color: #2C3B4E;
  background: #EEEEEE;
}
body {
  /*
    Both sides are left as margin.
  */
  margin: auto 2em;
}
h1 {
  /*
    The title line is expected to be describe as
    a level-1 header. 
  */
  margin: 2em;
  border-style: solid;
  border-width: 1pt 1em 1pt 1em;
  border-color: #9FCC66;
  padding: 0.5em 2em; 
  text-align: center;
}
h2,h3,h4,h5,h6 {
  /*
    all other level headers have same taste.
  */
  border-style: solid;
  border-width: 0pt 0pt 1pt 1em;
  border-color: #FF6633;
  padding: 0pt 1em;
  page-break-after: avoid;
}
h2,h3 {
  /*
    2nd and 3rd level header have wide margin.
  */
  margin: 2em 0 1em 0;
}
h4,h5,h6 {
  /*
    4th, 5th and 6th level header have narrow margin.
  */
  margin: 0.5em auto;
}
p {
  /*
    General purpose PARAGRAPH.
  */
  margin: 0.5em 0 0.5em 0;
}
p.abstract {
  /*
    An abstract block is described in "abstract" class.
  */
  margin: 1.5em 6em 1.5em 6em;
}
p.trailer {
  /*
    COPYRIGHT mark at the last line.
  */
  text-align: right;
}
pre {
  /*
    Pre-formatted PARAGRAPH.
  */
  margin: 0.5em auto 0.5em auto;
  border: dashed medium #0C99CC;
  padding: 0.5em;
  font-size: larger;
  overflow: auto;
}
div {
  /*
    "div" tags are used for indentations.
    0.5em indent is added.
  */
  margin: 0.5em 0 0.5em 1em;
}
div.adgenda {
  /*
    Reserved for adgenda.
  */
}
div.center {
  /*
    Aligned contents to center.
  */
  text-align:center;
}
div.center img {
  /*
    Image in a center-aligned div.
  */
  display: inline;
}
div.column {
  /*
    An column block is described in "column" class.
  */
  margin: 1.5em 2em 1.5em 2em;
  border: dashed medium #0C99CC;
  padding: 0.5em;
}
div.trailer {
  /*
    COPYRIGHT mark at the last line.
  */
  text-align: right;
}
div.figure640, div.photo640 {
  /*
    640 width image description.
  */
  margin: 1em auto;
  border: outset 2pt #2C3B4E;
  background: #FFCC00;
  color: #2C3B4E;
  padding: 1em;
  width: 640px;
}
div.figure480, div.photo480 {
  /*
    480 width image description.
  */
  margin: 1em auto;
  border: outset 2pt #2C3B4E;
  background: #FFCC00;
  color: #2C3B4E;
  padding: 0.5em;
  width: 480px;
}
div.figure400, div.photo400 {
  /*
    400 width image description.
  */
  margin: 1em auto;
  border: outset 2pt #2C3B4E;
  background: #FFCC00;
  color: #2C3B4E;
  padding: 0.5em;
  width: 400px;
}
img.figure, img.photo {
  /*
    General purpose image figure.
  */
  margin: 1em auto;
  border: outset 2pt #2C3B4E;
  background: #FFCC00;
  color: #2C3B4E;
  padding: 0.5em;
  display: block;
}
img.screen {
  /*
    General purpose image figure.
  */
  margin: 1em auto;
  border: none 4pt #2C3B4E;
  background: #FFCC00;
  color: #2C3B4E;
  display: block;
}

ul,ol,dl {
  /*
    Lists are indented 2em.
  */
  margin: 0 0 0 2em;
}
li {
  /*
    List items have 1.5em line spacing.
  */
  margin: 1.5em auto 1.5em auto;
}
li p {
  /*
    Paragraphs in the list items are now
    same as generic paragraphs.
  */
}
dt {
  /*
    Definition terms are emphasized in BOLD font.
    The bottom margin is small to put the description close.
  */
  font-weight: bold;
  margin: 2em auto 0.5em auto;
}
dd {
  /*
    Definition description is put close to the term
    by setting top margin small.
  */
  margin: 0.5em auto 2em 2em;
}
dd p {
  /*
    Paragraphs in the description are now
    same as generic paragraphs.
  */
}
table {
  /*
    Top margin of the table is too small
    because a caption is assumed to be added.
  */
  margin: 0.5em auto 2em auto;
  border: outset 1pt #2C3B4E;
  border-collapse: separate;
  border-spacing: 0pt;
}
table.noborder {
  border: none;
}
caption {
  /*
    A caption is emphasized in BOLD/underlined font.
  */
  margin: 2em auto 0.5em auto;
  font-weight: bold;
  text-decoration: underline;
}
th,td {
  /*
    More padding is added to table cells.
  */
  border: inset 1pt #2C3B4E;
  padding: 0.3em 0.5em;
}
table.noborder th, table.noborder td {
  border: none;
}
td.c {
  /*
    Centerized cell.
  */
  text-align: center;
}
blockquote {
  /*
    Block-quote is used to add some intentional comments.
  */
  margin: 1em 6em 1em 6em;
  border: groove thick #2C3B4E;
  padding: 0.5em;
  color: #2C3B4E;
  background: #80CCE6;
}