/* css for Old Religion: Weird tales. It begins with general css rules for the pages of chapters and ends with specific rules for the Old Religion-specific index page*/


body   {
      font-family: Constantia, Georgia, serif;
	  width: 1060px;  
}
body p {
      font-family: Calibri, Georgia, serif;
      
}
#aMainChapter  {
      font-style: normal;
	  font-weight: 400;
      font-size: 13pt;
      line-height: 1.2;
      color: black;
      background-color: white;
      width: 700px;
      margin: 0;
      padding: 0;
}
#outerContainer  {
   margin: 0;
   padding: 0;
   width: 1060px;
   font-style: normal;
   font-weight: 400;
   font-size: 12pt;
   line-height: 1.2;
   color: black;
   background-color: white;
}
img   {
      border: none;
}
#topWrapper  {
      margin: 75px 140px 0 40px;
      padding: 0;

}
#topNav {
      margin: 0 0 0 0;
      padding: 0 0 0 0; 	  
}
#bookNav  {
     text-align: left;
     margin: 0;
	 padding: 5px 0 20px 0;
}
#aMainChapter #topNav h1 {
      text-align: left;
      font-size: 19pt;
	  line-height: 20pt;
	  color: rgb(77,93,48);
	  margin: 20px 0 0 0;
	  padding: 5px;	  
}
span.subMainTitle {
      text-align: left;
      display: block;
      font-size: 13pt;
	  line-height: 20pt;
	  color: rgb(77,93,48);
	  margin: 0;
	  padding: 0;	  
}

#aMainChapter #topNav a:link {
      color: purple;
}
#aMainChapter #topNav a:visited {
      color: purple;
}
#aMainChapter #topNav a:hover { 
	  color: blue;
	  font-weight: 700;
}
#aMainChapter #topNav a:active {
      color: red;
}
#aMainChapter #movingTable {
	  margin: 80px 10px 40px 160px;
	  background-color: white;
	  float: left;
	  width: 280px;
}

#aMainChapter #movingTable div.starling {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 200px;
	  height: 240px;
	  background-color: orange;
	  background-image: url(../production_images/pngs/transparent_starling.png);
	  background-position: top left;
	  background-repeat: no-repeat;
}
#aMainChapter #movingTable div.swan {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 250px;
	  height: 250px;
	  background-color: black;
	  background-image: url(../production_images/pngs/transparent_swan.png);
	  background-position: top left;
	  background-repeat: no-repeat;
}
#aMainChapter #movingTable div.duck {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 250px;
	  height: 250px;
	  background-color: orange;
	  background-image: url(../production_images/pngs/transparent_duck.png);
	  background-position: top left;
	  background-repeat: no-repeat;
}
#aMainChapter #movingTable div.dove {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 250px;
	  height: 250px;
	  background-color: rgb(50,50,100);
	  background-image: url(../production_images/pngs/transparent_dove.png);
	  background-position: top left;
	  background-repeat: no-repeat;
}
#aMainChapter #movingTable div.heron {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 250px;
	  height: 250px;
	  background-color: black;
	  background-image: url(../production_images/pngs/transparent_heron.png);
	  background-position: top left;
	  background-repeat: no-repeat;
}
#aMainChapter #movingTable div.blackbird {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 250px;
	  height: 250px;
	  background-color: black;
	  background-image: url(../production_images/pngs/transparent_blackbird.png);
	  background-position: top left;
	  background-repeat: no-repeat;
} 
#aMainChapter #mainContent p {
      font-size: 11pt;
	  text-align: left;
	  margin-top: 0;
      margin-bottom: 12px;
      line-height: 1.25;
      margin-left: 20px;
}
#aMainChapter h2  {
      text-align: left;
	  color: rgb(113,141,127);
      font-size: 220px;
      margin: 0;
      padding: 0;
      line-height: 230px;
}
#aMainChapter h3  {
      text-align: left;
	  color: rgb(77,93,48);
      font-size: 25px;
      margin: 0;
      padding: 15px 0 0 0;
}
#aMainChapter h4  {
      text-align: center;
	  margin-top: 50px;
	  margin-bottom: 40px;
	  color: rgb(127,128,84);
}
#aMainChapter h5  {
      position: relative;
	  top: 0;
      text-align: left;
	  color: rgb(127,128,84);
}
#aMainChapter #mainContent h4.sunlit  {
      text-align: center;
	  margin: 40px 0 50px 0;
	  color: rgb(127,128,84);
}
#aMainChapter #mainContent h4.gloomy  {
      text-align: center;
	  margin: 40px 0 50px 0;
	  color: rgb(127,128,84);
}
#aMainChapter #mainContent {
     margin: 0 10% 60px 5%;
     font-size: 12pt;
     color: black;
     font-weight: normal;
	 padding: 20px;
	 clear: left;
	 width: 700px;
} 
#aMainChapter #mainContent h4 {
     text-align: center;
	 color: rgb(150,150,150);
}
.dagger  {
     font-weight: 700;
     color: red;
	 background-color: rgb(240,240,150);
}
#aMainChapter #mainContent p.finalSectionPara  {
     margin-bottom: 80px;
}
#aMainChapter #mainContent p.poetryQuote  {
     font-size: 12pt;
	 font-style: normal;
	 margin-left: 15%;
	 margin-right: 15%;
	 margin-bottom: 20px;
}
#aMainChapter #mainContent p.poetryAuthor {
     font-size: 10pt;
	 font-style: italic;
	 text-align: right;
	 margin-bottom: 50px;
}
#aMainChapter #mainContent ul {
      list-style-type: none;
	  font-size: 11pt;      
}
span.numb  {
      font-size: x-small;
	  position: relative;
	  top: -8px;
}
p.initialPara {
      margin-top: 80px;
}
span.sectionIntro  {
      font-size: larger;
      color: rgb(80,80,100);
}
.lastPara  {
      padding-bottom: 20px;
}
q.bookquote  {
	  font-style: italic;
}
q.meng  {
      text-decoration: none;
	  color: rgb(40,40,180);
	  font-style: italic;
}
.topas {
      color: rgb(180,0,100);
	  font-weight: 700;
}
#w3valid  {
      margin-left: 600px;
}
#nextPageBottom  {
      text-align: center;
	  font-size: 14pt;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  margin-right: 30px;
	  border-top: 1px solid black;
}
#nextPageBottom  a:hover {
      color: blue;
	  font-weight: 700;
}
#footer  {
      font-size: 12pt;
	  text-align: center;
	  width: auto;
	  padding-bottom: 10px;
	  position: relative;
	  top: 80px;
}
#footer p {
      margin: 20px 200px 10px 200px;
}	

