/* CSS Document */
body { background: #868686; color: white; padding: 0px; margin: 0px; font-family: arial, san-serif; }
div.container { margin: 0px auto; width: 950px; height: 650px; background-image: url('images/background.jpg'); }

div.spacer { margin-top: 70px; width: 100%; height: 20px; border-top: 1px solid white; border-bottom: 1px solid white; }

.leftbar { float: left; padding: 30px 0px 0px 20px; border-right: 1px solid white; width: 200px; height: 500px; margin: 10px 0px;  }
.leftbar .image { float: left; clear: left; padding-top: 10px;}
.leftbar .link { float: left; padding-left: 10px; }
.leftbar .linkoff { float: left; padding-left: 10px; }
.link p { font-size: 1.3em; margin-top: 25px; font-family: serif }
.link p a { color: white; text-decoration:none }
.linkoff p { font-size: 1.3em; margin-top: 25px; font-family: serif; color: black; }
.linkoff p a { color: black; text-decoration:none}

.main { float: left; width: 700px; min-height: 343px; font-family: serif; padding: 20px 0px 0px 29px; }
.cast { float: left; padding-right: 3px; }
.cast h3 { margin-bottom: 0px; color: #6c0c10; font-weight: normal;  }
.cast img {border: 1px solid black; }

h1 { color: #6c0c10; font-weight: normal; font-size: 1.8em; }
h2 { color: #6c0c10; font-weight: normal; font-size: 1.4em; }

div.clear { clear: both;}

.images img { float: left; border: 2px solid #6c0c10; margin-left: 9px;}

.footer { width: 100%; border-top: 1px solid white; font-size: 0.7em; }

.copy { float: left;  margin-top: 2px;}

.credits { float: right; margin-top: 2px; }
.credits a { color: white; text-decoration: none; }
.credits a:hover { color: #6c0c10; }