/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/


/* ##### Common Styles ##### */

body {
  background-color: rgb(243,242,245);
}

/* ##### Header ##### */

#header {
  color: white;
  background-color: rgb(60, 63, 168);
  text-align: right;
  padding: 0px 0em 0px 0px;
  height: 8.5em;
}

#header h1 {
  font-size: 250%;
  font-style: italic;
  padding: 0px 1em 0.2em 0px;
  margin: 0px;
  border: 0px;
  float: none;
  width: 95%;
}

#header p {
  font-weight: bold; 
  padding: 0px 1em 1em 1em;
  margin: 0px;
}

#header a {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

#subHeader {
  font-weight: bold;
  color: white;
  background-color: rgb(30, 33, 68);
  text-align: right;
  margin: 0px;
  padding: 0.3em;
}

#subHeader a {
  color: white;
  text-decoration: none;
  margin: 0px;
  padding: 0.3em;
}

#subHeader a:hover {
  color: rgb(30, 33, 68);
  background-color: white;
}


/* ##### Left Side Bar ##### */

#leftSideBar {
  width: 12.5em;
/*
  float: left;
  clear: left;
*/
  position: absolute;
  height: 8.5em;
  left: 0px;  
  background-color: rgb(243,242,245);
}

.leftSideBarTitle {
  color: black;
  background-color: gray;
  font-weight: bold;
  text-align: center;
  text-indent: 0px;
  margin: 0px;
  padding: 0.3em;  
}

#leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0px;
  padding: 0px;
}

#leftSideBar li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted gray;
}

#leftSideBar a {
  color: rgb(64,64,64);
  text-decoration: none;
}

#leftSideBar a:hover {
  color: white;
  background-color: rgb(100, 93, 198);;
  text-decoration: none;
}

#leftSideBar a.naviLink {
  color: rgb(30, 33, 68);
  background-color: transparent;
  text-decoration: none;
  display: block;
  padding: 0.3em;
  margin: 0px;
}

#leftSideBar a.thisPage {
  color: white;
  background-color: rgb(60, 63, 168);
  text-decoration: none;
  display: block;
  padding: 0.3em;
  margin: 0px;
}

#leftSideBar .sideBarText {
  color: rgb(166,140,83);
  margin: 0.3em 0.3em 0.3em 1em;
  padding: 0px;
}

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

#footer {
  background-color: rgb(230,223,207);
  text-align: right;
  clear: both;
  margin: 0px;
  padding: 0.5em 1em 0.5em 1em;
}

#footer a {
  color: black;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

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

.lastUpdate {
  position: absolute;
  top: 0px;
  left: 5px;
  background-color: transparent;
  color: white;
  font-size: 80%;
  text-indent: 0px;
}

/* ##### Main Copy ##### */

#main {
  color: black;
  background-color: white;
  margin: 0px 0px 0px 12.5em;
  padding: 0.5em 2em 1em 2em;
  border-left: 1px solid rgb(216,210,195);
}

h1 {
  color: rgb(166,140,83);
  padding: 0px 1em 0px 0px;
  margin: 0px;
  float: left;
  width: 60%;
}
h2 {
  color: rgb(166,140,83);
  font-style: italic;
  margin: 1em 0px 0px 0px;
  padding: 0.2em 0px 0px 0px;
  border-top: 1px solid rgb(216,210,195);
  clear: both;
}
h3 {
  margin: 1em 0px 0.5em 0px;
  clear: both;
}
a {
  color: rgb(168,140,83);
}
blockquote {
  font-style: italic;
  margin: 1em;
  padding: 0px 1em 0px 1em;
  border: dashed 1px;
}
pre { 
  border: solid 1px black;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0px 2em 0px 2em;
}
th {
  background-color: rgb(187, 187, 187);
}

p.jaTitle {   
  margin: 0px; 
  padding: 1em 0px 0px 0px;
  text-indent: 0px;
  font-style: italic;
  text-align: right;
}
p.counter { 
  font-size: 90%;
  text-align: right;
  margin: 0px;
  padding: 0px;
}
div.abstract {
  color: rgb(80, 80, 80);
  font-size: 90%;
  margin: 1em;
  padding: 0px 1em 0px 1em;
  border: dashed 1px;
  clear: left;
}
div.monologue { 
  border: solid 1px rgb(100, 100, 100);
  background-color: rgb(240, 240, 240);
}
kbd.key { 
  color: rgb(60, 63, 168);
  background: rgb(230, 230, 230);
  border: outset 1px;
  border-color: black;
  padding: 0.2em;
  font-size: 90%;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-style: normal;
  font-weight: normal;
}

div.picture {
  float: left;
  padding: 0 2em 1em 0.5em;
  clear: left;
}
p.imageCaption {
  font-size: 80%;
  text-indent: 0;
  font-style: italic;
  padding-bottom: 1em;
}
table.trainTimeTable { 
  clear: both;
}



#hns-calender { 
  border: none;
}
#hns-calender th, #hns-calender td { 
  padding: 4px;
  border: none;
  line-height: 100%;
  font-size: 90%;
  background-color: transparent;
}
#hns-displaydays { 
  text-align: right;
  font-size: 90%;
  padding: 4px;
}
#hns-todo li, #hns-link li { 
  padding: 2px 0px 0px 1em;
  margin: 0px;
  border-bottom: none;
}
#hns-calender a {
  font-weight: bold;
  color: rgb(100, 93, 198);
  text-decoration: underline;
}
#hns-calender a:hover {
  color: white;
  background-color: rgb(100, 93, 198);
  text-decoration: underline;
}
#leftSideBar form { 
  margin: 0px 0px 0.5em 1em;
  font-size: 90%;
}

div.hns-titleList { 
  clear: left;
  margin: 1em 1em 1em 2em;
}
div.hns-backto { 
  margin: 1em 1em 1em 2em;
  text-align: right;
}
div.hns-poweredby { 
  text-align: right;
  font-size: 80%;
  font-style: italic;
}
div.hns-section { 
  background-color: rgb(243,242,245);
  border: dashed 1px rgb(196,190,175);
  padding: 0em 0.5em 0em 0.5em;
}
h4.hns-comment { 
  margin: 0px;
  padding: 0px;
  text-align: right;
}
dl.comments { 
  margin: 0.5em 0px 0px 2em;
  padding: 0.5em;
  font-size: 90%;
  color: rgb(70, 70, 70);
  border: dashed 1px rgb(100, 100, 100);
}
dl.comments dt { 
  margin: 0px;
  padding: 0px;
}
dl.comments dd { 
  margin: 0px 0px 0px 1em;
  padding: 0px;
}
dl.comments span.poster { 
  font-weight: normal;
}
dl.comments span.date { 
  font-style: italic;
  font-weight: normal;
}
div.hns-boardlink { 
  font-size: 90%;
  text-align: right;
}
span.hns-sunday { 
  color: red;
}
span.hns-saturday { 
  color: blue;
}