@import url(skel.css);

html {background: url('http://www.palamoor.org/palamoor/images/Swirl.jpg'); padding: 1.5em;}
body {font: smaller Verdana, Arial, Helvetica,AvantGarde, sans-serif; margin: 0; padding: 0;
  color: #000; background: rgb(99%,99%,99%);
  max-width: 950px; min-width: 70em; margin: 0 auto;
  border: 1px solid #000; border-width: 1px;
  position: absolute;left:10px; top: 10px;}
  
  #sitemast {padding: 0; margin: 1; overflow: hidden; border-bottom: 1px solid #000;
  height: 121px; width: 100%; position: relative;}
  
  #sitemast h1 {font-size: 1.75em; letter-spacing: 0.13em; 
  padding: 0; margin: 0;
  position: absolute; left: 0; top: 100px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 0;
  /* end hack */}
  #sitemast h1 a {padding: 0 0.15em;}
  #sitemast h1 a, .panel a {text-decoration: none;}
  
  #main {margin: 0 0 0 15em; padding: 4em 0 2em 0;
  border-left: 1px solid #AAA; background: #FFF;
  min-height: 30em;}
  
  #main h2 {border-bottom: 1px solid; margin: 0 0 0 0em; padding: 0;
  font-size: 1.25em; line-height: 1.9em;}
  #main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}
  #main blockquote {font-style: normal; margin: 0 1em 1em 2em;}
  #main blockquote em {font-style: italic; font-weight: inherit;}
  #main blockquote p {margin: 0.10em 2.5% 0.33em 0 !important;
     line-height: 1.2; text-indent: 2em;}
  #main blockquote.book p {margin: 0 2.5% 0 0 !important;}
  #main blockquote.lyric {font-style: italic; white-space: pre;
     border: none; margin-left: 1em;}
  #main blockquote.lyric p {text-indent: 0;}
    .quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
    .quoteattrib cite {font-style: italic;}

  #main p {line-height: 1.4em;}
  #main li {line-height: 1.33em; margin-bottom: 0.25em;}
  #main .compact li {line-height: normal; margin-bottom: 0;}
  #main ul li {list-style: square;}

  
  #extra {position: absolute; top: 165px; left: 0; font-size: 1em; line-height: 1.1;
  width: 15em; padding: 0; margin: 0;}
  .panel {padding-top: 1px;}
  .panel h4, .panel h5 {margin: 0.5em 0 0.25em; padding: 0 0.5em;
                        font-size: 90%; line-height: 1em;
                        border-bottom: 1px solid #CCC;}
  .panel ul {list-style: none; margin: 0 0.5em 1em; padding: 0; font-size:84%;}
  .panel li {margin-left: 0.66em; text-indent: -0.66em; line-height: 1.1em;}
  
  #navigate h4 {margin: 0; padding-top: 0.38em;}
  #navigate li {border-left:0px solid #CCC; border-right:1px solid #CCC; border-top:0px solid #CCC; border-bottom:1px solid #CCC; float: left; text-indent: 0; margin: 0; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0}
  #navigate li a {display: block; float: left; margin-left: 0.5em; padding-right: 0.5em;
                  text-align: center;}
  #navlinks {height: 1em; padding: 0; margin-left: 0;}
  
  #explore form {width: 14em; margin: 0 0.5em 1.5em;}
  #explore input[type="text"] {width: 100%;}
  
  #footer {margin: 0; padding: 0 0 1.5em 4.7em;
     font-size: 0.85em; background: #FFF;}
  #footer p {line-height: 1em; margin: 0; padding: 0.5em 1em 0 0;}
  #footer p.sosumi {border-top: 1px solid silver; padding-top: 1em}
  
  .book #main img.cover {float: right; margin: 1em 0 1em 2em;
  border: 1px solid; border-color: #AAA #444 #444 #AAA;}