@charset "utf-8";
/* baseline resets */
*{ margin:0; padding:0; }
img{ border:none; }
.breaker{ clear:both; float:none; height:1px; font-size:1px; }
a{ color:#41b0ff; text-decoration:none; font-weight:bold; }
a:hover{ color:#fff; }
.hidden{ display:none; }
/* colors */
.blue{ color:#41b0ff; }
/* actual site */
html, body{ height:100%; }
body{ margin:0; padding:0; background:#000000 url(/images/background2.png) center; font-family:'PT Sans', 'Myriad Pro',  sans-serif; color:#FFF; }
#site-container{ /*width:976px; margin:0 auto;*/ min-height: 100%; height: auto !important; height:100%;/* margin:0 auto -55px;*/ position:relative; }

#site-header{}
#site-header div.site-header-top{ min-height:100px; position:relative; width:976px; margin:0 auto; }
#site-header div.site-header-top a.logo{ width:225px; height:77px; position:absolute; left:6px; top:12px; background:url(/images/logo-header.png) no-repeat; }
#site-header div.site-header-top iframe, #site-header div.site-header-top div.leader{ width:728px; height:90px; position:absolute; right:5px; top:4px; border:2px solid #504f4f; background:#000; }
#site-header div.site-header-navigation{ margin-top:10px; height:42px; background:url(/images/site-navigation-background.png) repeat-x; padding-left:5px; position:relative; }
#site-header div.site-header-navigation>div{ width:970px; margin:0 auto; position:relative; padding-left:6px; }
#site-header div.site-header-navigation a{ display:inline-block; margin-right:15px; height:42px; line-height:42px; font-weight:bold; font-size:20px; color:#FFF; text-transform:uppercase; text-decoration:none; letter-spacing:0px; }
#site-header div.site-header-navigation a:hover, #site-header div.site-header-navigation a.active{ color:#41b0ff; }
#site-header div.site-header-navigation form{ position:absolute; right:5px; top:7px; }
#site-header div.site-header-navigation form{ position:absolute; right:125px; top:7px; }
#site-header div.site-header-navigation form input[type="text"]{ background:#929291; border:none; padding:2px; padding-right:20px; height:20px; width:195px; border:1px solid #3b3b3b; color:#4d4d4c; font-size:13px; font-weight:bold; }
#site-header div.site-header-navigation form input[type="image"]{ border:none; width:19px; height:19px; background:url(/images/searchbox-search-icon.png) center no-repeat; position:absolute; right:5px; top:3px; }
#site-header div.site-header-navigation form a.download{ width:134px; height:45px; background:url(/images/btnDownloadApp.png) no-repeat; position:absolute; right:-155px; top:-10px; }
#site-header a.site-header-adbar{ display:block; height:80px; background:#000 url(/images/dummy-adbar.jpg) center no-repeat; margin-top:5px; }

#site-body{ padding-bottom:55px; width:976px; margin:0 auto; }
#site-body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#site-body>div.header{ font-size:45px; font-weight:bold; text-transform:uppercase; color:#41b0ff; letter-spacing:-2px; }
#site-body>div.header>span{ color:#fff; }
#site-body>div.header.video{ font-size:15px; margin:5px 0 -5px 0; }
#site-body>div.header.video>span{ color:#41b0ff; }
#site-body>div.header.video:first-line{ color:#fff; font-size:25px; }

#site-body div.module{ border:8px solid #606060; margin:10px 0; clear:both; min-height:40px; background:url(/images/module-background.png); position:relative; }
#site-body div.module.active{ border-color:#fff; }
#site-body div.module>h1{ margin:0; padding:0; width:971px; padding-right:15px; height:42px; background:url(/images/h1-background-large.png) no-repeat; margin:5px 0 0 -13px; line-height:38px; color:#FFF; text-indent:56px; font-size:16px; font-weight:bold; text-transform:uppercase; }
#site-body div.module h1>a{ float:right; display:inline-block; border:1px solid #002532;  height:16px; line-height:16px; text-indent:0; margin:11px 2px; padding:1px 4px; font-size:12px; background:url(/images/h1-link-background-gray.jpg) repeat-x; color:#a1a1a1; }
#site-body div.module h1>a.active, #site-body div.module h1>a:hover{ background:url(/images/h1-link-background.jpg) repeat-x; color:#d1d1d1; border-color:#8c8c8c; }
#site-body div.moduleColumns{ display:block; clear:both; }
#site-body div.moduleColumns div.moduleColumn.left{ width:640px; float:left; clear:none }
#site-body div.moduleColumns div.moduleColumn.left div.module>h1{ width:633px; padding-right:15px; background-image:url(/images/h1-background-left.png); margin-left:-12px; }
#site-body div.moduleColumns div.moduleColumn.right{ width:316px; float:right; clear:none; padding:0 2px; }
#site-body div.moduleColumns div.moduleColumn.right div.module>h1{ width:274px; padding-right:56px; background-image:url(/images/h1-background-right.png); margin-left:-9px; text-align:right; text-indent:0; }
#site-body div.module p, #site-body div.module ol{ margin:5px 10px 15px 10px; font-size:13px; }
#site-body div.module h3{ margin:8px 0 10px 10px; color:#41b0ff; font-size:14px; }
#site-body div.module ol li{ padding:0; margin:0; list-style-position:inside; list-style:inside; }
#site-body div.module div.message{ padding:5px; text-align:center; background:#2C2C2C; font-weight:bold; color:#d1d1d1; font-size:16px; }

/* rotator */
#site-body #rotator{ height:385px; background:#000 center no-repeat; position:relative; }
#site-body #rotator div.rotator-item{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; font-size:64px; color:#FFF; text-transform:uppercase; cursor:pointer; font-weight:bold; letter-spacing:-2px; display:none; }
#site-body #rotator div.rotator-item.active{ display:block; }
#site-body #rotator div.rotator-item div.scrim{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(/images/scrim.png); }
#site-body #rotator div.rotator-item a{ width:100%; height:100%; position:absolute; z-index:4; }
#site-body #rotator div.rotator-item div{ position:absolute; left:10px; z-index:3; }
#site-body #rotator div.rotator-item div.title{ top:208px; color:#41b0ff; }
#site-body #rotator div.rotator-item div.title.long{ font-size:55px; top:218px; }
#site-body #rotator div.rotator-item div.title>span{ color:#41b0ff; }
#site-body #rotator div.rotator-item div.description{ top:270px; font-size:50px; letter-spacing:-5px; }
#site-body #rotator div.rotator-item div.controls{ width:960px; height:67px; background-image:url(/images/player-controls-wide.png); left:0; bottom:0; z-index:3; }
#site-body #rotator div.index{ width:46px; height:auto; position:absolute; z-index:10; top:10px; right:10px; }
#site-body #rotator div.index span{ display:block; width:46px; height:45px; background:url(/images/rotator-number-sprite.png) -46px 0 no-repeat; color:#505050; font-weight:bold; text-align:center; line-height:45px; cursor:pointer; }
#site-body #rotator div.index span.active{ background-position:0 0; color:#FFF; }


/* social module */
#site-body div.moduleColumn.right div.social{ height:62px; position:relative; }
#site-body div.moduleColumn.right div.social iframe{ width:215px; border:none; }
#site-body div.moduleColumn.right div.social div.icons{ position:absolute; height:26px; right:8px; top:17px; }

/* social buttons */
a.socialbutton{ display:inline-block; height:26px; width:26px; background:url(/images/social-buttons-sprite.png); margin-left:2px; }
a.socialbutton:hover{ background-position:0 -26px; }
a.socialbutton.plus{ background-position:-28px 0; }
a.socialbutton.plus:hover{ background-position:-28px -26px; }
a.socialbutton.twitter{ background-position:-56px 0; }
a.socialbutton.twitter:hover{ background-position:-56px -26px; }

/* media listing */
div.video-listing{}
div.video-listing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.video-listing div.video-item{ display:inline-block; float:left; width:196px; height:180px; margin:5px 6px; background:url(/images/videolisting-item-background.png) no-repeat; position:relative; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
div.video-listing div.video-item a{ text-decoration:none; display:block; position:absolute; color:#fff; }
div.video-listing div.video-item a.thumb{ width:176px; height:109px; left:10px; top:4px;  background:#000 center; }
div.video-listing div.video-item a.thumb img{ width:176px; height:109px; background-image:url(/images/videolisting-thumb-glaze.png);  }
div.video-listing div.video-item a.title{ width:184px; height:48px; left:6px; top:120px; }
div.video-listing div.video-item a.title:first-line{ color:#41b0ff; font-size:14px; }
div.video-listing div.video-item a.views{ right:12px; top:3px; font-size:14px; line-height:16px; color:#409fd4; text-align:right; font-size:12px; }
div.video-listing div.video-item a.views>span{ background:url(/images/views-icon-small-gray.png) left 4px no-repeat; padding-left:10px; color:#cad3d6; }
div.video-listing.wide{}
div.video-listing.wide div.video-item{ width:216px; margin:12px; height:170px; background-image:url(/images/videolisting-item-background-large.png); }
div.video-listing.wide div.video-item a.thumb, div.video-listing.wide div.video-item a.thumb img{ width:196px; }
div.video-listing.wide div.video-item a.thumb img{ background-image:url(/images/videolisting-thumb-large-glaze.png); }
div.video-listing.wide div.video-item a.title{ width:204px; }
div.video-listing.slim{}
div.video-listing.slim div.video-item{ width:276px; margin:5px 6px; height:67px; background-image:url(/images/videolisting-item-background-small.png); }
div.video-listing.slim div.video-item a.thumb, div.video-listing.slim div.video-item a.thumb img{ width:87px; height:55px; left:10px; top:4px; }
div.video-listing.slim div.video-item a.thumb img{ background-image:url(/images/videolisting-thumb-small-glaze.png); }
div.video-listing.slim div.video-item a.title{ width:167px; height:40px; left:106px; top:10px; text-align:left; }
div.video-listing.slim div.video-item a.title:first-line{ font-size:12px; }
div.video-listing.slim div.video-item a.views{ right:3px; top:auto; bottom:3px; }

/* video detail */
#site-body div.module.video-detail{ min-height:140px; }
div.module.video-detail div.date-bubble{ width:58px; height:79px; background:url(/images/date-bubble.png) no-repeat; position:absolute; top:3px; left:-25px; color:#292929; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; }
div.module.video-detail div.date-bubble>span{ display:block; margin:0; }
div.module.video-detail div.date-bubble>span.date{ color:#0E4763; line-height:20px; margin:5px 0 -5px 0; }
div.module.video-detail div.date-bubble>span.month{ font-size:28px; text-transform:uppercase; line-height:28px;  }
div.module.video-detail div.date-bubble>span.year{ font-size:21px; line-height:21px; margin-top:-2px; }
div.module.video-detail div.description{ width:532px; min-height:89px; margin-top:25px; padding:6px 0 0 38px; background:url(/images/dotted-line.png) top repeat-x; font-size:13px; color:#ececec; }
div.module.video-detail div.description>div{ margin:6px 0; height:3px; background:url(/images/dotted-line.png) repeat-x; }
div.module.video-detail div.social{ min-width:177px; height:70px; padding-left:66px; background:url(/images/video-detail-social-logo.png) left center no-repeat; position:absolute; top:3px; right:5px; }
div.module.video-detail div.social>div{ float:left; margin:2px 4px 0 4px; }
div.module.video-detail div.social>div.google{ margin-top:4px; }
div.module.video-detail div.embed{ width:253px; height:56px; background:url(/images/video-detail-embed.png) no-repeat; position:absolute; bottom:3px; right:5px; }
div.module.video-detail div.embed textarea{ width:236px; height:41px; border:none; background:none; position:absolute; top:8px; left:8px; font-size:10px; color:#686868; font-family:verdana; overflow:hidden; }
div.module.video-detail div.embed textarea:hover{ color:#fff; }

/* forms */
div.module form{ margin:0 0 0 16px; position:relative; }
div.module form label{ display:block; margin-bottom:8px; font-size:20px; color:#41b0ff; text-transform:uppercase; font-weight:bold; }
div.module form label input, form label select, form label textarea{ display:block; margin-top:3px; width:350px; font-size:16px; font-weight:bold; background:#f2f2f2; padding:4px 2px; line-height:14px; border:2px solid #606060; color:#3a3b3a; }
div.module form label input[type="text"].centered{ text-align:center; }
div.module form label input[type="text"].number{ text-align:center; width:80px; display:inline-block; }
div.module form label input[type="file"]{ margin:0; padding:0; margin-bottom:3px; }
div.module form label input[type="radio"], div.module form label input[type="checkbox"]{ width:auto; display:inline; border:none; background:none; margin:0 4px; }
div.module form label select.inline{ width:auto; display:inline-block; }
div.module form label>div{ color:#d1d1d1; }
div.module form label cite{ display:block; color:#d1d1d1; font-size:11px; }
div.module form label img.captcha{ display:block; }
div.module form label label{ display:inline; margin:0; font-size:14px; color:#fff; text-transform:none; cursor:pointer; }
div.module form div.buttons{ margin:10px 0; text-align:right; padding-right:16px; }
div.module form button{ width:163px; height:38px; background:url(/images/btn-form-sprite.png); cursor:pointer; border:none; text-align:center; font-size:16px; font-weight:bold; color:#fff; text-shadow:#000 1px 1px 1px; line-height:38px; text-transform:uppercase; }
div.module form button:hover{ background-position:0 -38px; }

/* Searching */
div.module.search{ position:relative; }
div.module.search form{ margin-left:0px; }
div.module.search form input[type="text"]{ display:block; margin:3px 0 0 5px; width:565px; font-size:16px; font-weight:bold; background:#f2f2f2; padding:4px 2px; line-height:14px; border:2px solid #606060; color:#3a3b3a; }
div.module.search form input[type="image"]{ background:none; border:none; position:absolute; top:2px; right:5px; }
div.module.search form div.searchin{ background:url(/images/site-navigation-background.png); color:#fff; font-weight:bold; margin:6px 0 0 0; padding:2px 0 2px 5px; font-size:13px; }
div.module.search form div.searchin span{ color:#41B0FF; font-size:15px; }
div.module.search form label{ font-size:13px; margin:0 0 0 6px; display:inline-block; cursor:pointer; color:#d1d1d1; }
div.module.search form label input[type="checkbox"]{ margin:0; }

/* search tag cloud */
#site-body div.module.searchcloud{ text-align:center; }
#site-body div.module.searchcloud>div{ margin:5px 10px; }
#site-body div.module.searchcloud>div>a{ color:#d1d1d1; }
#site-body div.module.searchcloud>div>a:hover{ color:#41b0ff; }


/* listing and pagination */
#site-body div.module.menu{}
#site-body div.module.menu>div{ margin:2px 5px; background:url(/images/views-icon-small-white.png) left center no-repeat; text-indent:11px; }
#site-body div.module div.table{ padding:2px 8px; font-size:13px; font-weight:bold;  }
#site-body div.module div.table>div.row{ display:table-row; margin:3px 0; padding:2px 0; width:610px; clear:both; padding-top:15px; color:#dddddd; }
#site-body div.module div.table>div.row>span{ display:table-cell; padding:4px 2px; text-align:center;  }
#site-body div.module div.table>div.row>span:first-child{ text-align:left;  }
#site-body div.module div.table>div.row:nth-child(even){ background:#2c2c2c; }
#site-body div.module div.table>div.row.header{ font-size:15px; font-weight:bold; background:url(/images/dotted-line.png) bottom repeat-x; color:#41B0FF; }
#site-body div.module div.table>div.row.header>span{ padding:0 0 5px 0; }
#site-body div.module div.table>div.row.sectionheader{ background:url(/images/views-icon-small-blue.png) 2px center no-repeat; text-indent:12px; color:#41B0FF; font-size:14px; }
#site-body div.module div.table>div.row.sectionheader>span{ border-bottom:2px solid #41B0FF; padding-top:10px; line-height:14px; }
#site-body div.pagination{ margin:15px 5px 5px 0; text-align:right; }
#site-body div.pagination a{ display:inline-block; margin:0 2px; padding:1px 3px; border:1px solid #373737; min-width:15px; text-align:center; font-size:13px; background:url(/images/module-background.png); }
#site-body div.pagination a.active, div.module div.pagination a:hover{ background:url(/images/site-navigation-background.png) left -3px repeat-x; border-color:#d1d1d1; color:#d1d1d1; }
#site-body div.pagination h3{ background:url(/images/views-icon-small-blue.png) 2px center no-repeat; text-indent:12px; text-align:left; border-bottom:2px solid #41B0FF; }
#site-body div.pagination h3{ border-color:#fff; font-size:16px; }


/* footer */
#site-footer{ position:absolute; bottom:0; width:100%; }
#site-footer>div{ background:url(/images/footer-background.png); border:8px solid #606060; border-bottom:none; height:40px; width:960px; margin:0 auto; line-height:40px; position:relative; }
#site-footer>div>a{ float:right; margin:0 10px; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; }
#site-footer>div>a:hover{ color:#41b0ff; }
#site-footer div.icons{ position:absolute; left:5px; top:5px; }
#site-footer div.icons>a.socialbutton{ margin:0 3px; }

.siteMessage{ width:550px; margin:3px auto; border:2px solid #c3c3c3; text-align:center; color:#222; background:#fff000; font-weight:bold; }
