body { background: #d5ebe8 url(bg-page.jpg) no-repeat fixed; }
p { }
td { }

#contents { border-collapse: collapse; margin: 25px auto auto auto; width: 720px }
#left { vertical-align: top; margin: auto; padding: 0; width: 60px }
#middle { vertical-align: top; margin: auto; padding: 0; border-top: 1px #888 solid; border-left: 1px #888 solid; width: 600px; background-color: #FFF }
#right { vertical-align: top; margin: auto; padding: 0; width: 60px; background: url(../../entities/bg-right.gif) repeat-y }
#bottom { vertical-align: top; margin: auto; padding: 0; width: 600px; height: 10px; background: url(../../entities/bg-bottom.gif) repeat-x }
#corner { vertical-align: top; margin: auto; padding: 0; width: 60px; height: 10px; background: url(../../entities/bg-corner.gif) no-repeat }

#header { border-bottom: 2px #000 solid }
#hey { border: 2px solid #000; position: relative; left: 65px; top: 10px; z-index: 10; width: 70px }
#breadcrumbs { background: #c50058; color: #FFF; margin: 20px 0 0 0; padding: 5px 5px 5px 70px; border-top: 2px #000 solid; border-bottom: 2px #000 solid }
#breadcrumbs a { background: #c50058; color: #FFF }
#title { padding: 5px; color: #c50058; background: url(bg-header.jpg); text-align: center }
#title p.r1 { margin: 0; padding: 0; font: bold 42px/48px "Comic Sans MS" }
#title p.r2 { margin: 0; padding: 0; font: bold 24px/30px "Comic Sans MS" }
#middle h2 { display: block; padding: 0 20px; color: #c50058 }
#middle h2 em { font-size: 15px; font-style: italic }
div.maintext p { padding: 0 20px; font: 15px/18px serif }
div.maintext span.hi { color: #c50058 }
div.maintext span.incipit { color: #c50058 }
div.maintext p.citation { color: #c50058; font: bold italic 21px/24px serif }

img.cover { display: block; margin: 20px 0px 20px 20px; border-top: 3px solid #000; border-left: 3px solid #000; border-bottom: 3px solid #000; float: right }
img.cover[class] { margin: 0px 0px 20px 20px } /* non-IE */
img.nocover { display: block; margin: 20px 0px 20px 20px; border: 0; float: right }
img.nocover[class] { margin: 0px 0px 20px 20px } /* non-IE */

div.list { margin: 20px }
div.list p { display: list-item; list-style: disc outside; margin: 0 0 0 20px; padding: 0; }

table.list { margin: 20px; width: 560px }
table.list caption { margin: 20px; padding-bottom: 10px; text-align: left; font: bold 24px serif }
table.list td { vertical-align: top; margin: auto; padding: 5px; text-align: center; font: 12px/15px serif }
table.list img { padding: 5px; border: 0 }

#studio-index { display: block; width: 300px height: 420px; float: right; margin: 0 0 20px 20px; border: 0 }

#navigator { background: #c50058; color: #FFF; margin: 0; padding: 5px; border-top: 2px #000 solid; text-align: center; clear: both }
#navigator a { background: #c50058; color: #FFF }

#contact-form table { border-collapse: collapse; border-spacing: 10px; margin: 20px auto }
#contact-form th { vertical-align: top; text-align: right; padding: 5px }
#contact-form td { vertical-align: top; padding: 5px }
#contact-form td em { font-size: 12px }
#contact-form th em { font-size: 12px }

#webmail-msg table { border-collapse: collapse; border-spacing: 10px; margin: 20px auto }
#webmail-msg h2 { display: block; padding: 0; color: #c50058 }
#webmail-msg p { padding: 0; font: 15px/18px serif }

img { border: 0 }
a:link { color: #c50058 }
a:visited { }
a:hover { }
a:active { }
.small { font-size: 12px }