/***************************************************************
 * TITLE: Common Stylesheet for Blue Haze                      * 
 * URI  : http://www.oswd.org/design/xxx/bluehaze/bluehaze.css *
 * MODIF: 2003-01-05 1608 +0800                                *
 ***************************************************************/


/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
  margin-right: 5mm;
}



/* ---------- Body elements ---------- */

body {
  background-image: url("wwwpages.png");
  background-repeat: no-repeat;
  background-color: #ffffff;  /* white */
  color: black; /* #708090;    /* grey-ish */
  font-family: helvetica, verdana, tahoma, arial, sans-serif;
  font-size: 90%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#bodyText { text-align: justify;
      line-height: 1.5em; 
      margin: 1mm 65mm 0 65mm; 
      padding: 0 1em 1ex 1em; 
      background-color: #ffffff;
}

p.blogTopic {  font-weight: bold;
      color: #92b3e5;
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 1px solid blue;}

p.blogDateTime { display: run-in;
      font-size:75% } 

p.blogText { font-weight: normal }


/* ---------- Header elements ---------- */

#header {   height: 9.8em;
      margin-bottom: 5mm;
      margin-top: 0mm;
      padding: 0 2.5mm 0 5mm;
}

.headerTitle { font-size: 200%;
      font-weight: bold;
      line-height: 2em;
      text-align: left;
}

p.intro {   font-style: italic }

h1, h2, h3 {   font-family: verdana, "trebuchet ms", tahoma, sans-serif }

h1 {     font-weight: bold;
      font-size: 150%;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 0.5ex; 
      color: #92b3e5;
}

h2 {     font-weight: bold;
      font-size: 120%;
      padding-bottom: -0.5ex;
      color: #92b3e5;
}     


img {
  border: none;
}


acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 90%;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1.5em;
}



#bodyText a {
  /* color: #708090; */
  color: black;
  text-decoration: none;
  border-bottom-color: #ffd700;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#bodyText a:visited {
   border-bottom-style: dotted;
        border-bottom-color: 99ff99;
}

#bodyText a:hover {
   border-bottom-style: solid;
   border-bottom-color: #ff0000;
}


#bodyText .topOfPage {
   font-size: 90%;
   font-variant: small-Caps;
   text-decoration: none;
   border: 0 0 1px 0;
   padding-left: 1ex;
   padding-right: 1ex;
   float: right;
}

.smallCaps {
  font-variant: small-caps;
}

.menuBar {
  float: right;
}

.locBar {
  float: right;
}

.menuBar *, .locBar * {
   text-decoration: none;
        background-color: red; /*#ffff99;*/
   border-left: solid 1px #708090;
   font-size: 90%;
   font-weight: bold;
   padding-left: 1ex;
   padding-right: 1ex;
}

.menuBar a {
   background-color: #fcf9f2;

   color: #708090;
}

.menuBar a:link {
   border-bottom-style: none;
} 

.menuBar a:visited {
} 

.menuBar a:hover {
   background-color: #ffff99;
} 



.locBar a {
   border-left: solid 1px #708090;
   background-color: #fcf9f2;
   color: #708090;
   border-bottom-color: #ffd700;
}

.locBar a:link {
   border-bottom-style: none;
}

.locBar a:visited {
}

.locBar a:hover {
   border-bottom: solid 1px #ff0000;
   border-left: solid 1px #ff0000;
}


/* ###### Side Box ###### */
.sideBoxL {  border-top: 2px solid #92b3e5;
      border-right: 1px solid #e6ecf2;
      border-bottom: 2px solid #e6ecf2;
      border-left: 1px solid #e6ecf2;
      width: 15em;
      margin-top: 5mm;
}

.sideBoxL div {
   background-color: #e6ecf2; 
   font-weight: bold;
   border-bottom: 2px solid #e6ecf2;
   padding: 0.5ex 0.5em 0.5ex 0.75em;
}

.sideBoxL span {
   color: #708090; 
   text-decoration: none;
   line-height: 1em;
   display: block;
   padding: 1.25ex 0.5em 1.25ex 0.75em; 
}

.sideBoxL a {
   text-decoration: none;
   color: #708090;
   /* padding: 1.25ex 0.5em 1.25ex 0.75em;*/
}

.sideBoxL .furlListMain { background-color: #fcf9f2 }
.sideBoxL .furlListMain TR { font-size: 75% }
.sideBoxL a:link { }
.sideBoxL a:visited { }
.sideBoxL a:hover {
   background-color: #92b3e5;
}

.sideBox {  border-top: 2px solid #92b3e5;
      border-right: 1px solid #e6ecf2;
      border-bottom: 2px solid #e6ecf2;
      border-left: 1px solid #e6ecf2;
      width: 15em;
      margin-top: 5mm;
}

.sideBox div {
   background-color: #e6ecf2; 
   font-weight: bold;
   border-bottom: 2px solid #e6ecf2;
   padding: 0.5ex 0.5em 0.5ex 0.75em;
}

.sideBox a,  .sideBox span {
   color: #708090; -->
   text-decoration: none;
   line-height: 1em;
   display: block;
   padding: 1.25ex 0.5em 1.25ex 0.75em; 
}

.sideBox thispage {
   color: #92b3e5; 
   font-weight: bold;
   text-decoration: none;
   line-height: 1em;
   display: block;
   padding: 1.25ex 0.5em 1.25ex 0.75em; 
}

.sideBox strikeout {
  color: #cccccc; 
   text-decoration: none;
   line-height: 1em;
   display: block;
   padding: 1.25ex 0.5em 1.25ex 0.75em; 
}

.sideBox a:link { }
.sideBox a:visited { }
.sideBox a:hover {
   background-color: #92b3e5;
}

.sideBox .thisPage {
  font-weight: bold;
}
 
q:lang(en) { quotes: } 

/* ###### Footer ###### */

#footer {
  padding-top: 0.75ex;
  padding-bottom: 0.75ex;
  font-size: 70%;
  text-align: right;
  clear: left;
}

#footer div {
  font-size: 85%;
  line-height: 1.25em;
  text-align: right;
  padding-right: 3mm;
}

#footer a:hover {
  text-decoration: none;
}

.footerLHS {
  float: left;
  clear: left;
  padding-left: 3mm;
}

#menu {     width: 430px;
      padding: 12px 0 12px 12px;
      border-top: 2px solid #92b3e5; /*E6ECF2;*/
      border-right: 1px solid #e6ecf2;
      border-bottom: 2px solid #e6ecf2;
      border-left: 1px solid #e6ecf2;
      margin: 21px 0 0 auto;
      background-color: #fbfcfd;
      text-align: left;
      font-size: 10px;
      float: right;
}

#menu a:link, 
#menu a:visited { color: #23292D; 
      background-color: transparent;
      text-decoration: none;
}

#menu a:active, 
#menu a:hover {   /* color: #153D5B;*/
      background-color: #92b3e5;
      text-decoration: none;
}

#menu span {   background-color: #fafafa; 
      display: none; 
}

#menu br {  line-height: 18px; }
#menu p {   margin: 0; 
      padding: 0; 
}
#menu i {   float: left;
      width: 13em;
      padding-left: 1px;
      display: block;
      color: blue;
      text-align: left;
      text-decoration: none;
      font-style: normal;
      z-index: 50;
}

li {     padding-bottom: 2em;
      line-height: 1.2em;
}

q { quotes: '' '' '' ''; }

q:before { content: open-quote; }

q:after { content: close-quote; }

.booktitle {
   font-style: italic;
} 

.articletitle:before { content: "“" }
.articletitle { font-style: italic; }
.articletitle:after { content: "”" }