body { background-color: #afc9e2; 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, table.interviews, div.links, div.press, p.stories, table.extra, div.reading, div.treading, a.reading { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; } div.toparea { background: #17497f url(art/p_topbg.jpg) no-repeat; text-align: left; height: 130px; padding-top: 55px; background-position: 0 45px; } div.nav { text-align: right; padding: 0; clear: right; padding-right: 34px; height: 45px; margin-top: 0px; } * html div.nav { text-align: right; padding: 0; clear: right; padding-right: 34px; height: 45px; margin-top: 5px; } div.nav img.showtitle { width: 244px; float: left; } 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 15px 5px 40px; margin: -45px -90px 0 -40px; background-color: #569ce0; color: #0a386a; 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; } div.maininner1 { padding: 45px 20px 60px 90px; min-height: 630px; text-align: left; border-left: 5px solid #142531; } p { color: #333; } h2 { letter-spacing: 0px; font-weight: normal; padding: 7px 5px 7px 10px; font-size: 1.4em; color: #1d3d69; margin: 40px -20px 20px -8px; } * html h2 { margin: 40px -45px 10px -20px; } h2.nopad { margin-top: 8px; } a:link { color: #b11808; } a:visited { color: #eacf35; } a:hover,a:active,a.sp:link,a.sp:visited { color: #11497f; text-decoration: none; } div.bottomarea a:visited { color: #a66; } div.bottomarea { clear: both; background-color: #88c0f5; font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',lucida,verdana,sans-serif; padding: 10px 90px 10px 80px; font-size: .8em; color: #fff; text-align: left; } div.bottomarea p { color: #306ca6; text-align: left; } b { color: #156583; } p.questiontop,p.question { font-weight: bold; color: #0f7195; } 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: #fff; margin-bottom: 1px; border-left: 2px solid #88c0f5; font-size: .9em; color: #666; padding: 5px 10px 5px 8px; } li.li:hover { background-color: #fde332; color: #535c38; border-left: 2px solid #e98208; } li a { text-decoration: none; color: #00FF00; } li.li a:link { color: #e30e45; } li.li:hover a:link, li.li a:hover { color: #f58314; } a.head { font-weight: bold; font-size: 1.1em; } li.spacer { height: 18px; } li.litop { background-color: #88c0f5; padding: 14px 10px 3px 10px; color: #3d6994; font-size: .9em; letter-spacing: 3px; text-transform: uppercase; } table.intreview { margin-left: 20px; } table.intreview td.inter { background-color: #f2efeb; width: 25%; padding: 0px; vertical-align: top; border-left: 5px solid #c9de54; } table.intreview td.inter:hover { background: #fff; padding: 0px; border-left: 5px solid #d8ff02; } table.intreview td.inter p.name0 { background-color: #63730c; height:43px; margin-right: 0px; color: #fff; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; padding: 20px 0 17px 10px; } table.intreview td.inter img { float: right; padding: 0px; margin: -20px 0px 0px -10px; } table.intreview td.inter p.name:hover, table.intreview td.inter:hover p.name0 { background-color: #8ea60b; height:43px; margin-right: 0px; color: #ffe742; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; padding: 20px 0 17px 10px; } td.inter a { color: #e11e47; text-decoration: none; } td.inter a:hover { color: #45984b; text-decoration: none; } table.intreview p { clear: both; color: #333; padding: 5px 10px 10px 20px; margin: 0px; } 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: #52592a; 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.links { padding-left: 25px; background-color: #fff; padding: 10px; } p.links:hover { padding-left: 25px; background-color: #c0b4a2; color: #fff; padding: 10px; } table.idx { border: 0; padding: 0; margin: 0; } table.idx td.idx33np, table.idx td.idx33, table.idx td.idx50 { vertical-align: top; padding: 0 20px 25px 20px; background: #f2efeb; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; } table.idx td.idx33, table.idx td.idx33np { width: 31%; vertical-align: middle; padding: 20px; } table.idx td.idx50 { width: 40%; vertical-align: middle; padding: 20px; } table.idx td.name { padding-left: 10px; width: 120px; background: #8e9a4c; border-left: 15px solid #d2c4af; } table.idx td.name:hover, table.idx td.name1:hover { border-left: 15px solid #5a5e25; background: #fff; } table.idx td p { font-size: .9em; color: #711717; padding: 10px 10px 10px 0px; } 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, table.idx td:hover a.top { 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 a.inttop { font-size: 1.4em; font-weight: bold; color: #fff; text-decoration: none; } table.idx td a.inttop:hover, table.idx td:hover a.inttop { font-size: 1.4em; font-weight: bold; color: #c40602; text-decoration: none; } table.idx td img { width: 120px; text-align: center; } table.idx td.name img.intindex { margin: 5px 0 0 -10px; } table.interviews td { border-top: 1px solid #ccc; color: #424242; font-size: 15px; width: 33%; margin-bottom: 10px; padding: 10px; } table.interviews td:hover { background-color: #ccc; } table.interviews td p { font-size: .8em; color: #333; } table.interviews span.show { color: #1b6ba9; text-transform: uppercase; font-size: 12px; } table.interviews span.date { color: #666; font-size: 11px; } 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: #31587f; } 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; } span { color: #0287f8; font-size: 0.8em; font-weight: bold; } a.s { color: #0b5398; font-size: 1em; letter-spacing: 0px; text-decoration: none; } p.stories { clear: both; padding: 10px; background-color: #adc6de; width: 600px; } 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; }