/* html elements */
h1{
 float:center;
 color: navy;
 display:block;
}

summary{
 font-weight: bold;
 height:2em;
}

.statisticsCell{
 display: table-cell;
 width: 20%;
}

.statisticsRow{
 display: table-row;
 width: 100%;
}

/* class attribute */
.statisticsTable{
 display: table;
 width: 100%;
}

.tablist {
  list-style:none;
  height:3em;
  padding:10;
  margin:0;
  border: none; 
}
.tablist li {
  float:left;
  margin-right:0.13em;  
}

.tablist li a {
 display:block;
 padding:0 1em;
 text-decoration:none;
 border:0.16em solid #000;
 border-bottom:0;
 font: 0.88em/2em arial,geneva,helvetica,sans-serif;
 margin: 0;
 color:#000;
 background-color: #acf;
  /* CSS 3 elements */
 webkit-border-top-right-radius:0.50em;
 -webkit-border-top-left-radius:0.50em;
 -moz-border-radius-topright:0.50em;
 -moz-border-radius-topleft:0.50em;
 border-top-right-radius:0.50em;
 border-top-left-radius:0.50em; 
}  

.tablist li a:hover { background: #36c; color:#fff; text-decoration:none; }
.tablist li#current a { background-color: navy; color: #fff; } 
.tablist li#current a:hover { background: blue; }

/* id attribute */
#chapterInfo
{
 width: 25%;
 float: right;
 background-color: #acf;
}

#chapterMap
{
 float: right;
  border: 1px solid navy;
  margin: 5px;
}

#centerDiv { width: 100%; }

#contentDiv
{
 width: 74%;
 float: left;
}

#contentDiv, #chapterInfo, #chapterMap, #chapterStatistics, #chapterNavigation
{
 xborder: 1px solid red;
 xpadding: 15px;
 xmargin: 15px;
}

#mainMenu
{
 width: 100%;
 display: table-row;
}

#nextChapter{ float: right; }
#previousChapter{ float: left; }

#storyTitle {
 width: 100%;
 display: table-row; 
}

#topDiv
{
 display:table;
 width: 100%;
 background: aliceblue;
 border: 5px solid navy;
}