/* CSS Document */

/******************************************/
/* everybody                              */
/******************************************/

body
{
  background-color: #FFFFFF;
  font: normal 12px/14px arial, verdana, helvetica, sans-serif;
  text-align: left;
  color: #000000;
}

div, span, table, tr, td, ol, ul, li, img, p
{
  margin: 0px;
  border: none;
  padding: 0px;
}

ul
{
  list-style: none;
}

p
{
  font: normal 16px/22px Georgia, "Times New Roman", Times, serif;
}

a
{
  text-decoration: none;
  color: #047391;
}

a:visited
{
  color: #66CC99;
}

a:hover
{
  color: #CC3333;
}

#main #mainLink,
#books #booksLink,
#comics #comicsLink,
#contactInfo #contactInfoLink,
#fiction #fictionLink,
#journal #journalLink,
#music #musicLink,
#news #newsLink,
#spokenWord #spokenWordLink
{
  color: #000000;
  font-weight: bold;
}

/******************************************/
/* menu                                   */
/******************************************/

.menu
{
  position: absolute;
  top: 64px;
  left: 20px;
  min-width: 670px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px 20px 4px 24px;
}

.menu a
{
  margin: 0px 2px 0px 2px;
}

/******************************************/
/* trailing menu                          */
/******************************************/

.trailingMenuTop
{
  margin-top: 35px;
  margin-bottom: 2px;
  text-align: center;
}

.trailingMenuBottom
{
  height: 36px;
  padding-top: 3px;
  border-top: 1px solid #000000;
  text-align: center;
}

/******************************************/
/* nav top                                */
/******************************************/

.navTop
{
  position: absolute;
  top: 90px;
  left: 20px;
  width: 670px;
  padding: 4px 20px 4px 24px;
}

/******************************************/
/* mainframe                              */
/******************************************/

.mainframe
{
  position: absolute;
  top: 130px;
  left: 20px;
  width: 712px;
}

/******************************************/
/* journal frame                          */
/******************************************/

.journalframe
{
  position: absolute;
}

.journalframe .title
{
  background-color: #CCCCCC;
  padding: 2px 0px 2px 0px;
  text-align: center;
}

.journalframe .date
{
  margin: 40px 0px 4px 0px;
  padding: 3px 0px 3px 0px;
  background-color: #CCCCCC;
  text-align: center;
}

.journalframe .indexDate
{
  margin: 6px 12px 0px 12px;
  padding: 0px 0px 2px 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #999999;
  text-align: center;
}

.journalframe .more
{
  margin: 8px 12px 0px 12px;
  padding: 0px 0px 4px 4px;
  border-bottom: 1px solid #999999;
}

.journalframe .subject
{
  border: none;
  font-weight: bold;
  text-align: center;
}

.journalframe p
{
  margin-top: 11px;
  padding: 0px 12px 0px 12px;
  text-align: justify;
}

/******************************************/
/* book box                               */
/******************************************/

.bookBox
{
  min-height: 160px;
  margin-bottom: 50px;
}

.bookBox img
{
  position: absolute;
  left: 20px;
}


.bookBox .textframe
{
  margin: 2px 10px 0px 143px;
  font-size: 16px;
  line-height: 22px;
}

.bookBox .textframe .tab
{
  margin-left: 60px;
}

/******************************************/
/* main                                   */
/******************************************/

#main
{
  background: url(bannerStormsdreamBlue.png) 52px 2px no-repeat;
}

#main .menu
{
  position: absolute;
  top: 120px;
  left: 20px;
  min-width: 620px;
}

/******************************************/
/* main.journal frame                     */
/******************************************/

#main .journalframe
{
  top: 470px;
  left: 30px;
  width: 576px;
}

/******************************************/
/* main.figures                           */
/******************************************/

#main .figures
{
  position: absolute;
  top: 174px;
  left: 40px;
}

#main #book1
{
  position: absolute;
  top: 0px;
  left: 20px;
}

#main #book2
{
  position: absolute;
  top: 0px;
  left: 149px;
}

#main #book3
{
  position: absolute;
  top: 0px;
  left: 279px;
}

#main #book4
{
  position: absolute;
  top: 0px;
  left: 408px;
}

#main #bookLine
{
  position: absolute;
  top: 186px;
  left: 0px;
  height: 1px;
  width: 537px;
}

#main #support
{
  position: absolute;
  top: 210px;
  left: 56px;
}

