/* Styling common to all pages */ body { margin: 1em 3em; font-family: "Baskerville", "Optima", serif; font-size: 14pt; background-image: url(papyrus.jpg); padding-top: 0.00em; padding-bottom: 0.35em; max-width: 550pt; } /* Styles for links. Note that "darkred" is not a sanctioned mnemonic. */ a { text-decoration: none; } a:link { color: #8b0000; } a:visited { color: red; } a:hover { color: #8b0000; } h3 { color: #8b0000; font-weight: bold; font-size: 200%; padding-top: 0.00em; padding-bottom: 0.35em; text-align: center; } /* This centers all images on the site. Note that "display" needs to be set to "block." Images are by default "inline," and centering an inline element doesn't make sense. */ img { display: block; margin-right: auto; margin-left: auto; } /* Styles for the introductory page: mozart.html */ .intro p { margin-left: 30px; } .intro h3 { padding-bottom: 0; } /* Styles for the comments page */ .comments h3 { font-weight: normal; margin-top: 45pt; margin-bottom: 0pt; } /* Styles for the list of volumes for sale on the orders page. The whole page is marked with , so that higher level elements on that page can also be styled independently. These could have been selected with ".ordering .inventory h3, p" */ .inventory h3 { font-size: 130%; padding-left: 0.00em; padding-bottom: 0.25em; text-align: left; margin-bottom: 0; } .inventory p { color: black; padding-left: 1.00em; padding-bottom: 0.10em; }