/*****************/
/** Winter 2009 **/
/*****************/

@import url("style.css");

/********************************************************/
/*** Basic styles ***/

body { font-size: 100%;
       color: #000000; 
       background-color: #ffffff;
       margin: 0px;
       padding: 0px;
     }

a:link { color: #cc00cc; 
background-color: transparent;
       }

a:visited { color: #770077; 
background-color: transparent;
          }

a:hover { color: #770077;
          text-decoration: underline; 
background-color: transparent;
        }

h2 { color: #555555;
   }
h3 { color: #555555;
   }

img { border-color: #cc00cc; 
    }

/********************************************************/
/*** Styles for the cover page, which is here midnight-rose/index.html ***/

.cover #container { position: absolute;
                    left: 0px;
                    bottom: 0px;
             width: 600px;
             height: 457px;
             background-image: url(images/mr-cover-graphic.jpg);
             background-repeat: no-repeat;
             background-position: bottom left;
border-width: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0;
           }

.cover .page-header {
background-color: transparent;
border-width: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}

.cover .cover-title span { display: none; }
.cover .cover-title { background-image: url(images/mr-cover-title-graphic.gif);
              background-repeat: no-repeat;
              background-position: top center;
              width: 457px;
              height: 153px;
              margin-left: 120px;
              margin-bottom: 0px;
margin-top: 21px;
padding: 0;
            }

.cover .subsite-navigation { font-family: Garamond, Times New Roman, serif;
              font-size: 150%;
              margin-left: 140px;
              margin-top: 0px;
font-weight: bold;
            }
.cover .subsite-navigation ul { list-style: none;    
                 margin-top: 0px;
                 margin-bottom: 0px; 
padding-left: 1.7em;
line-height: 1.1;
               }

.cover #illustrations-link { margin-left: 40px;
                   }

.cover #story-link { margin-left: 80px;
           }

.cover #library-link { margin-left: 120px;
             }

.cover .legal { font-family: Garamond, Times New Roman, serif;
             font-weight: bold;
             margin-left: 330px;
             margin-top: 0px;
           }
.cover .legal p {
padding: 1em 0em 1em 0.3em;
}

/********************************************************/
/*** Styles for breadcrumb navigation ***/

.prose .breadcrumb-navigation {
position: absolute;
top: 1em;
font-size: 90%;
}

.breadcrumb-navigation .navigation li {
background-color: transparent;
color: #000;
margin: 0;
border: 1px solid #000;
border-width: 0 1px 0 0;
padding: 0 0.4em;
}

.breadcrumb-navigation .navigation li.last {
border-width: 0;
}

.breadcrumb-navigation .navigation li:hover {
background-color: transparent;
}

.breadcrumb-navigation .navigation li a:link { color: #cc00cc; 
background-color: transparent;
       }

.breadcrumb-navigation .navigation li a:visited { color: #770077; 
background-color: transparent;
          }

.breadcrumb-navigation .navigation li a:hover { color: #770077;
          text-decoration: underline; 
background-color: transparent;
        }


/********************************************************/
/*** Styles for the story chapters ***/

body.prose { background-color: #cc88ff; 
             background-image: none;
     }

.prose #container { background-color: #ffffff;
            border-color: #000000;
background-image: none;
width: 26em;
padding-top: 0;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 0.7em;
border: 2px solid #000;
position: relative;
          }

.prose h1 {
font-weight: bold;
font-size: 130%;
padding-left: 0;
margin-top: 1.5em;
margin-bottom: 0.8em;
border-width: 0;
}

.prose h3 {
border-width: 0;
text-align: left;
padding: 0;
font-weight: bold;
font-size: 120%;
margin: 1em 0;
}

.prose p {
/*
padding: 0em;
margin: 0.7em 0;
*/
padding-left: 0;
padding-right: 0;
border-width: 0;
}

.siteNavigation {
border-width: 0;
}

p.prose-navigation { border-color: #770077;
border-width: 2px 0;
margin: 0.8em 0;
padding: 0.5em 0;
                   }

div.prose-copyright { border-color: #770077;
                    }


.history { 
border-width: 0;
margin: 1em 0;
font-size: 90%;
}

.history p {
padding: 0 0.5em 0 0;
}


p.prose-small {
margin-top: 0.3em;
margin-bottom: 0.3em;
}

/********************************************************/
/*** Styles for the illustrations page, including img link borders ***/

body.gallery { background-color: #ffffff;
               color: #000000;
             }

body.gallery #container {
background-image: none;
border-width: 0;
margin-left: 7%; margin-right: auto;
padding: 0;
width: 86%;
position: absolute;
}

.gallery .page-header {
background-color: #fff;
border: none;
margin: 0;
padding: 0;
}

.gallery h1, .gallery h2 { 
font-family: Garamond, Times New Roman, serif;
text-align: center;
       }

.gallery h1 {
font-size: 200%;
}

.gallery h2 {
font-size: 150%;
border-width: 0;
background-color: transparent;
padding-top: 0;
margin-bottom: 0.5em;
}

.gallery #content {
border: none;
overflow: hidden;
}

.gallery #primary {
padding-top: 2em;
}

.gallery .history { border-color: #cc0077;
border-width: 1px 0 0 0;
         }

.gallery .history p {
padding-left: 0;
font-size: 80%;
margin: 0.5em 0;
display: block;
}

.gallery .thumbnail { text-align: center;
             margin-bottom: 5px;
             margin-top: 3px;
           }

.gallery a img { border-style: none;
      }

.gallery .thumbnail a img { border-style: solid;
                            border-color: #cc00cc;
                            border-width: 3px;
                          }

.gallery .thumbnail a:hover img { border-color: #770077;
                   }

.gallery .thumbnail a:visited img { border-color: #770077;
                     }

.gallery a:link { color: #cc00cc;
                  text-decoration: none;
                  font-weight: bold;
                }

.gallery a:visited { color: #770077; 
                     text-decoration: none;
                     font-weight: bold;
                   }

.gallery a:hover { text-decoration: underline;
                   font-weight: bold;
                   color: #770077; 
                }

.gallery .image-entry {
border-width: 0;
}

.gallery .hall {
border-width: 0;
margin-left: 2%;
}

.gallery .images {
line-height: 110%;
border-width: 0;
}

.gallery #secondary {
border: 1px solid #c07;
border-width: 1px 0 0 0;
}

.gallery .breadcrumb-navigation {
position: absolute;
top: 0;
width: 200%;
left: -50%;
font-size: 90%;
}

.gallery .breadcrumb-navigation .navigation {
position: absolute;
left: 50%;
}
.gallery .breadcrumb-navigation .navigation li {
position: relative;
left: -50%;
}