@charset "ISO-8859-1";
/* CSS Document */

body {color: #000; text-align: center;}
a:link {color: #03C;}
a:visited {color: #96C;}
a:hover {text-decoration:underline; color: #F03}
a:active {color: #F09;}

div {margin: 0; padding: 0;} 
p {line-height: 130%;}
ol, ul {line-height:130%;}
dl {line-height:130%;}
th {text-align: center;}
td > dl {margin-top: 0;}
td > h3 {margin-top: 0;}
hr {margin: 1em 0;} 

.menu a {color: #FFF; text-decoration: none;}
.menu a:hover {text-decoration:underline; color: #FFF}

#top {width: 100%;}
#top-box {margin: 0 auto; width: 96%; min-width: 56em; max-width: 72em; height: 4.2em; text-align: left;}
#top-lang {float: right; margin: 0; padding: 4px 0 0 2em;}
#top-menu {text-align: right; margin: 0; padding: 0; line-height: 1.8em; font-family: sans-serif; font-size: 87.5%;}

#nav {white-space: nowrap;}
#nav ul {margin: 0; padding: 0.5em 0; list-style: none; line-height: 2em; font-family: sans-serif; font-size: 87.5%; font-weight: bold;}
#nav li {display: inline; margin: 0; padding: 0.48em 0.72em 0.32em 0.72em; border-color: #FFF; border-width: 1px 1px 1px 0; border-style: solid;}
#nav li:first-child {border-width: 1px 1px 1px 1px;}
#nav a {color: #FFF; text-decoration: none;}
#nav li a:hover {text-decoration: underline;}

#header {width: 100%; background: #FFF;}
#header-box {margin: 0 auto; width: 96%; min-width: 56em; max-width: 72em; height: 48px; background: #FFF; text-align:left;}
#logo-yidff {float: left; padding: 4px 0 0 4px;}
#header h1 {float: left; margin: 0; padding: 0.7em 0.5em 0.6em 0.2em; font-size: 26px; text-indent: 8px; font-family: sans-serif; font-weight: bold;}
.header-gt {color: #CCC;}
#sitesearch {float: right; clear: right;  text-align:right;  margin: 0; padding-top: 0.5em;}
.floatclear {clear: both;}

#base-sheet {margin: 0 auto; padding: 0; width: 96%; min-width: 56em; max-width: 72em; box-shadow: 1px 1px 6px 0px #666;-moz-box-shadow: 1px 1px 6px 0px #666; -webkit-box-shadow: 1px 1px 6px 0px #666; text-align:left;}

#sub-menu {float: left; width: 10.5em; margin: 0; padding: 0; font-family: sans-serif; font-size: 87.5%; display: inline; position: relative;}
#sub-menu ul {margin: 0; padding: 0.5em 0 0.5em 0.5em; list-style: none; line-height:120%;}
#sub-menu li {padding: 0.3em 0; border-color: #FFF; border-width: 1px 0 0 0; border-style: dotted;}
#sub-menu li:first-child {border-width: 0;}
#sub-menu a {color: #FFF; text-decoration: none;}
#sub-menu li a:hover {text-decoration:underline;}
.sub-menu-border {margin: 0.2em 0 0.2em 0.5em; padding: 0; border-width: 1px 0 0 0; border-color: #333; border-style: solid;}

#article-box-ext {float: right; clear: right; margin: 0 0 0 -10em; padding: 0; width: 100%; display: inline;}
#article-box {margin: 0 0 0 10em; padding: 0; background: #FFF;}
#article-box-full {margin: 0; padding: 0; background: #FFF;}
#article {margin: 0; padding: 0.1em 2em 2em 2em;}
.feeder {margin: 0; padding: 0;}
.previous {float: left; padding: 4px;}
.prev {float: left; padding: 4px;}
.next {float: right; clear: right; padding: 4px;}
.prev0 {float: left; padding: 0px;}
.next0 {float: right; clear: right; padding: 0px;}
.prev2 {float: left; padding: 2px;}
.next2 {float: right; clear: right; padding: 2px;}

#footer {clear: both; margin: 0; padding: 0.3em 0.5em; line-height:110%; font-family: sans-serif; font-size: 87.5%; text-align: right;}

.note {font-size: smaller;}
.filmtitle {font-size: larger;}
.subtitle {font-size: smaller;}
.filmdata {font-size: smaller; line-height: 130%;}
.supdata {font-size: x-small;}
.ruby {font-size: xx-small;}
.paren {font-size: smaller;}
.bracket {font-size: smaller;}
.brace {font-size: smaller;}

.attention {color: #F00;}
.attract {color: #F60;}
.active {color: #090;}
.closed {color: #900;}
.weak {color: #999;}
.light {color: #CCC;}
.subhead {color: #666;}
.nolink {color: #000;}
.new {font-size: smaller; color: #F00;}

.spacer {color: #FFF;}
.page {font-size: xx-small;}
.copyright {font-size: xx-small;}

.filmography {background: #EEE;}
.filmography-h {font-size: large; background: #BBB;}
.history {background: #EEE;}
.photoframe {background: #EEE;}
.column {padding: 0.1em 1em; background: #EEE;}
.row-odd {background: #CCC;}
.row-even {background: #CCC;}
div.filmography {overflow: auto; padding: 12px; background: #EEE;}
div.filmography-right {float: right; padding: 12px; background: #EEE;}
div.history {overflow: auto; padding: 12px; background: #EEE;}

.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.author {text-align: right;}
.compile {text-align: right;}
.ext-site {text-align: right;}
.in-site {text-align: center;}
.photo-left {float: left; margin: 0 1em 0.5em 0;}
.photo-right {float: right;  margin: 0 0 0.5em 1em;}
.photo-center {margin: 0 auto;}
.hr-left {margin-left: 0; text-align: left;}
.hr-right {margin-right: 0; text-align: right;}
.hr-center {margin: 0 auto; text-align: center;}