/*    css rules for top banner - all pages */

#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: rgb(189,112,122);
	  background-image: url(../production_images/pngs/wildRose.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(14,68,6);
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p  {
      font-family: Calibri, Arial, sans-serif;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 160px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 260px;
}
#endFour p span.separation  {
      margin: 0;
      padding: 0 20px;

}
#endFour p  {
      color: white;
	  font-size: 14px;
      margin: 5px 0 0 0;
      padding: 0;
}

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

#endFour  a:link  {
      color: white;
}
#endFour  a:visited  {
      color: white;
}
#endFour  a:hover  {
      color: blue;
}
#endFour  a:active  {
      color: blue;
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0;
	  width: 1030px;
	  height: 10px;
	  background-color: rgb(206,144,169);
	  margin: 0px;
	  padding: 0px;
}
#endSix  {
      position: absolute;
	  top: 0;
	  left: 0;
	  width: 152px;
	  height: 70px;
	  background-image: url(../production_images/woodland_barrow_iw.jpg);
	  background-position: top left;
	  margin: 0px;
	  padding: 0px;
}

#endEight  {
      position: absolute;
	  top: 0;
	  left: 397px;
	  width: 99px;
	  height: 70px;
	  background-image: url(../production_images/longpierre_thumb.jpg);
	  background-position: top left;
	  margin: 0px;
	  padding: 0px;
}

/*  INTRODUCTION PAGE CSS  */

#storySnip  {
      border: solid 1px red;
	  padding: 40px 20px;
	  margin: 20px 0 80px 0;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
}
.refQuote  {
      font-size: 10pt;
	  font-style: italic;
	  text-align: right;
	  margin-right: 60px;
	  margin-bottom: 10px;
}
q.bookQuote  {
	  font-style: italic;
}

/*   CONTENTS PAGE CSS */
	  
#aContents  {
      font-style: normal;
      font-weight: 400;
      font-size: 14pt;
      line-height: 1.2;
      color: rgb(127,128,84);
      background-color: white;
      margin: 0;
      padding: 0;
}
#aboveTable  {
     margin: 100px 160px 20px 50px;
}
#aContents #bookNav  {
     text-align: center;
	 padding-bottom: 40px;
	 border-bottom: solid 1px rgb(150,150,150);
}
#weirdTitle  {
     color: rgb(113,141,127);
     text-align: center;
     font-size:22pt;
     font-style: normal;
     font-weight: 700;
	 margin-bottom: 0px;
	 }

#weirdSubTitle {
     margin-top: 5px;
     text-align: center;
     font-size: 11pt;
	 font-weight: 700;
	 color: rgb(50,99,34);
	 padding-bottom: 20px;
	 border-bottom: solid 1px rgb(150,150,150);    
}
#mainContent table tr td ol {
     list-style-type: none;
	 font-size: 12pt;
     line-height: 1.3;
	 font-weight: 700;
}
#introD {
     text-align: center;
	 padding-top: 15px;
	 font-size: 12pt;
}
#introD a {
     color: rgb(50,99,34);
	 text-decoration: none;
	 font-weight: 700;
}
#introD a:visited  {
}
#introD a:hover  {
     color: blue;
}
#introD a:active  {
     color: red;
}
#mainContent table ol {
     list-style-type: none;
	 font-size: 12pt;
     line-height: 1.3;
	 font-weight: 700;
}
#tableContent {
     margin-left: 160px;
}

#tableContent tr  {
     font-size: 12pt;
	 line-height: 18pt;
	 background-color: rgb(197,235,255);
}
#tableContent li a {
     text-decoration: none;
	 color: rgb(28,42,25);
}
#tableContent a:visited  {
     color: rgb(28,42,25);
	 font-size: smaller;
}
#tableContent a:hover  {
     color: blue;
}
#tableContent a:active  {
     color: red;
}