/* CSS RESET */
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; font-weight: 400;}
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;}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */
/* BASE STYLES */
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #fff; background: #080904 url(../img/bg.jpg) top center no-repeat;}
a {color: #dce7a1;}
a:hover {text-decoration: none; color: #fff;}
p {line-height: 140%; padding: 0 0 1em 0;}
h1 {font-size: 0px; padding: 0 20px 0 0; color: #bfd645; text-indent: -9999px; background: transparent url(../img/logo.png) top left no-repeat; width: 464px; height: 130px; float: right;}
h2 {font-size: 24px; padding: 0 0 .5em 0; line-height: 120%; color: #bfd645;}
h3 {font-size: 18px; padding: 0 0 .5em 0; color: #fff;}
h4 {font-size: 14px; padding: 0 0 .5em 0;}
h5 {font-size: 12px; padding: 0 0 .5em 0;}
h5.skip {display: block; text-indent: -9999px; height: 0; font-size: 0;}
ul p {margin: 0; line-height: 100%;}
.player-wrapper {width: 350px; margin: 0 auto;}
/* CONTAINERS */
#wrapper {width: 960px; margin: 20px auto;}
#hd { background:url(../img/bg-content.png) top left no-repeat; height: 130px; padding-bottom: 20px;}
#bd { background:url(../img/bg-content.png) 0 -100px no-repeat; min-height: 400px; padding-left: 20px;}
#ft { background:url(../img/bg-content.png) bottom left no-repeat; height: 40px; padding: 0 20px;}
#ft p {color: #660;}
.box {float: left; margin-right: 20px; width: 450px; margin-bottom: 20px;}
.box .hd {background: url(../img/bg-box.png) top left no-repeat; padding: 10px 20px 0 20px;}
.box .bd {background: url(../img/bg-box.png) 0 -100px no-repeat; padding: 0 20px; min-height: 160px; overflow: auto;}
.box .ft {background: url(../img/bg-box.png) bottom left no-repeat; height: 10px;}
a.img-cont {float: left; margin-right: 10px;}
body.nobg, body.nobg #wrapper {background-image: none; background-color: #fff; color: #000;}
body.nobg #bd {background: none;}
body.nobg #wrapper {width: 100%;}
body.nobg #hd, body.nobg #ft {display: none;}
body.nobg a {color: #663;}
body.nobg h3 {color: #000;}
strong, strong em {font-weight: 700;}
.box.video .bd ul li {width: 142px; float: left; margin-right: 93px; text-align: center;}
.box.video .bd ul li.last {margin-right: 0;}
.box.video .bd ul li a img {border: 1px solid #fff;}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}