/*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 7
   Case Problem 4
   Filename: plays.css

   This file contains styles used in the tempest.htm file.

*/

body {
   background-color: rgb(231,246, 231);
}

#linklist {
   width: 700px; 
   text-align: center; 
   border-bottom: 2px solid rgb(64, 133, 61);
}

img {
   border-width: 0px;
}

#actList {
   width: 700px; 
   font-size: 10pt; 
   font-family: Arial, Helvetica, sans-serif;
}

#actList table {
   width: 100%;
}

#actList table td {
   text-align: center; 
   width: 20%; 
   background-color: rgb(64,133,61); 
   color: white; 
   font-weight: bold;
}

#title  {
   width: 700px; 
   text-align: center;
}

#sceneIntro {
   width: 420px; 
   position: absolute; 
   top: 180px; 
   left: 260px;
   border: 2px solid rgb(64,133,61); 
   background-color: white; 
   padding: 5px 15px;
}

#sceneIntro h2 {
   font-size: 12pt; 
   margin: 0px; 
   text-align: center; 
   color: white;
   background-color: rgb(64,133,61); 
   padding: 2px;
}

#scene {
   width: 420px; 
   position: absolute; 
   top: 215px; 
   left: 260px; 
   font-size: 9pt; 
   border: 2px solid rgb(64,133,61); 
   background-color: white; 
   padding: 5px 15px;
}

h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
}

#scene h3 {
   margin-bottom: 0px; 
   font-size: 10pt;
}

#scene blockquote {
   margin-top: 0px;
}

#characterList {
   position: absolute; 
   top: 180px; 
   left: 15px; 
   width: 220px; 
   padding:5px;
   border: 2px solid rgb(64,133,61); 
   font-family: Arial, Helvetica, sans-serif;
   background-color: white; 
   color: rgb(64,133,61);
}
