body { background: #632931 url(art/p_upperbg.gif); padding: 0; margin: 0; min-width: 900px; height: 100%; width: 100%; text-align: left; } img { border: 0px; } div, ul, li, table { margin: 0; padding: 0; } li,h1,h2,h3,h4,p.inlinesubtitle,div.bottom p, div.phototop p, div.themephotolink p, p.subtitleinline, p.caption, p.theme, p.bionote, p.themetop, p.ednote,.ednote,div.bio p,table.cron,table.idx,div.idx,div.photoright400,div.photoleft300,div.photoright300 { font-family: 'lucida grande','lucida unicode',lucida,verdana,sans-serif; } div.outer { background: url(art/p_topbg.jpg) no-repeat; } div.inner_nav { text-align: right; padding: 0px 20px 0 25px; } div.inner { background-image: url(art/p_bg.jpg); margin-left: 25px; padding-bottom: 50px; } div.inner_phase2 { background-image: url(art/p_midback.jpg); background-repeat: no-repeat; } div.bottom { background-color: #bbb; margin-left: 25px; padding: 10px 50px 10px 77px; } div.bottom p { font-size: .8em; color: #666; } img.title { width: 505px; float: left; } ul.topnav { list-style-type: none; padding-top: 14px; } ul.topnav li { display: inline; } h1 { margin: 0; padding: 45px 50px 8px 77px; background-image: url(art/p_shim.gif); background-repeat: no-repeat; color: #8A223C; } div.inner_main { padding: 22px 90px 20px 77px; } div.inner_index { padding: 0px 26px 20px 26px; } p { color: #444; } a:link { color: #da1678; } a:visited { color: #d94971; } a:hover,a:active { color: #FF26E6; text-decoration: none; } .secondary,h4,p.theme,p.themetop,p.subtitleinline { color: #7f1c62; } h2,h3,b,p.question,p.questiontop,blockquote,p.theme .person,p.themetop .person { color: #7f1c35; } h2 { padding-left: 26px; margin-left: -27px; font-size: 1.4em; border-left: #ad3553 1px dashed; } h3 { padding-left: 26px; margin-left: -27px; font-size: 1.3em; letter-spacing: 5px; text-transform: uppercase; border-left: #ad3553 1px dashed; } h4 { margin: 0; padding: 0 100px 0 77px; font-weight: normal; font-size: .9em; } p.subtitleinline { margin: 0 0 25px 0; padding: 2px 0 0 0; font-weight: normal; font-size: .9em; } * html h2 { padding-left: 13px; margin-left: -14px; font-weight: normal; font-size: 1.4em; border-left: #ad3553 1px dashed; } p.question, p.questiontop { font-weight: bold; } p.question { margin-top: 35px; } ul.relside { width: 182px; float: right; list-style-type: none; margin: 32px 0px 20px 20px; } ul.rellinks100 { list-style-type: none; margin: 32px 0 0 0; } ul.relside li, ul.rellinks100 li { margin: 0 0 1px 0; padding: 10px; color: #666; font-size: .8em; border: 1px solid #aaa; background: #ddd url(art/genboxbg.gif); } ul.relside li.pad, ul.relside li.pad:hover { margin: 0; padding: 0; height: 40px; border: 0px; background: transparent; } ul.relside li.high { margin: 0 0 1px 0; padding: 5px 10px 5px 10px; color: #666; font-size: .8em; border: 1px solid #ccc; background: #eee; } ul.relside a.top, ul.rellinks100 a.top { font-size: 1.1em; font-weight: bold; text-decoration: none; } ul.relside li.high a.top, ul.rellinks100 li.high a.top { font-weight: normal; } ul.relside li:hover, ul.rellinks100 li:hover { border: 1px solid #e811eb; background: #eaceea; } ul.relside li:hover a.top { color: #FF26E6; } ul.relside li.top, ul.relside li.top:hover, ul.rellinks100 li.top, ul.rellinks100 li.top:hover { color: #555; text-transform: uppercase; font-size: 1em; border: 0; padding: 20px 10px 5px 10px; letter-spacing: 3px; } ul.relside li.hightop, ul.relside li.hightop:hover { color: #555; text-transform: uppercase; font-size: 1em; border: 0; padding: 20px 10px 5px 10px; letter-spacing: 3px; } div.photoleft400 { float: left; background-color: #eee; width: 400px; margin: 10px 20px 10px -77px; } div.photoleft300 { float: left; background-color: #eee; width: 300px; margin: 10px 20px 10px -77px; } div.photoright300 { float: right; background-color: #eee; width: 300px; margin: 10px -90px 10px 20px; } div.photoright400 { float: right; background-color: #eee; width: 300px; margin: 10px -90px 10px 20px; } * html div.photoright300 { margin: 10px -45px 10px 20px; } * html div.photoright400 { margin: 10px -45px 10px 20px; } * html div.photoleft300 { margin: 10px 20px 10px -38px; } * html div.photoleft400 { margin: 10px 20px 10px -38px; } p.caption { margin: 0; padding: 8px 25px 8px 25px; font-size: .8em; color: #777; } p.ednote { background: #dedede url(art/ednote.gif) no-repeat; font-size: .8em; color: #7f1c62; padding: 10px 20px 10px 20px; } p.bionote { background: #dbc1d3 url(art/ednote.gif) no-repeat; font-size: .8em; color: #7f1c62; padding: 10px 20px 10px 20px; } div.bio { margin: 33px 20px 20px 0px; width: 301px; float: left; } div.bio p { padding: 4px 20px 20px 27px; color: #7f1c62; font-size: .9em; } img.pullquote { float: right; width: 250px; margin: 20px -40px 20px 30px; } * html img.pullquote { float: right; width: 250px; margin: 20px -20px 20px 30px; } img.pullquoteleft { float: left; width: 250px; margin: 20px 30px 20px -30px; } * html img.pullquoteleft { float: left; width: 250px; margin: 20px 30px 20px -15px; } p.theme { font-size: .8em; clear: left; background-image: url(art/themebox.gif); background-repeat: no-repeat; margin: 65px 0 10px -26px; padding-left: 26px; } p.themetop { font-size: .8em; background-image: url(art/themebox.gif); background-repeat: no-repeat; margin: 10px 0 10px -26px; padding-left: 26px; } p.theme .nlperson, p.themetop .nlperson { font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; } p.theme a.person:link, p.theme a.person:visited, p.themetop a.person:link, p.themetop a.person:visited { color: #da1678; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; text-decoration: none; } p.theme a.person:hover, p.theme a.person:active, p.themetop a.person:hover, p.themetop a.person:active { color: #FF26E6; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; text-decoration: none; } div.themephoto { margin: 6px 15px 10px -26px; width: 120px; background-color: #999; padding: 4px 0 10px 0; float: left; } * html div.themephoto { margin: 6px 15px 10px -13px; width: 120px; background-color: #999; padding: 4px 0 10px 0; float: left; } div.themephotolink { margin: 6px 15px 10px -26px; width: 120px; background-color: #7f1c35; padding: 4px 0 10px 0; float: left; } div.themephotolink:hover { background-color: #FF26E6; } * html div.themephotolink { margin: 6px 15px 10px -13px; width: 120px; background-color: #7f1c35; padding: 4px 0 0px 0; float: left; } div.themephotolink p { margin: 0; padding: 4px 8px 4px 8px; color: #fff; } div.themephotolink a, div.themephotolink a:link, div.themephotolink a:visited, div.themephotolink a:hover { text-decoration: none; } div.clear { clear: both; } div.phototop { background-color: #777; } div.phototop img { margin: 3px; } div.phototop p { font-size: .9em; color: #ccc; margin: 0; padding: 3px 100px 6px 77px; } table.idx { border: 0; padding: 0; margin: 0; } table.idx td.idx33, table.idx td.idx50 { vertical-align: top; padding: 0 0 10px 0; background: #ddd url(art/idxbox.gif); } table.idx td.idx33 { width: 31%; } table.idx td.idx50 { width: 47%; } table.idx td p { font-size: .9em; color: #555; padding: 22px 20px 10px 10px; } table.idx td a.top { font-size: 1.4em; padding-top: 22px; background-image: url(art/idxar.gif); background-repeat: no-repeat; font-weight: bold; text-decoration: none; } table.idx td a.top:hover { font-size: 1.4em; padding-top: 22px; background-image: url(art/idxara.gif); background-repeat: no-repeat; font-weight: bold; text-decoration: none; } table.idx td.idx33:hover, table.idx td.idx50:hover { background: #eaceea; } table.idx td img { float: left; width: 120px; margin: 0 10px 10px 0; border-left: 5px solid #7f1c62; } a.toplink { font-size: .8em; text-decoration: none; padding: 2px; } a.toplink:link, a.toplink:visited { color: #fff; background-color: #da1678; } a.toplink:hover { color: #fff; background-color: #FF26E6; } ul.relside li.sptop, ul.relside li.sptop:hover, ul.rellinks100 li.sptop, ul.rellinks100 li.sptop:hover { background-color: #fff color: #666; text-transform: uppercase; font-size: 1em; border: 0; padding: 10px 10px 5px 10px; letter-spacing: 3px; } table.idx td a.inttop { font-size: 1.4em; font-weight: bold; text-decoration: none; } table.idx td a.inttop:hover, table.idx td:hover a.inttop { font-size: 1.4em; font-weight: bold; text-decoration: none; }