html {
    overflow-x: hidden;
}
body {
    background: #000;
    color: #FFF;
    overflow-x: hidden;
}
pre {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
#container {
    /*background: #000 url('../img/bg.jpg') no-repeat center top;*/
    background: #000;
    /*height: 800px;*/
    min-height: 300px;
}
#container header {
    background: #000 url('../img/header.jpg') no-repeat center top;
    width: 100%;
    overflow: hidden;
}
#container header #gohome {
    width: 320px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}
#container header #gohome a.home {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 50px;
    overflow: hidden;
}
#container header #gohome a.radius {
    position: absolute;
    float: left;
    width: 110px;
    height: 0;
    margin: 30px 0 0 -150px;
    padding-top: 30px;
    overflow: hidden;
    z-index: 9;
}
#container header #topbar {
    width: 320px;
    margin: 10px auto 0px auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
#container header #topbar li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
#container header #topbar li a {
    background-image: url('../img/topbar.jpg');
    background-repeat: repeat;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
    width: 79px;
    height: 19px;
    padding: 5px 0px 0px 0px;
    text-decoration: none;
    font-family: "AppleGothic", sans-serif;
    font-weight: bold;
    color: #000000;
}
#container header #topbar li:first-child a {
    border-left: none;
}
#container header #topbar li:last-child a {
    border-right: none;
}
#container header #topbar li#topbar-tickets a {
    width: 80px;
}
#container header #topbar li a.selected {
    background-image: url('../img/topbar-selected.jpg');
    color: #FFFFFF;
}

#container #main {
    width: 320px;
    margin: 0px auto;
    padding-bottom: 5px;
    clear: both;
}
#not-found h1 {
    font-size: 18px;
    font-style: italic;
}
#home #carousel,
#dvd-digital #brightcove,
#films #brightcove,
#film #brightcove,
#video #topper-video {
    margin-top: 3px;
}
#home #film-title,
#film h1,
#dvd-digital h2,
#films h2,
#video h1 {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 3px 3px 5px #000000;
    padding: 0;
}
#home #release-date,
#film #release-date,
#dvd-digital h3,
#films h3 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0px;

    /*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

#home .arrow-left,
#home .arrow-right {
    position: absolute;
    float: left;
    background-repeat: no-repeat;
    width: 81px;
    height: 0px;
    padding-top: 190px;
    margin-top: 0px;
    z-index: 999;
    overflow: hidden;
    /*opacity: .9;*/
}
#home .arrow-left {
    background-image: url('../img/arrow-left.png');
    background-position: left center;
    width: 82px;
    margin-left: 0px;
}
#home .arrow-right {
    background-image: url('../img/arrow-right.png');
    background-position: right center;
    width: 84px;
    margin-left: 236px;
}
#home #carousel {
    width: 320px;
    height: 192px;
    margin-bottom: 3px;
    overflow: hidden;
}
#home #carousel #films {
    position: absolute;
    width: 320px;
    height: 192px;
    overflow: hidden;
}
#home #carousel .film {
    position: absolute;
    width: 128px;
    height: 192px;
}
#home #carousel .film a img { opacity: .5; }
#home #carousel #films .film:nth-child(1) { margin-left: -187px }
#home #carousel #films .film:nth-child(2) { margin-left: -46px }
#home #carousel #films .film:nth-child(3) { margin-left: 95px; }
#home #carousel #films .film:nth-child(3) a img {  }
#home #carousel #films .film:nth-child(4) { margin-left: 236px }
#home #carousel #films .film:nth-child(5) { margin-left: 377px }
#home .arrow-left, #home .arrow-right { opacity: .9; }
/*#home #carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#home #carousel ul li {
    float: left;
    width: 128px;
    margin-right: 7px;
    overflow: hidden;
}
#home #carousel ul li a {
    float: left;
    width: 128px;
    text-align: center;
    overflow: hidden;
}*/

#home #social {
    background-image: url('../img/social.png');
    background-repeat: no-repeat;
    background-size: 321px 69px;
    width: 100%;
    height: 69px;
}
#home #social a {
    float: left;
    position: absolute;
    width: 80px;
    height: 0;
    padding: 69px 0 0 0;
    overflow: hidden;
}
#home #social a#tw { margin: 0; width: 106px; }
#home #social a#fb { margin: 0 0 0 108px; width: 105px; }
#home #social a#ig { margin: 0 0 0 216px; width: 104px; }

