body 
{
  /* background: #e0f0f0; */
  background: url("paper.jpg");
  margin-top: 10px;
  font-family: Jamrul, Likhan, sans-serif;
}

div.headergroup
{
  text-align: right;
  font-family: Georgia, serif;
  font-size: 85%;
/*   border-bottom: medium solid #cc2211; */
}
div.headergroup p { display: inline; }
div.headergroup a { color: rgb(100, 31, 31); }


div.information 
{
  text-align: left;
  font-family: Georgia, serif;
  font-size: 85%;
  color: brown;
  position: absolute;
}





h1, h2
{
  text-align: center;
  color: brown;
}





div.navigation 
{
  position: absolute;   /* IE hack (see below) */
  width: 30%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 10px;
  padding-bottom: 10px;
/*  float: left; */
}

div.navigation a 
{
  text-decoration: none;
  color: inherit;
}

div.feedback 
{
  width: 65%;
  padding-left: 35%;
  float: right;
  display: none;
}

div.feedback textarea 
{
  width: 100%;
  background: inherit;
}


ul 
{
  list-style: none;
  display: inline; 
  padding: 0;
}


p.topic, p.content, p.htopic, p.hcontent 
{
  border-color: #aa5533;
  margin: 0em;
  padding-top: .3em;
  padding-bottom: .3em;
  width: 100%;
  /* border-style: inset none inset none; */
}

p.topic 
{
  /*     background: #888A90; */
  background: #ccccaa;
  text-indent: 1em;
  border-width: 2px;
  border-style: ridge;
  cursor: pointer;
}
p.htopic 
{
  background: #ffffaa;
  text-indent: .5em;
  border-style: outset;
  border-width: 2px;
  padding-top: .8em;
  padding-bottom: .8em;
  /* border-color: #ccccaa; */
}


p.content 
{
  /* color: #aa5533; */
  color: #883311;
  /* background: #AAB8BB; */
  text-indent: 1em;
  /* border-width: 0px; */
  border-style: none;
  cursor: pointer;
}

p.hcontent 
{
/*  background: #eeddee; */
  background: gold;
  text-indent: 1em;
/*  border-style: inset; */
  border-style: none;
}

p.topic:hover, p.content:hover 
{
  background: #aa5533;
  border-color: #990000;
  color: gold;
}

div.loadingInvisible, div.loadingVisible
{ 
  font-weight: bold;
  text-indent: 1em; 
  color: white;
  /* position: absolute; */
  position: fixed;
  top: 10px;
  right: 10px;
}

div.loadingVisible p
{ 
  /* display: block; */
  background: red; 
  padding: 0.5em;
}

div.loadingInvisible p
{ 
  display: none; 
}






/* style for content */


p.dontshow { display: none; }

div.content
{
/*  background: white; */

  position: absolute;  /* IE hack (see above) */

  width: 68%;
  margin-left: 32%;
  padding: 0;
  padding-top: 10px;
}

p.torb 
{
  display: none;
}

div.info 
{
  width: 96%;
  /* background: brown; */
  /* background: #883311; */
  background: transparent;
  color: #212121;
  /* color: gold; */
  padding: 0;
  text-align: center;
  border-bottom: medium solid #cc2211;

}


span.title
{
  /* color: yellow; */
  color: brown;
  font-size: 120%;
  padding-left: 0.9em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

span.book
{
  padding-left: 0.2em;
  padding-right: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

span.author
{
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

div.contentBody
{
  padding-left: 2em;
  width: 80%;
}


span.extrainfo
{
  padding-left: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}


div.date
{
  padding-left: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

/* p.poetry  */
/* { */
/*   white-space: pre; */
/* } */

pre.poetry
{ 
  font-family: Jamrul, Likhan, sans-serif;
  font-size: 100%;
}