/* -*- HTML -*- 
 * Cascading Style Sheet for my homepage
 */
/* link */
A {
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
/* flash */
.flash {
  clear: both;
}
/* header */
DIV.header {
  width: 100%;
  border: solid #C00000;
  background: #800000;
  color: yellow;
}
DIV.narrowHeader {
  width: 80%;
  border: solid #C00000;
  background: #800000;
  color: yellow;
}
DIV.sheader {
  width: 99%;
  border: solid #C00000;
  background: #800000;
  color: yellow;
  font: italic;
}
/* link */
DIV.header SPAN.link {
  color: orange;
  display: inline;
  font-variant: small-caps;
  font-size: 120%;
}
/* mailto */
DIV.header SPAN.mailto {
  color: yellow;
}
/* link */
DIV.header A {
  color: #FF8000;
  text-decoration: none;
}
DIV.header A:active {
  color: magenta;
}
DIV.header A:visited {
  color: #FF8000;
}
DIV.header A:hover {
  color: yellow;
  text-decoration: underline;
  font-weight: bold;
}
DIV.header SPAN.title {
  color: orange;
  font-weight: bold;
  font-size: 150%;
  font-style: normal;
  margin: 1pt 1pt 1pt 1pt;
}
DIV.narrowHeader SPAN.title {
  color: orange;
  font-weight: bold;
  font-size: 150%;
  font-style: normal;
  margin: 1pt 1pt 1pt 1pt;
}
DIV.sheader SPAN.title {
  color: orange;
  font-weight: bold;
  font-size: 150%;
  font-style: normal;
  margin: 1pt 1pt 1pt 1pt;
}
/* left floating box */
DIV.left {
  border: ridge red;
  padding: 2pt 2pt;
  width: auto;
  float: left;
  position: relative;
}
/* right floating box */
DIV.right {
  border: ridge red;
  padding: 2pt 2pt;
  width: auto;
  float: right;
  position: relative;
}
DIV.rbox {
  border: ridge PaleVioletRed;
  width: auto;
  float: right;
  position: relative;
}
/* simple box */
DIV.box {
  width: 100%;
  border: ridge red;
  clear: both;
  position: relative;
}
/* simple box with small font */
DIV.smallBox {
  width: 100%;
  border: 0 none;
  clear: both;
  position: relative;
  background: LemonChiffon;
  color: DarkBlue;
  font-size: 70%;
}
/* for Google */
DIV.google {
  width: 100%;
  background: white;
  border: ridge red;
  clear: both;
  text-align: center;
}
/* right */
SPAN.right {
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-style: italic;
  color: red;
  padding: 0 0 0 2pt;
}
#right {
  text-align: right;
}
#left {
  text-align: left;
}
/* notice S */
.notice-s {
  text-weight: bold;
  font-size: 80%;
  color: #800040;
  text-decoration: none;
}
/* notice */
.notice {
  text-weight: bold;
  font-size: 100%;
  color: #800040;
  text-decoration: none;
}
/* caution */
DIV.caution {
  width: 100%;
  clear: both;
  font-weight: bold;
  font-size: 120%;
  background: black;
  color: yellow;
  border: ridge silver;
  text-align: center;
}
/* name */
SPAN.name {
  color: orange;
  font-variant: small-caps;
  font-size: 120%;
  float: right;
}
/* index */
SPAN.index {
  margin: 1pt 1pt
}
/* topics */
DL.topics {
  padding: 0 2% 0 5%;
}
DL.topics > DT {
  color: #800000;
  font-weight: bold;
}
DL.topics > DD {
}
/* UL with ball */
UL.ball {
}
UL.ball > LI {
  list-style: outside url(images/ball8-trans.gif);
}
UL.square {
}
UL.square > LI {
  list-style: outside url(images/cube8-trans.gif);
}
/* table */
TABLE.soft {
  width: 100%;
  background: ivory;
  margin: 2pt 0pt;
}
TABLE.soft TH {
  color: blue;
  text-align: left;
  font-weight: bold;
  font-size: 120%;
  background: LemonChiffon;
  width: 30%;
}
TABLE.soft TH IMG {
  border: 0 none;
  vertical-align: middle;
  margin: 1pt 1pt
}
TABLE.soft TD {
  color: PaleVioletRed;
  text-align: left;
  font-size: 84%;
}
TABLE.soft TD.comment {
  background: OldLace;
  colspan: 5;
}
TABLE.soft TD.ver {
  font-size: 77%;
  width: 30%;
}
TABLE.soft TD.category {
  text-align: center;
  color: DarkGreen;
  width: 10%;
}
TABLE.soft TD.type {
  text-align: center;
  color: DarkBlue;
  wdith: 10%;
}
TABLE.soft TD.date {
  text-align: center;
  color: black;
  width: 15%;
}
TABLE.soft TD.size {
  text-align: center;
  color: black;
}
TABLE.soft TD.review {
  width: 60px;
}
/* em */
.em {
  color: DarkViolet;
  font-weight: bold;
/*  text-decoration: underline;*/
}
/* small-caps */
.sc {
  font-variant: small-caps;
}
/* special first letter */
.caps:first-letter {
  font-size: 200%;
  font-weight: bold;
  float: left;
  color: #800000;
  margin: 0 0 0 1%;
  padding: 0 0 0 1%;
}
.headline {
  font-size: 120%;
  font-weight: bold;
  color: yellow;
  background: DarkRed;
  text-align: center;
}
.dateIndex {
  font-size: 90%;
  font-weight: bold;
  color: DarkBlue;
  background: LemonChiffon;
}
.large {
  font-size: 200%;
  font-weight: bold;
  color: #800080;
}
.strong {
  font-size: 150%;
  font-weight: bold;
  color: #FF8000;
}
/* indent */
.indent {
  padding: 0 0 0 5%;
}
/* verb */
.verb {
  font: monospase;
  white-space: pre;
}
/* center */
.center {
  text-align: center;
}
.large {
  font-size: 200%;
}
DIV.stamp {
  color: darkred;
  border: solid darkred;
}
/* photo frame */
DIV.photo {
  border: ridge orange;
  padding: 0
  width: auto;
  float: left;
  background: black;
  color: orange;
  text-align: center;
  font-size: 70%;
  position: relative;
}
DIV.photo IMG {
  border: 0 none;
}
DIV.photo-r {
  border: ridge orange;
  padding: 0
  width: auto;
  float: right;
  background: black;
  color: orange;
  text-align: center;
  font-size: 70%;
  position: relative;
}
DIV.photo-r IMG {
  border: 0 none;
}
DIV.np {
  text-align: center;
  color: yellow;
  font: Large bold;
  margin: 1pt 3pt 1pt 1pt;
}
/* navigation */
DIV.navigation {
  border: ridge DarkBlue;
  padding: 0
  width: 20%;
  float: right;
  background: LightCyan;
  color: DarkBlue;
  text-align: left;
  font-size: 100%;
  position: relative;
}
DIV.navigation UL.square {
  text-indent: none;
  padding-left: 0;
  margin-left: 1.5em;
  margin-top: 5pt;
  margin-bottom: 5pt;
}
DIV.navigation UL.square > LI {
  list-style: outside url(images/cube8-trans.gif);
}
DIV.navigation DIV.url {
  background: Cyan;
  color: DarkBlue;
  padding-left: 5pt;
}
DIV.navigation A:active {
  color: Blue;
}
DIV.navigation A:visited {
  color: DarkBlue;
}
DIV.navigation A:hover {
  color: DarkViolet;
  text-decoration: underline;
  font-weight: bold;
}
DIV.navigation DIV.head {
  font-weight: bold;
  color: Red;
  margine: 0 1pt;
  font-size: 90%;
}
DIV.news {
  background: LemonChiffon;
  font-size: 100%;
  clear: left;
}
DIV.news DIV.date {
  margin-top: 5pt;
  font-weight: bold;
  color: DarkRed;
  background: PaleVioletRed;
  font-size: 90%;
}
DIV.news DIV.page {
  font-weigt: bold;
  color: DarkBlue;
  background: LightCyan;
  font-size: 90%;
}
DIV.news DIV.page DIV {
  background: LemonChiffon;
  color: Black;
  font-size: 114%;
  text-indent: 2em;
}
DIV.news DIV.page UL {
  background: LemonChiffon;
  color: Black;
  font-size: 114%;
}
DIV.news DIV.page A:active {
  color: Blue;
}
DIV.news DIV.page A:visited {
  color: Blue;
}
DIV.news DIV.page A:hover {
  color: DarkViolet;
  text-decoration: underline;
  font-weight: bold;
}
DIV.news DIV.headline {
  color: DarkRed;
  background: LightCyan;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  padding-left: 5pt;
  /* margin-top: 5pt; */
}
DIV.news DIV.quote {
  color: Red;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}
/* console */
DIV.console {
  background: Black;
  font-family: monospace;
  border: ridge gray;
  font-size: 80%;
  color: gray;
  width: auto;
/*
  float: left;
  position: relative;
  clear: both;
*/
}
.verb {
  font-family: monospace;
  color: Black;
}
/* body */
BODY {
  color: black;
  background: #faebd7
}
/* End of CSS */