#articles {
    overflow: hidden;
}
#articles article {
    background-image: -ms-linear-gradient(top, #393A3A 0%, #010101 100%); /* IE10 */
    background-image: -moz-linear-gradient(top, #393A3A 0%, #010101 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #393A3A 0%, #010101 100%); /* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393A3A), color-stop(1, #010101)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(top, #393A3A 0%, #010101 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(top, #393A3A 0%, #010101 100%); /* Proposed W3C Markup */
    height: 75px;
    padding: 5px;
    margin-bottom: 3px;
    overflow: hidden;
}
#articles article a {
    color: #FFFFFF;
    text-decoration: none;
}
#video #articles article {
    height: 80px;
}
#articles article .thumb {
    float: left;
}
#articles article .thumb .play-arrow {
    position: absolute;
    float: left;
    margin-top: -60px;
    margin-left: 27px;
    opacity: .8;
}
#articles article .content {
    float: left;
    width: 250px;
    height: 75px;
    margin-left: 10px;
    overflow: hidden;
}
#video #articles article .content {
    width: 220px;
    height: 80px;
}
#articles article .wide {
    width: 100%;
    margin-left: 0;
}
#articles article .content h3 {
    /*white-space: nowrap;*/
    font-size: 16px;
    font-style: italic;
    margin-bottom: 3px;
    text-shadow: 2px 2px 2px #000000;
}
#articles article .content .post {
    font-size: 12px;
}
#articles article .content .metadata {
    margin-top: 5px;
    font-size: 12px;
    color: #A6C2E1;
    text-shadow: 1px 1px 2px #000000;
    overflow: hidden;
}
#articles article .content .metadata time {
    float: left;
}
#articles article .content .metadata .comments {
    display: none;
    float: right;
}

#post h1,
#post .post-data,
#post .thumb,
#post .content {
    padding: 0px 5px;
}
#post h1 {
    margin-bottom: 5px;
    font-size: 18px;
    text-shadow: 3px 3px 5px #000000;
}
#post .post-data {
    font-size: 12px;
    text-shadow: 1px 1px 2px #000000;
    margin-bottom: 10px;
    overflow: hidden;
}
#post .post-data .date {
    color: #A6C2E1;
}
#post .thumb { margin-bottom: 10px; }
#post .content h2 {
    margin-bottom: 5px;
    font-size: 16px;
    font-style: italic;
    text-shadow: 2px 2px 2px #000000;
}
#post .content p {
    margin-bottom: 10px;
    font-size: 13px;
    text-shadow: 1px 1px 2px #000000;
}
#post .content img {

}
#post #goback {
    overflow: hidden;
}
#post #goback a {
    background: url('../img/arrows.jpg') no-repeat 0px 0px;
    float: left;
    width: 160px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    margin-left: 0px;
}

#tickets #main {
    background: #000 url('../img/tickets_bg.jpg') no-repeat center top;
    height: 390px;
}
#tickets form select#films {
    position: absolute;
    font-size: 14px;
    width: 235px;
    margin-top: 96px;
    margin-left: 75px;
    padding: 3px;
}
#tickets form input#zipcode {
    position: absolute;
    font-size: 14px;
    width: 225px;
    margin-top: 160px;
    margin-left: 75px;
    padding: 3px;
}
#tickets form #submit {
    position: absolute;
    width: 320px;
    height: 80px;
    margin-top: 290px;
    overflow: hidden;
}
#tickets form #submit input {
    float: left;
}
#tickets form #submit input#moviefon {
    margin-right: 5px;
    width: 117px;
    height: 80px;
}
#tickets form #submit input#fandango {
    margin-right: 8px;
    width: 87px;
    height: 80px;
}
#tickets form #submit input#movietickets {
    margin-left: 7px;
    width: 87px;
    height: 80px;
}

#dvd-digital #brightcove,
#films #brightcove {
    width: 320px;
    overflow: hidden;
}
#dvd-digital #brightcove .play-arrow,
#films #brightcove .play-arrow {
    position: absolute;
    float: left;
    width: 91px;
    height: 101px;
    margin-left: 114px;
    margin-top: 39px;
    z-index: 2;
}
#dvd-digital h4,
#films h4 {
    background: url('../img/titles/more-films.png') no-repeat center top;
    margin: 5px 0px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
}
#dvd-digital h4 {
    background: url('../img/titles/more-dvds.png') no-repeat center top;
}
#dvd-digital #slidebar,
#films #slidebar {
    margin-top: -10px;
    height: 150px;
}
#dvd-digital #slidebar .cell a img,
#films #slidebar .cell a img {
    border: 0;
}
#dvd-digital .grid .add-margin,
#films .grid .add-margin {
    margin-right: 6px;
}
#dvd-digital #arrows,
#films #arrows {
    height: 30px;
    margin: 5px 0px;
    overflow: hidden;
}
#dvd-digital #arrows a,
#films #arrows a {
    background-image: url('../img/arrows.jpg');
    background-repeat: no-repeat;
    float: left;
    width: 160px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
}
#dvd-digital #arrows a#arrow-left,
#films #arrows a#arrow-left { background-position: 0px 0px; }
#dvd-digital #arrows a#arrow-right,
#films #arrows a#arrow-right { background-position: -160px 0px; }

