body { background-color: #f2e7d1; padding: 0; margin: 0; min-width: 1000px; height: 100%; width: 100%; } img { border: 0; } div,h1,h2,h3,h4,ul,li,h5 { margin: 0; padding: 0; } h1, h3, h4, li, h2, div.bio p, p.sub, td.inter, a.toplink, table.interviews, div.links, div.listen, p.photocaption, div.listenbox p, div.press, p.person, div.listenlink, p.ednote, p.update, p.stories, table.extra, div.reading, div.treading, a.reading, table.reading, b.links { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; } div.toparea { background: #650301 url(art/p_topbg.jpg) no-repeat; text-align: left; padding: 0px; height: 167px; padding-top: 45px; background-position: 0 45px; } img.showtitle { margin: 20px 0 5px 50px; } div.nav { background: #c38d0d url(art/p_navbg.jpg) no-repeat; text-align: right; padding: 0; clear: right; padding-right: 34px; height: 55px; } * html div.nav { text-align: right; padding: 0; clear: right; padding-right: 34px; height: 45px; margin-top: 2px; } div.nav img { margin-right: 20px; } div.nav ul { display: block; } div.nav li { list-style-type: none; display: inline; } div.midarea { background: #17497f url(art/p_midareabg.jpg) no-repeat; text-align: left; padding: 0px; } * html div.midarea { margin-top: -6px; } img.logo { float: right; width: 167px; padding: 0 34px 0 0; margin: 0; } h1 { text-align: left; padding-left: 90px; margin: 0; } h3 { text-align: left; padding-left: 10px; color: #4aa8fd; font-weight: normal; margin-top: 40px; } h3.nopad { margin-top: 1px; } h4.main { text-align: left; padding: 5px 90px 5px 90px; background-color: #dfc483; color: #650301; font-size: .9em; line-height: 1.2em; font-weight: normal; } div.mainouter { margin: 0px; background-image: url(art/p_textbg.jpg); background-repeat: no-repeat; } div.maininner { padding: 45px 90px 60px 90px; min-height: 630px; text-align: left; } p { color: #333; } h2 { letter-spacing: 0px; font-weight: normal; padding: 7px 5px 7px 10px; font-size: 1.4em; color: #a31b1a; margin: 40px -20px 20px -8px; } * html h2 { margin: 40px -45px 10px -20px; } h2.nopad { margin-top: 8px; } a:link { color: #b11808; } a:visited { color: #821e0d; } a:active,a:hover { color: #f1bc06; text-decoration: none; } div.bottomarea { clear: both; background-color: #650301; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; padding: 10px 90px 10px 80px; font-size: .8em; color: #ccc; text-align: left; } div.bottomarea p { color: #fff; text-align: left; } b { color: #ee1412; } p.questiontop,p.question { font-weight: bold; color: #9a201e; } p.question { padding-top: 30px; } div.rightside { width: 250px; float: right; margin: 20px -50px 20px 20px; } * html div.rightside { width: 250px; float: right; margin: 20px -25px 20px 20px; } div.rightside img { border-left: 2px solid #5a531d; } div.rightside ul { list-style-type: none; margin-top: 20px; } li.hi { background-color: #cce0f4; margin-bottom: 1px; border-left: 3px solid #e66f0f; font-size: .9em; padding: 5px 10px 5px 8px; } li.hi a:link { color: #e30e45; } li.hi:hover { background-color: #f9c4ab; border-left: 3px solid #f00; } li.hi:hover a:link, li.li:hover a:link, li.li:hover a:visited { color: #b8580b; } li.li { background-color: #f9f9db; margin-bottom: 1px; font-size: .9em; color: #666; padding: 5px 10px 5px 8px; } li.li:hover { background-color: #fff; color: #535c38; } li a { text-decoration: none; color: #00FF00; } li.li a:link { color: #ec0e38; } li.li:hover a:link, li.li a:hover { color: #e3d60c; } a.head { font-weight: bold; font-size: 1.1em; } li.spacer { height: 18px; } li.litop { background-color: #880e2b; padding: 14px 10px 3px 10px; color: #fff; font-size: .9em; letter-spacing: 3px; text-transform: uppercase; } a.toplinks { text-decoration: none; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; padding: 3px 10px 3px 20px; display: block; margin: 2px; background-color: #fff; border-left: 5px solid #C570D4; } a.toplinks:hover { background-color: #D0C8EF; border-left: 5px solid #415273; } div.aboutfilm { background-color: #fff; border: solid 2px #415273; padding: 25px; line-height: 1.5em; margin-top: 20px; } div.aboutfilm p.title { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; font-size: 1.5em; font-weight: bold; color: #415273; text-align: center; padding: 0px; margin: 0px; text-transform: uppercase; letter-spacing: 2px; } div.aboutfilm div.watch { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; background-color: #ebd0ed; padding: 10px; font-size: 1.2em; margin: 0px -20px -20px -20px; text-align: center; text-transform: uppercase; } p.titleparent { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; color: #415273; background-color: #D0C8EF; padding: 5px; font-size: 1.2em; text-transform: uppercase; margin-top: 50px; } li.behavior { text-decoration: none; padding: 10px; display: block; margin: 2px; background-color: #fff; border-left: 5px solid #415273; list-style: none; font-size: 0.9em; } li.web { text-decoration: none; padding: 5px 0px 5px 20px; display: block; margin: 2px 2px 2px 35px; background-color: #fff; border-left: 7px solid #f4b227; list-style: none; font-size: 0.9em; } li.web:hover { text-decoration: none; padding: 5px 0px 5px 20px; display: block; margin: 2px 2px 2px 35px; background-color: #e6f1a7; border-left: 7px solid #6d7736; list-style: none; font-size: 0.9em; } ol { color: #444; line-height: 1.5em; } ol.faq { color: #444; list-style: circle; } div.sub { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; font-size: 0.9em; color: #656290; margin-left: 70px; margin-right: 70px; padding: 10px; } p.ednote { background-color: #fff; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; padding: 10px; font-size: .9em; color: #c45725; } div.photo350 { float: left; width: 350px; margin: 10px 20px 20px 0; } div.photo350_right { float: right; width: 350px; margin: 10px -10px 20px 20px; border-left: 15px solid #8e9a4c; } div.photo250 { float: left; width: 250px; margin: 10px 20px 20px -10px; } div.photo250_right { float: right; width: 250px; margin: 10px -10px 20px 20px; } div.photo350_right p, div.photo350 p, div.photo250_right p, div.photo250 p { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; padding: 4px 10px 6px 10px; color: #255079; font-size: .9em; margin: 0; /*border-bottom: 2px solid #8e9a4c; border-left: 15px solid #cec3b3;*/ margin-left: -15px; /*background-color: #f6f5f3;*/ } p.theme, p.themetop { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; font-size: .9em; color: #555; margin-left: -15px; padding-left: 10px; border-left: 5px solid #88c0f5; } * html p.theme, * html p.themetop { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; font-size: .9em; color: #696; margin-left: -7px; padding-left: 10px; border-left: 5px solid #88c0f5; } p.theme { clear: both; margin-top: 55px; } .themename { letter-spacing: 3px; font-size: 1.3em; color: #31587f; text-transform: uppercase; } img.themephoto { float: left; width: 130px; margin: 8px 20px 20px 0; } ul.inner { list-style-type: none; padding: 0; margin: 15px 0 15px 30px; } ul.inner li { background-color: #feeed9; margin: 0 0 2px 0; padding: 10px; font-size: .9em; } p.nolinks { padding-left: 25px; background-color: #f1dbc1; padding: 10px; } p.sub { color: #5a531d; border-left: 3px solid #5a531d; margin: -20px -20px 20px -8px; padding: 12px; font-size: .8em; } * html p.sub { color: #5a531d; border-left: 3px solid #5a531d; margin: 0 -45px 20px -20px; padding: 12px; font-size: .8em; } div.links { background-color: #f0efec; border-bottom: 1px solid #7c785a; padding: 17px 20px 0px 20px; margin-bottom: 4px; } div.links:hover { background-color: #d3c87f; border-bottom: 1px solid #fff; padding: 17px 20px 0px 20px; margin-bottom: 4px; } p.unfoldhead, p.unfoldheadtop { color: #31587f; clear: left; font-size: 1.2em; font-weight: bold; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; } p.unfoldhead .date, p.unfoldheadtop .date { letter-spacing: 3px; font-size: .8em; font-weight: normal; text-transform: uppercase; color: #fff; } p.unfoldhead { margin-top: 55px; } p.unfoldname { clear: left; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; color: #0f7195; background-color: #cfe1f3; padding: 4px 8px 4px 8px; margin: 18px 0 7px -8px; } p.unfoldname .unfoldname { font-weight: bold; } div.press { background-color: #b5cde4; padding: 15px; margin-top: 20px; border: 1px solid #7aa4cd; } p.tpress, p.textra { color: #0f579c; text-transform: uppercase; font-size: 1em; font-weight: bold; line-height: 1.3em; } a.s { color: #0b5398; font-size: 1em; letter-spacing: 0px; text-decoration: none; } p.stories { clear: both; padding: 10px; background-color: #74b7f8; width: 800px; } p.stories:hover { color: f1a42b; background-color: #fde332; } table.extra { width: 100%; } table.extra td { padding: 15px; background-color: #b5cde4; border: 1px solid #7aa4cd; width: 33%; } table.extra td:hover { padding: 15px; background-color: #fde332; border: 1px solid #7aa4cd; width: 33%; } div.treading { background-color: #fde332; font-size: 1.2em; padding: 10px; text-transform:uppercase; color: #104980; margin: 1px; } div.reading { background-color: #fff; border: 1px solid #86a1bb; padding: 17px 20px 10px 20px; margin-bottom: 4px; font-size: 0.9em; } div.reading:hover { background-color: #fde332; border: 1px solid #86a1bb; padding: 17px 20px 10px 20px; margin-bottom: 4px; } div.reading p { color: #3d6994; } div.reading:hover p { color: #333; } div.reading a.r, div.reading a { color: #4897e4; font-size: 1.1em; font-weight: bold; text-decoration: none; } a.reading { color: #294767; text-decoration: none; padding: 7px 7px 2px 7px; margin-right: 15px; margin-bottom: 10px; border-bottom: 3px solid #294767; } a.reading:hover { color: #f8f51f; text-decoration: none; padding:7px; margin-right: 15px; margin-bottom: 10px; border-bottom: 3px solid #294767; } p.update, p.ednote { background-color: #dfc483; color: #650301; padding: 7px; margin-left: -5px; clear: both; border-left: 5px solid #c38d0d; font-size: .9em; } p.ednote { background-color: #efe9dc; } div.topimg { background-color: #555; padding: 3px; text-align: center; } div.topimg img { margin-right: 3px; border: 1px solid #555; } div.topimg img:hover { margin-right: 3px; border: 1px solid #f00; } div.photoleft200 { float: left; margin: 0px 20px 10px -5px; border-left: 5px solid #c38d0d; width: 200px; background-color: #d9ba6f; clear: left; } div.photoleft350 { float: left; margin: 0px 20px 10px -5px; background-color: #d9ba6f; border-left: 5px solid #c38d0d; width: 350px; clear: left; } div.photoright200 { float: right; margin: 0px -5px 10px 20px; background-color: #d9ba6f; border-right: 5px solid #c38d0d; width: 200px; clear: right; } p.person { color: #650301; font-size: .9em; margin: 0px 0 10px 0; } p.photocaption { color: #650301; font-size: .9em; margin: 5px; } p.person .name { font-weight: bold; letter-spacing: 4px; text-transform: uppercase; font-size: 1.3em; } div.clearer { clear: both; height: 60px; } div.listen { background-color: #d9ba6f; padding: 7px; width: 400px; margin: 5px 0 5px 0; border-left: 5px solid #650301; border-right: 1px solid #650301; border-top: 1px solid #650301; border-bottom: 1px solid #650301; } div.listenbox { background-color: #efe9dc; padding: 15px 7px 7px 7px; margin: 0 0 5px 0; border: 1px dotted #650301; } div.listen p, div.listenbox p { color: #650301; margin: 0 0 8px 0; } div.listen b { color: #650301; } table.reading { background-color: #fff; padding: 0; } table.reading .title { background-color: #8c0906; color: #fff; text-transform: uppercase; font-size: 1.2em; padding-top: 10px; } table.reading td { margin: 0px; padding: 0px 10px 10px 10px; } table.reading p { border-bottom: solid 1px #f1e7cc; padding:10px 0 10px 10px; } table.reading p:hover { border-bottom: solid 1px #830b0b; padding:10px 0 10px 10px; background-color: #f9db72; } table.reading p a:hover { color: #f31414; } b.links { padding-left: 25px; padding-bottom: 30px; font-size: 0.8em; background-color: #fff; padding: 10px; line-height: 40px; } b.links:hover { padding-left: 25px; background-color: #8c0906; color: #fff; padding: 10px; line-height: 40px; } a.main { font-weight: bold; text-decoration: none; } a.toplink { background-color: #d9ba6f; padding: 4px; font-size: .8em; text-decoration: none; margin: 2px 2px 10px 2px; line-height: 18px; } a.toplink:hover { background-color: #f1bc06; color: #fff; }