/******************************************/
/* main.table                             */
/******************************************/

#main table
{
  margin: 2px 0px 14px 0px;
}

#main td
{
  padding: 1px 0px 1px 0px;
  background-color: #FFFFFF;
  font-weight: normal;
  text-align: left;
}

#main td.date
{
  width: 68px;
  text-align: right;
}

/******************************************/
/* main.news                              */
/******************************************/

#main .news .subject
{
  width: 482px;
  padding-left: 5px;
}

/******************************************/
/* main.podcast                           */
/******************************************/

#main .podcast .subject
{
  width: 380px;
  padding: 0px 5px 0px 5px;
}

#main .podcast .time
{
  width: 92px;
  text-align: right;
}

/******************************************/
/* main.word count                        */
/******************************************/

#main .wordCount .subject
{
  width: 462px;
  padding-left: 14px;
}

#main .wordCount .count
{
  width: 76px;
  padding-right: 4px;
  text-align: right;
}

/******************************************/
/* main.triple                            */
/******************************************/

#main .triple .title
{
  background-color: #CCCCCC;
  text-align: center;
}

#main .triple .subject
{
  width: 190px;
  text-align: center;
}

/******************************************/
/* books                                  */
/******************************************/

#books
{
  background: url(bannerBooks.png) 0px 0px no-repeat;
}

/******************************************/
/* comics                                 */
/******************************************/

#comics
{
  background: url(bannerComics.png) 0px 0px no-repeat;
}

/******************************************/
/* comics.comic img                       */
/******************************************/

#comics .comic
{
  margin-top: 20px;
  margin-left: 30px;
}

/******************************************/
/* comics.table archive                   */
/******************************************/

