/* -------------------------------------------------------------- * Filename: style.css * Version: 2.0 (2010-08-01) -------------------------------------------------------------- */ /* Global */ html, body { margin: 0; padding: 0; color: #a1a1a1; } body { background: #000 url('/images/backdrop_1.jpg') no-repeat top center; } a { text-decoration: none; outline: 0; color: #fff; } a:hover { outline: 0; color: #fff; } h1, h2, h3, h4, h5, h6 { color: #fff; } h2 { margin: 0 0 3px 0; padding: 0; font: normal 24px "Helvetica Neue", helvetica, arial, sans-serif; text-transform: uppercase; letter-spacing:0.03em; } h3 { font-size: 1.3em; } strong { color: #fff; } hr { background-color: #333; border:1px dotted #000; } object, embed { outline: 0; border: 0; } .content { padding: 5px; } .center { text-align: center; } .auto-height { height: auto !important; } .bold { font-weight: bold; } a.title-link { color: #fff; } a.title-link:hover { border-bottom: solid 1px #fff; } a.link { border-bottom: solid 1px #fff; } a.link:hover { border-bottom: dotted 1px #fff; } /* Page Structure */ #page { width: 1070px; margin: 0 auto; /* overflow:hidden; */ } #page .container { background-color: #000; } #nav { height: 52px; background: #000 url('/images/nav_back2.gif') repeat-x; border-top: solid 2px #252525; overflow: hidden; } #nav ul { height:50px; list-style: none; padding: 0; margin: 0; } #nav ul li { float: left; margin: 0; font: normal 15px "Helvetica Neue", helvetica, arial, sans-serif; color: #fff; line-height: 54px; } #nav ul li.sep { width: 2px; border-left: dotted 1px #292929; text-indent: -99999px; } #nav ul li.nav_logo { margin: 0; padding: 4px 6px 0 0; } #nav ul li a { float: left; padding: 0 0 0 7px; color: #a1a1a1; text-transform: uppercase; text-shadow: 1px 1px 1px #000; background:url('/images/tab-left.gif') no-repeat left top; } #nav ul li a span { float:left; display:block; padding: 0 11px 0 4px; background:url('/images/tab-right.gif') no-repeat right top; } #nav ul li a:hover { color: #fff; background-position:0% -53px; } #nav ul li a:hover span { background-position:100% -53px; } #nav ul li.current a { color: #fff; background-position:0 -53px; } #nav ul li.current a span { background-position:100% -53px; } #nav ul li.shop a { color: #ffe100; } #inside_logo { width: 263px; height: 114px; margin: 15px 0 0 0px; background: url('/images/inside_logo.gif') no-repeat; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav ul li a span { float:none; text-shadow:0 2px 2px #000000; } /* End IE5-Mac hack */ /* Utility Bar */ #utility-bar { width: 1070px; height: 33px; display:table-cell; vertical-align: middle; } #utility-bar .promo { float: left; width: 480px; line-height:29px; margin-left: 15px; } #utility-bar .promo a { text-decoration: none; color: #ffff68; } #utility-bar .promo a:hover { text-decoration: underline; } #utility-bar .email_signup { float: left; /* width: 325px; padding-top:2px; */ height:19px; } #utility-bar .social_icons { float: right; height: 22px; line-height:42px; margin-right: 20px; display: table-cell; vertical-align: middle; } #utility-bar .social_icons a img { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); border: 0; width: 24px; height: 24px; padding-left: 5px; } #utility-bar .social_icons a img:hover { opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } form#searchform { } form#emailform table { margin-top:-2px; width: auto; } form#emailform table td { vertical-align: middle; height: 23px; padding: 0 6px 0 0; } form#emailform table td.button { padding: 0; } input.emailfield { border: solid 1px #010a0d; color: #a1a1a1; padding:3px 5px; background: #293f44; } select.gender { border: solid 1px #010a0d; color: #a1a1a1; padding:2px 3px; background: #293f44; } input.emailfield:focus, select.gender:focus { color: #fff; } /* Search Form */ form#searchform { } form#searchform table td { padding: 0 6px 0 0; } form#searchform table td.button { padding: 0; } input.searchfield { width: 185px; /* 240px; */ border: solid 1px #010a0d; color: #a1a1a1; margin-left:10px; padding:3px 5px; background: #293f44; } input.searchfield:focus { color: #fff; } #main_player { position: relative; width: 1070px; /* overflow: hidden; */ } #main_player .videoplayer { /* background: #000; overflow: hidden; */ width: 1070px; height: auto; margin-left: -8px; } #overlay_nav { float: left; width: 113px; height: 286px; margin: 55px 80px 0 -5px; } #overlay_nav ul { list-style: none; padding: 0; margin: 0; } #overlay_nav ul li { position: relative; margin: 0 0 6px 15px; } #overlay_nav ul li.logo { height: 127px; border: none; margin-left:0; } #overlay_nav ul li a { display: block; color: #fff; text-transform: uppercase; padding: 4px 0 0 4px; width: 250px; line-height: 29px; font: bold 27px "Helvetica Neue", helvetica, arial, sans-serif; background: #000; } #overlay_nav ul li a:hover { color: #fff; text-shadow: 1px 1px 0px #666; } #overlay_nav ul li.cat_fashion a:hover { background: #fc7d19; } #overlay_nav ul li.cat_music a:hover { background: #d20010; } #overlay_nav ul li.cat_culture a:hover { background: #1a6aeb; } #overlay_nav ul li.cat_sports a:hover { background: #23ae14; } #overlay_nav ul li.cat_issues a:hover { background: #fce222; } #overlay_nav ul li.cat_shows a:hover { background: #8300de; } #main_features { margin-top: 15px; } #main_features .container { height: 115px; overflow: hidden; margin-bottom: 15px; } #feat_slider { position:relative; margin: 0; list-style:none outside none; } #feat_slider .container { margin: 0 0 0 15px; } #feat_slider .item { margin-right: 8px; display: inline; width: 150px; height: 90px; } #feat_slider .item a img { border: solid 2px #000; width: 150px; height: 110px; } #feat_slider .item a img.selected, #feat_slider .item a img:hover { border: solid 2px #fff; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #feat_slider .last { margin-right: 0; } #video_meta .btn-left { float:left; height:40px; margin-right:10px; width:20px; } #video_meta .btn-right { float:right; height:40px; margin-left:10px; width:20px; } #video_meta { height: 40px; border-top: solid 1px #262626; border-bottom: solid 1px #434343; padding: 10px; margin: 0 25px; } #video_meta .title { color: #fff; font: normal 22px arial, helvetica, sans-serif; } #video_meta .title a:hover { text-decoration: underline; } #video_meta .info { color: #ababab; } #main_channels { float:left; margin:0 0 0 25px; width:650px; padding: 10px 0 0 0; } #main_channels .item, #main_channels .item img { width: 120px; height: 120px; } #main_channels .item { float: left; margin: 0 10px 10px 0; } #main_channels .item img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #main_channels .last { margin-right: 0; } .videoshare { float: left; text-align: center; width: 100px; margin:20px 0 0;} .videoshare .share { border: solid 1px #333; padding: 5px; } .videoshare .share a { color: #fff; } .videoshare .sep { height: 1px; padding: 0 4px 0 4px; margin: 3px 0 3px 0; border-bottom: solid 1px #333; } .videoshare .socshare { margin-top: 10px; border: solid 1px #333; padding: 5px; } .videoshare .socshare table { padding: 0; margin: 0; } .videoshare .socshare table td { padding: 2px; } #footer { margin: 15px 0 0 0; border-top: solid 1px #434343; padding-top: 15px; color: #fff; font-size: 11px; letter-spacing:0.03em; } #footer .logo { width: 140px; height: 68px; margin-top:-10px; background: url('/images/footer_logo.png') no-repeat; } #footer .links ul { list-style:none outside none; text-align: center; } #footer .links ul li { display: inline; padding:0 10px; } #footer .links a { color: #fff; } #footer .links a:hover { text-decoration: underline; } /* Ad Zones */ .hp_ad_300x250 { float: right; margin: 42px 15px 0 0; width: 300px; color: #fff; font-size: 8px; text-align: right; } /* Content; Inside Pages */ .widecolumn { /* padding: 30px; */ background: #000; padding-top: 15px; } /* Curve Boxes */ .curve { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .curve-3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* Shadow */ .shadow { text-shadow: 1px 1px 0px #efefef; } /* Category Page */ #cat_colorbar { display: block; color: #fff; margin: 10px 0 0 0; text-transform: uppercase; width: 250px; line-height: 29px; font: bold 27px "Helvetica Neue", helvetica, arial, sans-serif; background: #000; text-shadow: 1px 1px 0px #666; } .barcolor_fashion { padding: 4px 0 0 4px; background: #fc7d19; } .barcolor_music { padding: 4px 0 0 4px; background: #d20010; } .barcolor_culture { padding: 4px 0 0 4px; background: #1a6aeb; } .barcolor_sports { padding: 4px 0 0 4px; background: #23ae14; } .barcolor_issues { padding: 4px 0 0 4px; background: #fce222; } .barcolor_shows { padding: 4px 0 0 4px; background: #8300de; } #cat_colorborder { display: block; color: #fff; margin: 15px 0 0 0; text-transform: uppercase; line-height: 29px; font: normal 27px "Helvetica Neue", helvetica, arial, sans-serif; background: #000; } .barborder_fashion { border-bottom: solid 2px #fc7d19; } .barborder_music { border-bottom: solid 2px #d20010; } .barborder_culture { border-bottom: solid 2px #1a6aeb; } .barborder_sports { border-bottom: solid 2px #23ae14; } .barborder_issues { border-bottom: solid 2px #fce222; } .barborder_shows { border-bottom: solid 2px #8300de; } .boxborder_fashion { border: solid 2px #fc7d19; } .boxborder_music { border: solid 2px #d20010; } .boxborder_culture { border: solid 2px #1a6aeb; } .boxborder_sports { border: solid 2px #23ae14; } .boxborder_issues { border: solid 2px #fce222; } .boxborder_shows { border: solid 2px #8300de; } .textcolor_fashion { color: #fc7d19; } .textcolor_music { color: #d20010; } .textcolor_culture { color: #1a6aeb; } .textcolor_sports { color: #23ae14; } .textcolor_issues { color: #fce222; } .textcolor_shows { color: #8300de; } #cat_content { border-top: solid 1px #306263; padding-top: 20px; margin: 25px 0 0 0; } #cat_content .item_holder { background: #fff; height: 380px; margin-bottom: 15px; } #cat_content .item_holder .tab { width: 140px; height: 10px; margin: 0 auto 5px; } #cat_content .item_holder .item_content { padding: 10px; } #cat_content .item_holder h3 { margin: 10px 0 0 0; } #cat_content .item_holder h3 a { font-size: .85em; font-weight: bold; color: #000; } #cat_content .item_holder h3 a:hover { border-bottom: solid 1px #333; } #cat_content .item_holder p.postmetadata { float: right; margin: -15px 0 0 0; } #cat_content .item_holder p.postmetadata a { color: #000; } #cat_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #cat_content .item_holder img.thumbnail { width: 285px; height: 184px; } #cat_content .item_holder img.thumbnail-med { width: 190px; height: 123px; } #cat_content .item_holder .entry { font-size: 1.05em; line-height: 1.1em; margin: .5em 0 1.5em; color: #929292; } #cat_content .item_container { height: 160px; margin-bottom: 15px; } /* Quick Cat Page */ #quickcat_content { padding-top: 20px; margin: 0; } #quickcat_content .item_holder { background: #fff; height: 355px; } #quickcat_content .item_holder .tab { width: 140px; height: 10px; margin: 0 auto 5px; } #quickcat_content .item_holder .item_content { padding: 10px; } #quickcat_content .item_container h3 { margin: 10px 0 0 0; } #quickcat_content .item_container h3 a { font-size: 1.1em; color: #fff; } #quickcat_content .item_container h3 a:hover { border-bottom: solid 1px #fff; } #quickcat_content .item_container .entry { font-size: 1.05em; line-height: 1.1em; margin: .5em 0 1.5em; color: #929292; } #quickcat_content .item_container .entry p { font-size: .9em; } #quickcat_content .item_holder p.postmetadata { float: right; margin: -15px 0 0 0; } #quickcat_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #quickcat_content .item_holder img.thumbnail { width: 285px; height: 184px; } #quickcat_content .item_holder img.thumbnail-med { width: 190px; height: 123px; } #quickcat_content .item_container { margin-bottom: 20px; } /* Search Page */ #search_content { border-top: solid 1px #306263; padding-top: 20px; margin: 0; } #search_content .item_holder { background: #fff; height: 355px; } #search_content .item_holder .tab { width: 140px; height: 10px; margin: 0 auto 5px; } #search_content .item_holder .item_content { padding: 10px; } #search_content .item_container h3 { margin: 27px 0 0; } #search_content .item_container h3 a { font-size: 1.1em; color: #fff; } #search_content .item_container h3 a:hover { border-bottom: solid 1px #fff; } #search_content .item_container .entry { font-size: 1.05em; line-height: 1.1em; margin: .5em 0 1.5em; color: #929292; } #search_content .item_container .entry p { font-size: .9em; } #search_content .item_holder p.postmetadata { float: right; margin: -15px 0 0 0; } #search_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #search_content .item_holder img.thumbnail { width: 285px; height: 184px; } #search_content .item_holder img.thumbnail-med { width: 190px; height: 123px; } #search_content .item_container { height: 160px; margin-bottom: 20px; } /* Channel Page */ #channel_content { margin: 25px 0 0 0; } #channel_content .item_holder { background: #fff; padding: 10px 0 10px 0; text-align: center; } #channel_content .item_holder .item_content { padding: 10px; } #channel_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #channel_content .item_holder img { width: 110px; height: 110px; } #channel_content .item_holder .entry { font-size: 1.05em; line-height: 1.1em; margin: .5em 0 1.5em; color: #929292; } #channel_content .item_container { /* height: 230px; */ margin-bottom: 15px; } #channel_content .item_container h3 { margin: 0 0 5px 0; } #channel_content .item_container h3 a { font-weight: bold; } #channel_content .item_container h3 a:hover { border-bottom: solid 1px #fff; } /* Shows Page */ #shows_content { margin: 25px 0 0 0; } #shows_content .item_holder { background: #fff; padding: 10px 0 10px 0; text-align: center; } #shows_content .item_holder .item_content { padding: 10px; } #shows_content .item_holder h3 { margin: 10px 0 0 0; } #shows_content .item_holder h3 a { font-size: .85em; font-weight: bold; color: #000; } #shows_content .item_holder h3 a:hover { border-bottom: solid 1px #333; } #shows_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #shows_content .item_holder img { width: 275px; height: 154px; } #shows_content .item_holder .entry { font-size: 1.05em; line-height: 1.1em; margin: .5em 0 1.5em; color: #929292; } #shows_content .item_container { height: 230px; margin-bottom: 15px; } #shows_content .item_container p { font-size: 1.1em; } /* Category One Post Footer */ .mini_quickcat_content { padding-top: 5px; margin: 0; } .mini_quickcat_content .item_holder { background: #fff; height: 355px; } .mini_quickcat_content .item_holder .tab { width: 85px; height: 2px; margin: 0 auto 0; } .mini_quickcat_content .item_holder .item_content { padding: 10px; } .mini_quickcat_content .item_container { margin: 0 0 10px; } .mini_quickcat_content h3 { margin-bottom: .2em; } .mini_quickcat_content h3 a { font-size: .8em; color: #fff; } .mini_quickcat_content h3 a:hover { border-bottom: solid 1px #fff; } .mini_quickcat_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } .mini_quickcat_content .item_holder img.thumbnail { width: 150px; height: 85px; } /* Sidebar */ #sidebar .ad_300x250 { margin: 15px 0 0 0; font-size: .8em; text-align: right; } /* Sidebar Videos */ #sidebar_content { border-top: solid 1px #306263; padding-top: 5px; margin: 0; } #sidebar_content .item_holder { background: #fff; height: 355px; } #sidebar_content .item_holder .tab { width: 85px; height: 2px; margin: 0 auto 0; } #sidebar_content .item_holder .item_content { padding: 10px; } #sidebar_content .item_container { margin: 0 0 10px; } #sidebar_content h3 { margin-bottom: .2em; } #sidebar_content h3 a { font-size: .8em; color: #fff; } #sidebar_content h3 a:hover { border-bottom: solid 1px #fff; } #sidebar_content .item_holder img:hover { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -webkit-transition: all 0.1s ease-out; } #sidebar_content .item_holder img.thumbnail-small { width: 105px; height: 75px; } /* Post Page */ #insideplayer { border: solid 2px #316364; padding: 3px; margin: 15px 0 10px 0; } .post .entry { color: #cacaca; font-size:1.1em; } .post .entry p { margin: 0 0 15px 0; line-height: 1.2em; } .post .entry ul li { margin-bottom: 10px; } .post .date { font-size: 0.9em; } .post a { color: #fff; border-bottom: dotted 1px #fff; } .post a:hover { border-bottom: solid 1px #fff; } .post p { color: #dedede; font-size:1.1em; line-height: 1.2em; margin-top: .5em; } .post p.postmetadata { margin: 0 0 5px 0; font-size: 1em; text-transform: lowercase; } /* Disqus */ #dsq-content .dsq-comment-header { background: #d5d5d5 transparent !important; } #dsq-content h3 { font-size: 1.9em; color: #fff; } p.dsq-autheneticate-copy a, .dsq-options a, .dsq-request-user-name a { color: #fff; border-bottom: dotted 1px #fff !important; } p.dsq-autheneticate-copy a:hover, .dsq-options a:hover, .dsq-request-user-name a:hover { border-bottom: solid 1px #fff !important; } .dsq-brlink { display: none !important; } a.dsq-request-user-logout { text-transform: uppercase; color: #dedede; border: dotted 1px #dedede !important; padding: 3px; } a.dsq-request-user-logout:hover { border-bottom: solid 1px #fff !important; } .dsq-comment-cite a { color: #7ebdd1; } .dsq-comment-cite a:hover { color: #fff; border-bottom: solid 1px #fff !important; } /* Blogroll / Links */ ul.blogroll { list-style: none; padding: 0; margin: 0 0 0 10px; } ul.blogroll li { float: left; margin: 15px 15px 0 0; width: 175px; height: 160px; border: solid 2px #424242; } ul.blogroll li img { width: 175px; height: 160px; } /* Contact Form */ .wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap select:focus { border: 1px solid #dedede; color: #000; outline: 0; } .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select { border:1px solid #306263; color: #306263; font-size: 1.1em; padding: 4px; width: 390px; } .wpcf7-form-control-wrap select { margin: 0; width: 240px;} .wpcf7-form-control-wrap input { } span.wpcf7-not-valid-tip { top: -3px !important; left: 405px !important; background: transparent !important; border: 0 !important; color: #FF0000 !important; } /* Misc */ ul.btn_sorts { display: inline; list-style: none; padding: 0; margin: 0 0 0 10px; } ul.btn_sorts li { float: right; margin: 0 0 0 10px; width: 145px; height: 27px; line-height: 27px; font-size: .45em; text-align: center; background: url('/images/btn_sort.gif') no-repeat; } ul.btn_sorts li a { color: #a1a1a1; } ul.btn_sorts li a:hover, ul.btn_sorts li a.current { color: #fff; }