html { overflow-y: scroll; height: 100%;} body { margin: 0; padding: 0; min-width: 980px; font: 12px/1.26 Arial, sans-serif; color: #ccc; text-align: center; background-color: black; height: 100%; } a { color: white; text-decoration: none; } a:hover { color: white; text-decoration: underline; } input, textarea, select { margin: 0; padding: 0; font-size: 12px; font-family: inherit; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; } form { margin: 0; } blockquote { margin: 0; padding: 0; } cite { font-style: normal; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset, ul.reset li, ol.reset, ol.reset li { margin: 0; padding: 0; } ul.reset li, ol.reset li { list-style: none; } table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } .hr hr { display: none; } div.error, span.error { color: red; } pre { margin: 20px; padding: 10px; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 12px; color: #333333; } /* lay out */ #center { position: relative; margin: 0 auto; width: 980px; min-height: 100%; text-align: left; background: url('../images/layout/center.gif') repeat-y 0 0; overflow: hidden; } /* logo */ p.logo a { position: absolute; left: 0; display: block; width: 292px; height: 100px; } p.logo img { display: block; } /* content-main */ #content-main { float: left; padding: 152px 0 0 40px; width: 700px; /* 740px */ min-height: 450px; overflow: hidden; } /* content-right */ #content-right { padding: 170px 0 0 10px; float: right; width: 210px; /*220*/ overflow: hidden; } /* footer */ #footer { padding: 40px 0 40px 40px; clear: both; } #footer .advertisement { position: relative; left: -30px; width: 728px; min-height: 90px; } /* video-detail */ body.video-detail #center { background: none; } body.video-detail #content-main { float: none; width: 940px; } body.video-detail #content-right { position: absolute; top: 0; right: 0; z-index: 0; padding: 0; float: none; width: 220px; height: 106px; background: #333; } /* headers */ h1 { margin: 10px 0 10px 0; font-size: 30px; line-height: 32px; color: #666; } h2 { clear: both; margin: 6px 0 25px 0; font-size: 16px; line-height: 29px; color: #ccc; } #content-right h2 { margin: 0 0 15px 0; font-size: 17px; } .paragraph h2 { margin: 35px 0 10px 0; } /* paragraph */ #content-main p { line-height: 18px; margin: 0 0 20px 0; color: #c3c3c3; } #content-main p a { color: #FF9966; } #content-main p a:hover { color: #FF9966; } /* paragraph */ .paragraph ol, .paragraph ul { line-height: 18px; color: #c3c3c3; } .paragraph img { margin: 5px 20px 20px 0px; float: left; } /* flex-button */ .flex-button-container { width: auto; overflow: hidden; padding: 20px 0; } a.flex-button, a.flex-button span { display: block; float: left; height: 20px; line-height: 20px; /* vertically align text */ color: #fff; font-size: 12px; } a.flex-button { padding: 0 0 0 10px; background: url('../images/content/flex-button.gif') no-repeat; font-size: 13px; color: white; font-weight: bold; } a.flex-button span { padding: 0 10px 0 0; background: url('../images/content/flex-button-span.gif') no-repeat right top; } a.flex-button:hover { text-decoration: none; } /* push text down */ a.flex-button:active span { line-height: 22px; } /* add-video */ a.flex-button.add-video { margin: 0 0 0 14px; padding-left: 20px; background: url('../images/content/flex-button-add.gif') no-repeat; } a.flex-button.add-video span { line-height: 19px; background: url('../images/content/flex-button-add-span.gif') no-repeat right top; } a.flex-button.add-video:active span { line-height: 21px; } /* add */ ul.videos li a.add-video-small { padding: 0; display: block; width: 20px; height: 20px; text-indent: -999em; overflow: hidden; background: url('../images/content/add-video-small.gif') no-repeat; } /* nav-main */ ul#nav-main { position: absolute; top: 77px; left: 306px; /*320*/ overflow: hidden; } ul#nav-main li { display: inline; } ul#nav-main li a { float: left; display: block; padding: 0 14px; font-size: 13px; } ul#nav-main li.sel a, ul#nav-main li a:hover { color: white; } /* nav-top */ ul#nav-top { position: absolute; top: 12px; right: 27px; z-index: 10; overflow: hidden; } ul#nav-top li { display: inline; } ul#nav-top li a { float: left; display: block; padding: 0 6px; font-size: 12px; color: #959595; text-transform: lowercase; } ul#nav-top li.sel a { color: #fff; } /* video-thumnails */ .video-thumbnails { float: left; width: 330px; border-right: 1px solid #333; } .video-thumbnails.right { width: 330px; padding: 0 0 0 28px; border: none; } /* lists */ ul.homepage-videos { position: relative; width: 100%; overflow: hidden; } ul.homepage-videos li { display: inline; } ul.homepage-videos li a { display: block; float: left; margin: 0 20px 20px 0; padding: 0 0 0 10px; width: 130px; height: 131px; overflow: hidden; background: url('../images/content/video-thumbnail.gif') repeat-x 0 -150px; } ul.homepage-videos li a span { display: block; float: left; padding: 0 12px 0 0; height: 30px; line-height: 30px; background: url('../images/content/video-thumbnail-arrow.gif') no-repeat right 12px; cursor: pointer; } ul.homepage-videos li a img { clear: both; } /* hover */ ul.homepage-videos li a:hover { text-decoration: none; color: #333; background-position: 0 0; } ul.homepage-videos li a:hover span { background-position: right -180px; } /* twitter-stream */ ul.twitter-stream { color: #333; margin: 0 10px 0 0; } /* list */ ul.twitter-stream li { line-height: 17px; padding: 7px 20px 7px 10px !important; margin: 0 0 15px 0; background: #9a9a9a url('../images/content/twitter-stream.gif') repeat-x; } /* name */ ul.twitter-stream h3 { padding: 0 0 5px 0; font-size: 13px; } ul.twitter-stream h3 a { color: #333; } /* */ ul.twitter-stream .tweet a { color: #2100b5; } /* meta */ ul.twitter-stream span { display: block; padding: 5px 0 5px 0; font-size: 11px; color: #ddd; } /* all-tweets */ p.all-tweets a { display: block; float: left; padding: 0 10px 0 0; margin: 0 0 40px 0; background: url('../images/content/all-tweets.gif') no-repeat 100% 50%; color: #ff9966; } /* back-to-overview */ p.back-to-overview { position: absolute; top: 140px; } p.back-to-overview a { display: block; color: #ff9966; } /* videos */ ul.videos { position: relative; left: -20px; width: 720px; overflow: hidden; } ul.videos li { position: relative; float: left; margin: 0 0 20px 20px; } ul.videos li a { position: relative; z-index: 10; float: left; display: block; width: 200px; /* 220 */ height: 360px; /* 370 */ padding: 5px 10px; color: #959595; background: url('../images/content/video.gif') repeat-x 0 -370px; } ul.videos li a span { display: block; } /* hover */ ul.videos li a:hover { background-position: 0 0; color: #232323; text-decoration: none; } ul.videos li a:hover span { cursor: pointer; } ul.videos li a:hover span.category { color: #232323; } ul.videos li a:hover span.title { color: #000066; } /* arrow */ ul.videos li a span.video-arrow { position: absolute; top: 110px; left: 170px; padding: 0; background: url('../images/content/video-arrow.gif') no-repeat; width: 30px; height: 30px; } /* date */ ul.videos li a span.date { padding: 4px 0 6px 0; } /* meta */ ul.videos li a span.category { padding: 10px 0; color: #999; font-size: 13px; text-align: center; text-transform: uppercase; } /* title */ ul.videos li a span.title { padding: 0 0 10px 0; color: #fff; font-size: 18px; text-align: center; } /* description */ ul.videos li a span.description { line-height: 17px; } /* delete */ ul.videos li button { position: absolute; top: 345px; left: 0px; z-index: 100; background: none; color: #666; font-size: 11px; text-decoration: underline; } ul.videos li button span { background: none; color: #666; } /* profile */ .profile { position: relative; margin: -20px 10px 27px 0; padding: 10px; background: #000; } /* inline image */ .profile img { display: block; margin: 0 0 10px 0; border: 1px solid #333; } /* headers */ .profile h2 { color: #ccc; } .profile h3 { padding: 0 0 6px 0; font-size: 12px; line-height: 17px; color: #ff9666; } .profile h3 span.location { color: #666; } .profile p { padding-bottom: 10px; line-height: 18px; } /* sponsor */ .profile.sponsor img { border: 0; } .profile h3 span.company { color: #000; } .profile.sponsor h3 span.location { color: #fff; } /* sponsor banner */ .sponsor-banner { margin: 0 0 10px 0; } /* logged-in */ .logged-in { padding: 0 0 10px 0; } .logged-in a { float: right; text-decoration: underline; color: #ababab; } /* date */ #content-main p.date { width: auto; color: #666; overflow: hidden; } .date span { float: left; } /* edit */ .profile p.edit { padding: 10px 0 0 0; } /* header */ .video-header { position: relative; /*width: 395px;*/ width: auto; overflow: hidden; padding: 0 350px 0 0; margin: 0 0 20px 0; } /* video-player */ .video-player { padding: 20px 0 0 43px; margin: 0 0 20px 0; width: 897px; /*940*/ height: 527px; /*547*/ background: #999 url('../images/content/video-player.gif') repeat-x; } /* add this */ .addthis_toolbox { margin-bottom: 20px; } .at300bs.at15t_expanded, .at300bs.at15t_compact { background: url('../images/content/add-this.gif') no-repeat; } /* form */ form#search-form { position: absolute; top: 76px; left: 770px; z-index: 100; } form#search-form label, form#search-form div, form#search-form input { float: left; } form#search-form input.text { width: 118px; height: 20px; background: #212121; border: 0; color: #fff; } /* lightbox form */ .lightbox label { display: block; padding: 3px 0 0 0; width: 90px; float: left; color: #333; font-weight: bold; } .lightbox .field-container { width: 416px; overflow: hidden; margin: 0 0 10px 0; } .lightbox .text-container, .lightbox .textarea-container { width: 300px; float: left; } .lightbox .text-container { height: 20px; background: url('../images/form/text.gif') no-repeat; } .lightbox .textarea-container { height: 70px; background: url('../images/form/textarea.gif') no-repeat; } .lightbox input.text, .lightbox textarea { width: 296px; /*300*/ padding: 3px 2px; border: 0; background: transparent; color: #666; } .lightbox input[disabled=disabled] { color: #bbb; } .lightbox textarea { height: 64px; /*70*/ } .lightbox p.max-chars { position: relative; top: -6px; padding-left: 96px; color: #666; } /* basic flex-button styles */ button { position: relative; padding: 0; border: 0; cursor: pointer; overflow: visible; /* removes extra side padding in ie */ } button span { position: relative; display: block; white-space: nowrap; /* text fully visible in ie */ } /* extra flex-button styles */ button { float: left; padding: 0 10px 0 0; background: url('../images/form/button.gif') no-repeat right top; } button span { padding: 0 0 0 10px; height: 20px; line-height: 20px; /* vertically align text */ background: url('../images/form/button.gif') no-repeat left -36px; font-size: 13px; color: white; font-weight: bold; } /* overrides extra padding in firefox */ button::-moz-focus-inner { padding: 0; border: none; } /* safari and google chrome only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; } } /* push text down */ button:active span { line-height: 21px } /* submit-container */ .submit-container { padding: 0 28px 0 0; float: right; } /* error */ div.error { padding: 4px 0 2px 90px; } /* lightbox */ .lightbox { /* position: absolute; top: 140px; left: 290px;*/ width: 416px; /*428*/ border: 1px solid #ccc; background: #fff; padding: 12px 0 19px 12px; text-align: left; overflow: hidden; } .lightbox.inline { margin-left: 110px; } #content-main .lightbox h2, .lightbox h2 { margin: 0 0 20px 0; color: #666; } #content-main .lightbox p, .lightbox p { margin: 0; color: #333; line-height: 18px; } #content-main .lightbox p.readmore, .lightbox p.readmore { margin: 0 0 22px 0; } .lightbox .footer-text { margin: 30px 0 16px 0; } #content-main .lightbox .footer-text p.readmore, .lightbox .footer-text p.readmore { margin: 0px 0 5px 0; } /* anchors */ .lightbox a { color: #2100b5; } .lightbox a:hover { text-decoration: none; } .lightbox a:hover span { text-decoration: underline; } /* loading icon */ .js-loading { width: 18px; height: 18px; background: url('../images/content/ajax-loader.gif') no-repeat; } /*--------------------------------------*/ /* DO NOT EDIT STYLES BELOW */ /*--------------------------------------*/ .js-lightbox-preload-container { position: absolute; left: -10px; top:-10px; width: 1px; height: 1px; overflow: hidden; } .js-lightbox-preload-container .js-lightbox-content-wrapper { position: absolute; display: block; } .js-image-lightbox, .js-gallery-lightbox, .js-lightbox { position: absolute; top: 0; left: 0; display: none; } .js-lightbox-canvas { position: absolute; overflow: hidden; text-align: left; } .js-lightbox-next, .js-lightbox-previous { position: absolute; top: 20px; display: block; overflow: hidden; text-indent: -9999px; } .js-lightbox-previous { left: 0; } .js-lightbox-next { right: 0; } .js-lightbox-previous, .js-lightbox-next { background-repeat: no-repeat; } /* profile-rating */ div#profile-rating { position: relative; } /* rating stars */ ul.rating-stars { position: relative; float: left; display: none; width: 95px; height: 17px; background: url('../images/content/rating-stars.gif') no-repeat; overflow: hidden; } body.js ul.rating-stars { display: block; } ul.rating-stars li { display: inline; } ul.rating-stars li a { position: absolute; top: 0; left: 0; z-index: 200; display: block; width: 19px; height: 17px; text-indent: -999em; } ul.rating-stars li.one a { left: 0 } ul.rating-stars li.two a { left: 19px; } ul.rating-stars li.three a { left: 38px; } ul.rating-stars li.four a { left: 57px; } ul.rating-stars li.five a { left: 76px; } /* hover */ ul.rating-stars li a:hover { width: 95px; left: 0; z-index: 2; background: url('../images/content/rating-stars.gif') no-repeat 0 0; } ul.rating-stars li.one a:hover { background-position: 0 -17px; } ul.rating-stars li.two a:hover { background-position: 0 -34px; } ul.rating-stars li.three a:hover { background-position: 0 -51px; } ul.rating-stars li.four a:hover { background-position: 0 -68px; } ul.rating-stars li.five a:hover { background-position: 0 -85px; } /* rating values */ ul.value-1 { background-position: 0 -17px; } ul.value-2 { background-position: 0 -34px; } ul.value-3 { background-position: 0 -51px; } ul.value-4 { background-position: 0 -68px; } ul.value-5 { background-position: 0 -85px; } /* rating-container */ .rating-container { margin: 0 10px 29px 0; padding: 6px 0 0 7px; height: 24px; /*30*/ overflow: hidden; background: #c8c8c8 url('../images/content/rating-container.gif') repeat-x; } .rating-container p { float: left; padding: 2px 0 0 12px; font-size: 11px; color: #191919; } /* loading-rating */ .loading-rating { background: #333 url('../images/content/ajax-loader.gif') no-repeat 50% 95%; } /* comments */ .comments-container { width: 460px; padding: 10px 0 40px 0; } .comments-container h2 { margin: 0 0 10px 0; font-size: 17px; color: #ccc; } ol.comments li { margin: 0 0 10px 0; border-bottom: 1px solid #333; line-height: 18px; } ol.comments .meta { color: #666; } /* mpn */ .mpn { width: auto; margin: 20px 0; overflow: hidden; } .video-header .mpn { position: absolute; bottom: 0; right: 0; margin: 0; } .mpn li { display: inline; } .mpn li span, .mpn li a { display: block; float: left; cursor: pointer; } .mpn li span.dots, .mpn li a { margin: 0 5px 0 0; padding: 0 7px 0 0; height: 20px; line-height: 20px; color: #666; background: url('../images/mpn/mpn.gif') no-repeat top right; } .mpn li span.dots span, .mpn li span { padding: 0 0 0 7px; background: url('../images/mpn/mpn-span.gif') no-repeat; } /* selected state */ .mpn li.sel a { color: #fff; color: #fe9866; } .mpn li.sel a { background: url('../images/mpn/mpn-sel.gif') no-repeat top right; } .mpn li.sel span { background: url('../images/mpn/mpn-span-sel.gif') no-repeat; } /* button */ .mpn li.button a { color: #fff; background: url('../images/content/button.gif') no-repeat top right; font-weight: bold; } .mpn li.button span { background: url('../images/content/button-span.gif') no-repeat; } /* browse */ #content-main p.results span { font-weight: bold; color: #ff9666; } /* list */ ul.browse { margin: 0 0 20px 0; } ul.browse li { border-bottom: 1px solid #333; line-height: 18px; padding: 10px 0; } ul.browse li a { display: block; width: 700px; vertical-align: bottom; color: #666; overflow: hidden; cursor: pointer; } ul.browse li a img { float: left; } /* browse-content */ span.browse-content { float: right; width: 560px; padding: 8px 0 0; } ul.browse li a span { display: block; line-height: 18px; color: #c3c3c3; } ul.browse li a span.title { font-size: 18px; padding-bottom: 4px; color: #c3c3c3; } ul.browse li a span.video-count { color: #666; } ul.browse li a span.categories { } ul.browse li a span.video-count span { display: inline; font-weight: bold; letter-spacing: 1px; color: #2100b5; font-size: 16px; position: relative; top: 5px; } /* hover */ ul.browse li a:hover { text-decoration: none; } ul.browse li a:hover span.title { text-decoration: underline; } /* guest-filter-select header */ h2.guest-filter { padding-left: 190px; line-height: 29px; } /* container */ ul.guest-filter-select { position: absolute; padding-top: 6px; width: 180px; z-index: 10; } ul.guest-filter-select li { display: inline; /* ie fix */ } /* options */ ul.guest-filter-select li a { display: none; width: 170px; padding-left: 10px; font-size: 16px; font-weight: bold; line-height: 29px; color: #cccccc; background: transparent url('../images/content/guest-filter.gif') no-repeat 0px -30px; } /* options hover state */ ul.guest-filter-select li a:hover { text-decoration: none; color: white; background-position: 0px -60px; } /* show options */ ul.guest-filter-select.sel li a { display: block; } /* option selected */ ul.guest-filter-select li.guest-filter-selected a, ul.guest-filter-select li.guest-filter-selected a:hover, ul.guest-filter-select.sel li.guest-filter-selected a { display: block; background-position: 0px 0px; } /* no pointer at selected option */ ul.guest-filter-select.sel li.guest-filter-selected a { cursor: default; }