#film #brightcove {
    width: 320px;
    height: 204px;
    overflow: hidden;
}
#film #brightcove .play-arrow {
    position: absolute;
    float: left;
    width: 91px;
    height: 101px;
    margin-left: 114px;
    margin-top: 39px;
    z-index: 2;
}
#film .poster {
    text-align: center;
}
#film .section {
    margin-bottom: 2px;
    padding: 0;
    overflow: hidden;
}
#film .section img {
    margin: 0;
    padding: 0;
}
#film .section a.title {
    float: left;
    width: 100%;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}
#film .section a.title .reload {
    display: none;
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 10px;
}
#film .section .content {
    background-image: -ms-linear-gradient(top, #393A3A 0%, #010101 100%); /* IE10 */
    background-image: -moz-linear-gradient(top, #393A3A 0%, #010101 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #393A3A 0%, #010101 100%); /* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393A3A), color-stop(1, #010101)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(top, #393A3A 0%, #010101 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(top, #393A3A 0%, #010101 100%); /* Proposed W3C Markup */
}
#film #official-trailer {
    height: 26px;
    overflow: hidden;
}
/*#film #official-trailer a.title {
    background: url('../img/titles/official-trailer.png') no-repeat center top;
}*/
#film #video a.title {
    background: url('../img/titles/video.png') no-repeat center top;
}
#film #gallery a.title {
    background: url('../img/titles/gallery.png') no-repeat center top;
}
#film #gallerybox {
    position: absolute;
    background: #000;
    width: 320px;
    z-index: 98;
}
#film #gallerybox a#closegallery {
    background: url('../img/close.png') no-repeat;
    float: right;
    width: 30px;
    height: 0px;
    padding-top: 30px;
    z-index: 99;
    overflow: hidden;
}
#film #gallerybox #galleryimages {
    width: 320px;
    overflow: hidden;
}
#film #gallerybox #galleryimages ul {
    width: 9999px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#film #gallerybox #galleryimages ul li {
    float: left;
    width: 320px;
    text-align: center;
    overflow: hidden;
}
#film #gallerybox #indicators {
    text-align: center;
    padding: 0;
    margin: -5px 0px 15px 0px;
}
#film #gallerybox #indicators span {
    border-bottom: 5px solid white;
    margin: 0px -2px;
    padding: 0;
}
#film #gallerybox #indicators .selected {
    border-bottom: 5px solid red;
}
#film #synopsis a.title {
    background: url('../img/titles/synopsis.png') no-repeat center top;
}
#film #press a.title {
    background: url('../img/titles/press.png') no-repeat center top;
}
#film .section .content {
    margin-top: 24px;
}
#film #synopsis .content {
    margin: 0px 0px;
    padding: 7px;
}
#film #synopsis .content h2 {
    margin-bottom: 5px;
    font-size: 16px;
    font-style: italic;
    text-shadow: 2px 2px 2px #000000;
}
#film #synopsis .content p {
    margin-bottom: 10px;
    font-size: 13px;
    text-shadow: 1px 1px 2px #000000;
}
#film #press .content {
    margin-top: 0;
    padding-left: 5px;
    padding: 0;
}
#film #press .wide {
    margin-left: 0px;
}
#film #trailer a {
    float: left;
    background: url('../img/titles/trailer.png') no-repeat center top;
    width: 100%;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}
#film #tickets a {
    float: left;
    background: url('../img/titles/purchase-tickets.png') no-repeat center top;
    width: 100%;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}
#film #siteurl a {
    float: left;
    background: url('../img/titles/site.png') no-repeat center top;
    width: 100%;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}
#film #dvd a {
    float: left;
    background: url('../img/titles/purchase-dvd.png') no-repeat center top;
    width: 100%;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}

#video h1 {
    text-transform: none;
}
#video h2 {
    background: url('../img/titles/latest-clips.png') no-repeat center top;
    margin: 5px 0px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
}
#video .top-play-arrow {
    position: absolute;
    float: left;
    width: 72px;
    height: 72px;
    margin-left: 126px;
    margin-top: 52px;
    z-index: 2;
    opacity: .8;
}

#copyright {
    margin: 10px 0px;
    text-align: center;
    font-size: 11px;
    color: #666666;
}

footer {
    width: 320px;
    margin: 0 auto;
    overflow: hidden;
}