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" }
#title p.r3 { margin: 0; padding: 0; font: bold 36px/48px "Comic Sans MS" }
#middle h2 { display: block; padding: 0 20px; color: #c50058 }
div.maintext p { padding: 0 20px; font: 15px/18px serif }
div.maintext p.shop { margins: 20px 0 }
div.maintext p.shop span, div.maintext p.shop span a { display: inline; vertical-align: bottom; line-height: 30px }
div.maintext p.shop img { display: inline }
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 }
#navigator { background: #c50058; color: #FFF; margin: 0; padding: 5px; border-top: 2px #000 solid; text-align: center; clear: both; font: 14px/18px serif }
#navigator a { background: #c50058; color: #FFF }

table.trailers { border-collapse: collapse; margin: 20px auto; width: 400px }
table.trailers td.poster { padding: 0 20px; width: 90px }
table.trailers td.title { padding: 0; width: 270px }
.right { text-align: right }
.center { text-align: center }

img { border: 0 }
a:link { color: #c50058 }
a:visited { }
a:hover { }
a:active { }

#trailer { width: 550px; margin: 20px auto; border: 0; padding: 0; text-align: center }

p.lang-switch { margin-bottom: 20px; text-align: center; vertical-align: middle; font: bold italic 15px/26px serif; color: #444 }
p.lang-switch span { vertical-align: middle }
p.lang-switch img { vertical-align: bottom }