#comics table
{
  margin: 0px 0px 24px 16px;
  border: 1px solid #708090;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

#comics caption
{
  padding-bottom: 3px;
  font-weight: bold;
}

#comics td
{
  width: 60px;
  border: 1px solid #708090;
  padding: 3px;
}

#comics .empty
{
  background-color: #708090;
}

#comics .episodeTitle
{
  width: 670px;
  margin: 0px 0px 26px 16px;
  border-bottom: 1px solid #708090;
  border-collapse: collapse;
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
}

/******************************************/
/* contact info                           */
/******************************************/

#contactInfo
{
  background: url(bannerContactInfo.png) 0px 0px no-repeat;
}

#contactInfo .mainframe
{
  top: 140px;
  left: 100px;
  width: 400px;
}

#contactInfo p
{
  font-family: arial, verdana, helvetica, sans-serif;
  text-align: center;
}

/******************************************/
/* fiction                                */
/******************************************/

#fiction
{
  background: url(bannerFiction.png) 0px 0px no-repeat;
}

/******************************************/
/* fiction.list                           */
/******************************************/

#fiction ul
{
  margin: 0px 40px 30px 40px;
}

#fiction li
{
  border: 1px solid #708090;
  border-top: none;
  padding: 4px;
  font-size: 16px;
  line-height: 22px;
}

#fiction .title
{
  border: none;
  border-bottom: 1px solid #708090;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

#fiction .first
{
  border-top: 1px solid #708090;
}

/******************************************/
/* fiction.textframe                      */
/******************************************/

#fiction .textframe p
{
  padding: 0px;
}

/******************************************/
/* fiction.story                          */
/******************************************/

#fiction p
{
  padding: 0px 20px 16px 20px;
  text-align: justify;
}

#fiction .storytitle
{
  margin: 0px 10px 4px 10px;
  border-bottom: 1px solid #708090;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

#fiction .storybreak
{
  margin: 0px 20px 16px 20px;
  border-bottom: 1px solid #708090;
  padding: 0px 0px 16px 0px;
}

/******************************************/
/* fiction.chapter                        */
/******************************************/

#fiction .booktitle
{
  margin: 0px 10px 4px 10px;
  padding-bottom: 8px;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  text-align: center;
}

#fiction .chaptertitle
{
  margin: 0px 10px 4px 10px;
  border-bottom: 1px solid #708090;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

#fiction .sectionnumber
{
  padding-bottom: 0px;
  padding-left: 36px;
  font-weight: bold;
  font-style: italic;
}

#fiction .sectiontitle
{
  padding-left: 30px;
  font-weight: bold;
  font-style: italic;
}

#fiction .copyright
{
  margin: 0px;
  padding: 0px 20px 0px 20px;
  font-style: italic;
}

#fiction ul.toc
{
  margin: 10px;
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  padding: 10px 20px 10px 20px;
}

#fiction li.toc
{
  margin: 0px;
  border: none;
  padding: 0px;
}

#fiction .pdf
{
  margin: 0px 10px 10px 10px;
  border-bottom: 1px solid #708090;
  padding: 0px 10px 10px 10px;
  font-style: italic;
}

/******************************************/
/* fiction.poem                           */
/******************************************/

#fiction .poemtext
{
  padding-left: 100px;
}

/******************************************/
/* journal                                */
/******************************************/

#journal
{
  background: url(bannerJournal.png) 0px 0px no-repeat;
}

/******************************************/
/* journal.journalframe                   */
/******************************************/

#journal .journalframe
{
  top: 120px;
  left: 20px;
  width: 712px;
}

#journal .journalframe .title
{
  margin-top: 40px;
}

/******************************************/
/* journal.table                          */
/******************************************/

#journal table
{
  border-collapse: collapse;
}

#journal caption
{
  background-color: #CCCCCC;
  margin-bottom: 6px;
  padding: 1px 0px 1px 0px;
}

#journal td
{
  width: 56px;
  border: 1px solid #000000;
  padding: 2px;
  border-collapse: collapse;
  text-align: center;
}

#journal .year
{
  font-weight: bold;
}

#journal .empty
{
  border-color: #000000;
  background-color: #708090;
  color: #FFFFFF;
}

/******************************************/
/* music                                  */
/******************************************/

#music
{
  background: url(bannerMusic.png) 0px 0px no-repeat;
}

#music table
{
  margin: 0px 0px 30px 39px;
  border: 1px solid #708090;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 22px;
}

#music table caption
{
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
}

#music td
{
  width: 75px;
  padding: 3px;
  border: 1px solid #708090;
  text-align: center;
}

#music .title
{
  width: 365px;
  padding-left: 6px;
  text-align: left;
}

#music .time
{
  width: 135px;
  padding-right: 6px;
  text-align: right;
}

/******************************************/
/* news                                   */
/******************************************/

#news
{
  background: url(bannerNews.png) 0px 0px no-repeat;
}

/******************************************/
/* news.journalframe                      */
/******************************************/

#news .journalframe
{
  top: 130px;
  left: 20px;
  width: 712px;
}

#news .journalframe .date
{
  margin-top: 24px;
}

/******************************************/
/* spoken word                            */
/******************************************/

#spokenWord
{
  background: url(bannerSpokenWord.png) 0px 0px no-repeat;
}

#spokenWord .storytitle
{
  margin: 0px 96px 20px 62px;
  border-bottom: 1px solid #708090;
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

#spokenWord table
{
  margin: 0px 0px 40px 39px;
  border: 1px solid #708090;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 22px;
}

#spokenWord table caption
{
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
}

#spokenWord td
{
  width: 75px;
  padding: 3px;
  border: 1px solid #708090;
  text-align: center;
}

#spokenWord .audiobooks
{
  width: 596px;
  text-align: left;
}

#spokenWord .title
{
  width: 365px;
  padding-left: 6px;
  text-align: left;
}

#spokenWord .time
{
  width: 135px;
  padding-right: 6px;
  text-align: right;
}

#spokenWord .time2
{
  width: 218px;
  padding-right: 6px;
  text-align: right;
}

/******************************************/
/* support                                */
/******************************************/

#support
{
  background: url(bannerSupport.png) 0px 0px no-repeat;
}

/******************************************/
/* support.figures                        */
/******************************************/

#support .figures
{
  position: absolute;
  top: 130px;
  left: 60px;
}

#support #book1
{
  position: absolute;
  top: 0px;
  left: 20px;
}

#support #book2
{
  position: absolute;
  top: 0px;
  left: 158px;
}

#support #book3
{
  position: absolute;
  top: 0px;
  left: 298px;
}

#support #book4
{
  position: absolute;
  top: 0px;
  left: 437px;
}

/******************************************/
/* support.mainframe                      */
/******************************************/

#support .mainframe
{
  position: absolute;
  top: 330px;
  left: 60px;
  width: 576px;
  text-align: justify;
}

#support .mainframe p
{
  margin-bottom: 18px;
}

#support .mainframe img
{
  float: left;
  padding: 11px 10px 0px 4px;
}