.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa}
.jScrollPaneDrag {position: absolute; background: #666; cursor: pointer; overflow: hidden}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden;  height: 9px}
a.jScrollArrowUp:hover { }
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden;  height: 9px}
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
 :focus {outline: 0}
 ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
 button {position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible;  }
button::-moz-focus-inner {border: none;  }
button span {position: relative; display: block; white-space: nowrap}
@media screen and (-webkit-min-device-pixel-ratio:0) { button span {margin-top: -1px}
}
  html {font-size:100.01%}
body {font-size: 75%; color: #000000; background: #fff; font-family: Helvetica, Arial, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #000}
h1 {font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; font-weight: bold}
 h2 {font-size: 2em; margin-bottom: 5px; font-weight: bold}
 h3 {font-size: 1.5em; line-height: 1; margin-bottom: 5px}
 h4 {font-size: 1.33333em; line-height: 1.25; margin-bottom: 5px}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0}
 p {margin: 0 0 10px; line-height: 1.33333em}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
a:focus, a:hover {color: #000; text-decoration: underline}
a {color: #000; text-decoration: none}
a:active {color: #000}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0}
ul {list-style-type: disc}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em; width:100%}
th {font-weight: bold}
thead th {background: #c3d9ff}
th,td,caption {padding: 4px 10px 4px 5px}
tr.even td {background: #e5ecf9}
tfoot {font-style: italic}
caption {background: #eee}
 .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.access {display: none}
#flash-msg {position: absolute; top: 220px; left: 30px; color: green}
 #wrapper {margin: 0 auto; width: 960px; position: relative; background: transparent url(/images/background-full.png) no-repeat 0 12px; padding-top: 12px;  }
#header {position: absolute; top: 12px;  width: 960px; left: 0; height: 160px}
#content {padding: 229px 28px 0; height: 702px}
 #about-msg a, #secondary a, #video-area .meta .description a {color: #666666}
#about-msg a:hover, #secondary a:hover, #video-area .meta .description a:hover {color: #000000}
#header h1 a {margin-left: 714px; margin-top: 98px; background: transparent url(/images/dascinema-logo.png) no-repeat 0 0; width: 134px; height: 27px; text-indent: -9999px; display: block}
#video-area {position: relative; height: 324px; padding-top: 3px}
#video-area .vzaar_media_player {background-color: #c8c9cb; width: 576px}
#video-area .meta {position: absolute; top: 35px; left: 600px; width: 310px}
#video-area .meta .title {padding: 0 20px 0 13px; margin-bottom: 10px; font-size: 1.33333em; line-height: 1.15em}
#video-area .meta .date {font-weight: bold; display: block; border-bottom: 3px solid #000; font-size: 0.91667em; line-height: 1em; padding: 0 0 9px 13px}
#video-area .meta .episode-name {text-transform: uppercase}
#video-area .meta .duration {font-weight: bold; margin-left: 13px}
#video-area .meta .description {margin: 0 20px 0 13px; font-size: 1em; line-height: 1em; position: absolute; top: 100px}
#video-area .meta .scroll-pane {height: 170px; width: 290px; padding-right: 45px}
#episode-area {padding: 60px 0 0}
#episode-area h2 {text-transform: uppercase; font-size: 1em; line-height: 1.5em; margin: 0 20px 15px 0 ; float: left}
#episodes li {list-style: none; float: left}
#episodes li a {display: block; color: #666; padding: 3px 5px; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#episodes li.active a, #episodes li a:hover {background-color: #000; color: #fff; text-decoration: none}
#videos {clear: both}
#videos li {list-style: none outside none; border-left: 2px solid #666666; float: left; height: 200px; padding: 30px 10px 0; width: 125px; position: relative}
#videos li li { border-left: none; float: none; height: auto; padding: 0; width: auto}
#videos .active-video {position: absolute; top: 0; left: 10px}
#videos li .title {font-size: 1.08333em; line-height: 1.16667em; font-weight: bold}
#videos li .meta {margin: 0; position: absolute; top: 140px; color: #666}
#videos li .meta li {list-style: none; margin-bottom: 3px}
#videos li .meta .duration {color: #000; font-weight: bold}
#coming-soon-msg {font-weight: bold; margin-left: 613px; position: absolute; top: 752px; font-size: 1.3333em; line-height: 1em}
#coming-soon-msg .title {text-transform: uppercase}
#footer {clear: both; padding: 20px 0 20px 28px; position: relative}
#footer #copyright-notice {color: #666666}
#footer #footer-links {position: absolute; top: 20px; right: 28px}
#footer #footer-links li {list-style: none; float: left; padding-left: 15px}
#footer #footer-links li a {text-transform: uppercase; font-weight: bold}
 .about-page #wrapper {background: url("/images/about-page-bg.png") no-repeat scroll 0 12px transparent}
.about-page #content {height: 470px; width: 450px}
.about-page #secondary {width: 285px; height: 470px; position: absolute; top: 294px; left: 640px}
.about-page #content h1, .about-page #content h2, .about-page #secondary h1, .about-page #secondary h2 {font-size: 1.33333em; line-height: 1.15em; padding: 0 20px 0 0; text-transform: uppercase}
.about-page #content h1, .about-page #secondary h1, .about-page #secondary h2 {margin-bottom: 40px}
#about-msg {width: 450px; padding: 55px 0 0 7px}
.about-page #about-msg ul, .about-page #about-msg ol, .about-page #secondary ul, .about-page #secondary ol {padding-bottom: 1em}
 #mc_embed_signup {margin: 40px 0 0 7px}
#mc_embed_close, .js #mc-embedded-subscribe, .js #mce-EMAIL-label {display: none}
input.text-field-inline-label {text-transform: uppercase; font-size: 0.91667em}
#mce-EMAIL {width: 268px; color: #fff; background-color: #231f20; border: none; padding: 3px 5px; font-size: 0.91667em; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#mce-EMAIL.mce_inline_error {color: #FF5555}
div.mce_inline_error, div#mce-error-response { font-weight: bold; color: #FF0000; width: 268px !important; padding: 5px !important; margin: 0 !important; background-color: #fff !important}
#mce-success-response {color: #529214; padding: 5px; width: 268px; line-height: 1.3em}
 .jScrollPaneTrack {background-color: #ffffff}
.jScrollPaneDrag {background-color: #999999}
.jScrollArrowUp {background: transparent url(/images/arrows.png) no-repeat 0 0}
.jScrollArrowDown {background: transparent url(/images/arrows.png) no-repeat 0 -9px}
  .iphone_browser #about-msg p {font-size: 7px; line-height: 10px}
.iphone_browser .about-page #content h1, .iphone_browser .about-page #secondary h1, .iphone_browser .about-page #secondary h2 {margin-bottom: 50px}