html, body {background: url(bkg10.gif) top center repeat;}
.wrapper {background-color: white; width: 1200px; margin: 0 auto; text-align: center; position: relative;}

strong {font-weight: bold;}
em {font-style: italic;}

.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}

.header {background-color: #dd0000;}
.header p {color: white; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; font-weight: bold; font-size: 17px;}

.nav {background-color: #d60000; color: white;}
.nav ul {margin: 0 auto; width: 955px;}
.nav ul li {float: left;}
.nav ul li p, .nav ul li a {color: white; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; text-decoration: none; font-weight: bold; font-size: 32px; line-height: 50px;}
.nav ul .divider {height: 30px; width: 1px; background-color: white; float: left; margin: 10px 18px 0 18px;}
.nav ul li a:hover {color: yellow;}

.updates {margin: 10px 0 10px 15px;}
.updates .item {float: left; margin: 5px;}
.updates .item .button {float: right; margin: 5px; position: absolute; margin: 270px 0 0 345px;}
.updates .item img {height: 305px; width: 378px; border: 1px solid blue;}
.updates .item .button img {height: 32px; width: 32px; border: none;}

.updates .tagline h1 {font-weight: bold; font-size: 35px; margin: 5px 0;}

.jointext {font-size: 40px; margin: 5px 0; font-weight: bold; height: 70px;}
.jointext a, .jointext a:link, .jointext a:visited, .jointext a:hover {color: blue;}
.smalljoin {font-size: 20px;}

.tinytext {font-size: 10px;}

.updates .item {position: relative;}
.updates .item .comment {background: url(play_movie.png) no-repeat center center; cursor: pointer; display: none; height: 307px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 380px;}


.trailerthumbs {margin: 0 auto; width: 990px;}
.trailerthumbs .item {float: left; margin: 3px 0 3px 6px;}

.trailerbox {margin: 0 auto; width: 970px;}
.trailerbox .trailerfla {float: left; margin: 20px 0 0 0;}
.trailerbox .joindiv {width: 400px; margin: 10px 0 10px 20px; float: left;}
.trailerbox .joindiv .form {border: 1px solid #545454; width: 398px; height: 313px; margin: 10px 150px 0 0; background: #f1f1f1; padding: 15px 0 0 0;}
.trailerbox .joindiv .form h2 {font-size: 20px; font-weight: bold; margin: 10px; }
.trailerbox .joindiv .form label {font-weight: bold; width: 140px; text-align: right; float: left; font-size: 15px; margin: 3px;}
.trailerbox .joindiv .form input, .trailerbox .joindiv .form select {width: 200px; float: left; font-size: 15px; margin: 3px;}
.trailerbox .joindiv .form #payment input {width: 30px; margin: 3px 0;}
.trailerbox .joindiv .form #payment label {text-align: left; width: 120px; margin: 3px 0;}
.trailerbox .joindiv .form #submit {float: none; width: 100px; margin: 10px 0 0 0;}

.passwordpromo {margin: 10px 0; font-size: 40px; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 0 40px;}

.textybit {margin: 20px 0 0 0;}
.textybit h2 {text-transform: uppercase; font-weight: bold; font-size: 25px;}
.textybit p {color: #666; font-size: 15px;}

.redbar {color: white; background-color: red; font-size: 30px; font-weight: bold; padding: 5px 0;}