@import url(reset.css); img, a, li { behavior:url(iepngfix.htc); } /* Base Tags ------------------------------------------------------*/ body { font: 12px "verdana", arial, sans-serif; color: #fff; background: #29353d url(bg-body.jpg) repeat-x top; min-width: 1000px; } #container { margin: 1px auto 0 auto; width: 1000px; background: #29353d url(bg-container.gif) repeat-y top center; } #container.no_sidebar { background: #29353d url(bg-container-no_sidebar.gif) repeat-y top center; } .content { padding: 15px; background: #29353d; margin-left: 1px; } /* General Tags ------------------------------------------------------*/ h2 a, h3 a, h4 a { text-decoration: none; } strong, .bold { font-weight: bold; } .italic { font-style: italic; } a img { border: none; } a { color: #80ccff; text-decoration: none; outline: none; } a:hover { color: #ffbf00 !important; text-decoration: underline; } /* General / Links Tags ------------------------------------------------------*/ a.bullet { padding: 3px 0 3px 18px; background: transparent url(bullet.gif) no-repeat left center; } .bullet_dark { padding: 3px 0 3px 18px; background: transparent url(bullet-dark.gif) no-repeat left center; } a.button { display: block; text-align: left; height: 21px; font-size: 11px; letter-spacing: -1px; margin: 0; padding: 6px 0 0 28px; text-decoration: none; color: #fff; font-weight: bold; } a.button_on, a.button:hover { color: #0076bf !important; background: transparent url(button-on.png) no-repeat left center; } a.button.tiny { width: 60px; background: transparent url(button-small.png) no-repeat left center; } a.button.tiny:hover { background: transparent url(button-small-on.png) no-repeat left center; } a.button.mini { width: 100px; background: transparent url(button-medium.png) no-repeat top center; } a.button.mini.pad { margin-top: 10px; } a.button.mini:hover { width: 100px; background: transparent url(button-medium-on.png) no-repeat top center; } a.button.mini.rev { background: transparent url(button-medium-on.png) no-repeat top center; color: #0076bf; } a.button.mini.rev:hover { width: 100px; background: transparent url(button-medium.png) no-repeat top center; } a.button.med { width: 130px; background: transparent url(button.png) no-repeat top center; } a.button.wide { width: 180px; background: transparent url(button.png) no-repeat top left; } a.button.wide:hover { width: 180px; background: transparent url(button-on.png) no-repeat top left; } a.listen_now { display: block; height: 52px; width: 180px; background: transparent url(btn-listen_now.png) no-repeat top center; } a.listen_now:hover { background: transparent url(btn-listen_now-on.png) no-repeat; } a.listen_now span { display: none; } /* General / Rules Tags ------------------------------------------------------*/ .alignleft { text-align: left !important; } .aligncenter { text-align: center !important; } .alignright { text-align: right !important; } .valigntop { vertical-align: top !important; } .valignbottom { vertical-align: bottom !important; } .rulebelow { border-bottom: 1px #e6e6e6 solid; padding-bottom: 6px; } .ruleabove { border-top: 1px #e6e6e6 solid; padding-top: 6px; } .bordertop { border-top: 1px #545d64 solid; } .borderbottom { border-bottom: 1px #545d64 solid; } .borderright { border-right: 1px #545d64 solid; } .borderleft { border-left: 1px #545d64 solid; } .borderless { border: 0px solid #fff !important; } .spaceabove { margin-top: 15px !important; } .spacebelow { margin-bottom: 5px !important; } .nospaceabove { margin-top: 0 !important; padding-top: 0 !important; } .nospacebelow { margin-bottom: 0 !important; padding-bottom: 0 !important; } .noborder { border: none !important; } .nowrap { white-space: nowrap; } .nodisplay { display: none; } .nocellspacingborder { border-collapse: separate;border-spacing: 0; } .nocellspacing { border-spacing: 0; } .notableborder { border-collapse: separate; } .width100percent { width: 100% } .relatedcontentdatawidth { width: 48% } .relatedcontentemptydatawidth { width: 4% } .clear { display: block; clear: both; height: 1px; } .left { float: left; } .right { float: right; } .leftpad { float: left; margin: 0 10px 10px 0; } .rightpad { float: right; margin: 0 0 10px 0px; } .halfcol { float: left; width: 300px; } .grayborder { border: 1px #999 solid; } a:hover img.grayborder { border: 1px #ffbf00 solid; } .rule { border-top: 1px #545d64 solid; margin: 20px 0; } .gray { color: #999 !important; } .white { color: #fff !important; } .smalltext { font-size: 10px !important; } .pad40 { margin-right: 40px; } .pad20 { margin-right: 20px !important; } .padbot30 { margin-bottom: 30px !important; } /* Header Tags ------------------------------------------------------*/ #header { margin: 0 auto; width: 1000px; position: relative; height: 100px; } #header span, #header h1 { position: absolute; width: 500px; margin-left: -5000px; } a#home_link { position: absolute; display: block; top: 7px; left: 0px; width: 152px; height: 141px; background: url(dt_logo.png) no-repeat; } #header li { display: inline; } #banner { margin: 0 auto; width: 1000px; height: 90px; padding: 10px 0; text-align: center; } /* Header / Primary Nav Tags ------------------------------------------------------*/ #header ul#primary_nav { position: absolute; width: 480px; left: 262px; top: 30px; white-space: nowrap; } #header ul#primary_nav li a { display: block; float: left; width: 120px; height: 42px; background-repeat: no-repeat; } #header ul#primary_nav li a:hover, #header ul#primary_nav li a.active { background-position: 0 -42px; } #header a#nav_reviews { background: url(nav-reviews.gif) 0 0; } #header a#nav_news { background: url(nav-news.gif) 0 0; } #header a#nav_videos { background: url(nav-videos.gif) 0 0; } #header a#nav_downloads { background: url(nav-downloads.gif) 0 0; } /* Header / Secondary Nav Tags ------------------------------------------------------*/ #header ul#secondary_nav { font-size: 11px; position: absolute; left: 205px; top: 80px; width: 600px; text-align: center; color: #999; } #header ul#secondary_nav a { color: #999; text-decoration: none; padding: 5px 3px 5px 2px; } #header ul#secondary_nav a:hover, #header ul#secondary_nav a.active { color: #ffbf00; } /* Header / Third Nav Tags ------------------------------------------------------*/ #header ul#third_nav { position: absolute; top: 10px; left: 785px; } #header ul#third_nav li { display: inline; list-style: none; font-weight: bold; color: #ccc; } #header ul#third_nav li.newsletter { display: block; list-style: none; font-weight: bold; color: #ccc; padding-left: 20px; background: transparent url(email_add.png) no-repeat;} /* Header / Search Nav Tags ------------------------------------------------------*/ #header p#search { position: absolute; left: 787px; top: 40px; white-space: nowrap; } #header p#search input { vertical-align: middle; } #header p#search #searchbox { font-size: 14px; width: 170px; background: #fff; border: 1px #ccc solid; } /* Main / Content Text Tags ------------------------------------------------------*/ #main #content_text { margin-bottom: 20px; } #main #content_text p, #main #content_text div { margin: 0; line-height: 18px; padding-bottom: 10px; } #main #content_text p strong { font-weight: bold; } #main #content_text p em, #main #content_text p cite{ font-style: italic; } #main #content_text p del, #main #content_text p strike { text-decoration: line-through; } #main #content_text p img, #main #content_text div img { margin: 10px; } #main #content_text h1 { margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: bold !important; color: #9c6; } #main #content_text h2 { min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: bold; color: #9c6; } #main #content_text h3 { margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: bold; border-bottom: none; letter-spacing: 0px; color: #9c6; } #main #content_text h4 { margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: bold; color: #9c6; } #main #content_text ul, #main #content_text ol { } #main #content_text table th { padding: 5px; vertical-align: middle; font-weight: bold; background: #516876; border: 1px solid #545d64; } #main #content_text table td { margin: 0 !important; padding: 5px !important; background: #3f4a51; border: 1px solid #545d64; } #main #content_text p.feedimage {margin: 0 0 10px 0 !important; padding: 0 !important; } #main #content_text p.feedimage img { margin: 0 10px 0 0 !important; padding: 0 !important; vertical-align: middle; } /* Main Tags ------------------------------------------------------*/ #main { background: transparent; float: left; width: 650px; margin-bottom: 20px; } /* Main Header Tags ------------------------------------------------------*/ #main h1 { min-height: 45px; position: relative; margin: 0; padding: 0 0 5px 55px; font-family: Arial, sans-serif !important; font-size: 36px; font-weight: bold; color: #fff; letter-spacing: -1px; line-height: 30px; } #main h1.small { font-size: 30px; } #main h2 { min-height: 45px; position: relative; margin: 0; padding: 0 0 5px 55px; font-family: Arial, sans-serif !important; font-size: 36px; font-weight: bold; color: #fff; letter-spacing: -1px; line-height: 30px; } #main h2 p.textline { margin: 3px 0 15px 0; padding: 0; letter-spacing: 1px; font-size: 9px !important; font-weight: normal; color: #ccc !important; line-height: 12px; } #main h2 span.textline { margin: 3px 0 15px 0; padding: 0; display: block; letter-spacing: 1px; font-size: 9px !important; font-weight: normal; color: #ccc !important; line-height: 12px; } #main h2 p.byline { margin: 8px 0 15px 0; letter-spacing: 1px; font-size: 8px !important; font-weight: normal; color: #999 !important; line-height: 12px; } #main h2 span.byline { margin: 8px 0 15px 0; display: block; letter-spacing: 1px; font-size: 8px !important; font-weight: normal; color: #999 !important; line-height: 12px; } #main h2.special { height: 55px; } #main h2.clamp { width: 70%; } #main h2 .dim { color: #999; } #main h2.small { font-size: 30px; } #main h2.smaller { padding-top: 5px; font-size: 28px; } #main h2.muchsmaller { padding-top: 5px; font-size: 22px; } #main h2.nobyline { margin-bottom: -20px !important; padding-top: 8px; } #main h2#account { background: transparent url(users-48.png) no-repeat; } #main h2#videos { background: transparent url(videos-48.gif) no-repeat; } #main h2#downloads { background: transparent url(download-48.gif) no-repeat; padding-top: 5px !important; _padding-bottom: 20px; } #main h2#podcasts { background: transparent url(ipod-48.png) no-repeat; padding-left: 40px !important; } #main h2#guides { background: transparent url(guide-48.png) no-repeat; } #main h2#reviews { background: transparent url(review-48.png) no-repeat; padding-top: 5px !important; padding-left: 45px !important; } #main h2#reviews span.byline { left: 48px !important; } #main h2#reviews span.textline { left: 48px !important; } #main h2#news { background: transparent url(news-48.png) no-repeat; } #main h2#talkbacks { background: transparent url(talk_balloon-48.png) no-repeat; } #main h2#firstlooks { background: transparent url(magnify-48.png) no-repeat; } #main h2#features { background: transparent url(features-48.png) no-repeat; } #main h3 { font-family: Arial, sans-serif !important; font-size: 24px; font-weight: bold; color: #9c6; letter-spacing: -1px; border-bottom: 1px #545d64 solid; margin-top: 20px; margin-bottom: 4px; } #main h3 select { margin: 3px 0 !important; } #main h3 .dim { color: #618152; } #main h3.padright img { padding-right: 5px; } #main h4 { font-family: Arial, sans-serif !important; font-size: 18px; line-height: 20px; font-weight: bold; color: #9c6; margin-bottom: 4px; margin-top: 15px; } #main h5 { font-family: Arial, sans-serif !important; font-size: 12px; font-weight: bold; color: #9c6; margin-bottom: 4px; } #main .justext { line-height: 18px; } #main p { margin: 0; padding-bottom: 5px; line-height: 18px; } #main p.google_ad { margin: 20px 0; } #main ul { list-style: circle; margin-left: 18px; } #main li { padding: 6px 0; } #main ul.bullets { list-style: none; margin-left: 0; } #main ul.bullets li { padding-left: 20px; background: transparent url(bullet-dark.gif) no-repeat left center; } #main ul.halfcol.bullets li a { text-decoration: none; font-size: 16px; font-weight: bold; } #main li.up { background: transparent url(up.gif) no-repeat left center !important; } #main li.down { background: transparent url(down.gif) no-repeat left center !important; } #main li.up a, #main li.down a { color: #fff; text-decoration: none; } /* Main / Content / Footer Tags ------------------------------------------------------*/ #main .contentfooter ul.social { text-align: left; margin: 10px 0 0 0; padding: 0; } #main .contentfooter ul.social li, #main .contentfooter ul.pages li { display: inline; list-style: none; } #main .contentfooter ul.social li { display: inline; margin: 0; padding: 0 5px 0 0; list-style: none; } #main .contentfooter ul.pages { text-align: right; margin: 0; padding: 20px 15px 15px 0; color: #666; } #main .contentfooter ul.pages li { margin: 0; text-align: left; } #main .contentfooter ul.pages li a.active { text-decoration: underline; color: #fff; } #main .contentfooter a.print { padding: 0 5px 0 20px; background: url('print-16.gif') no-repeat; } #main .contentfooter a.previous { padding: 0 5px 0 20px; background: url('arrowleft.gif') no-repeat top left; } #main .contentfooter a.next { padding: 0 20px 0 0; background: url('arrowright.gif') no-repeat top right; } #main .contentfooter a.buzz { padding: 0 5px 0 20px; background: url('cssn/buzz-16.gif') no-repeat; } #main .contentfooter a.sphere { padding: 0 5px 0 20px; background: url('sphere-16.gif') no-repeat; } /* Main / Highlight Tags ------------------------------------------------------*/ #main #highlight { clear: both; height: 100%; position: relative; padding: 10px 10px 7px 10px; display: block; text-align: left; background: #3f4a51; } #main #highlight.home { height: 170px; } #main #highlight .thevideo { position: absolute; top: 10px; left: 10px; width: 220px; margin: 0 20px 0 0;} #main #highlight .info { position: absolute; top: 0; right: 20px; width: 350px;} #main #highlight .info h4 { font-size: 18px; font-weight: bold; color: #9c6; } #main #highlight.podcasts { margin: 20px 0 !important; } #main #highlight.podcasts h5 { width: 400px; padding-top: 5px; } #main #highlight.podcasts h5 span { font-size: 23px !important; font-weight: bold !important; color: #9c6 !important; } #main #highlight.podcasts p { margin: 0; padding: 0; } /* #main #highlight.userreview { margin: 10px 0; padding-left: 20px; text-align: center; } #main #highlight.userreview h4 { padding: 5px 0 0 30px; } */ /* Main / Triple View Tags ------------------------------------------------------*/ #main div.tripleview.med ul li a { padding-top: 10px !important; height: 200px !important; } #main div.tripleview.large ul li a { height: 330px !important; } #main div.tripleview ul { position: relative; float: left; margin: 5px 0 10px 0 !important; padding: 0 !important; } #main div.tripleview ul.rightpad { margin-right: 10px !important; } #main div.tripleview ul li { display: block; margin: 0 !important; padding: 0 !important; list-style: none; text-align: center; background: #29353d; } #main div.tripleview ul li a { display: block; width: 168px; padding: 20px 15px; background: #3f4a51; text-decoration: none !important; } #main div.tripleview ul li a img { margin-bottom: 0px !important; } #main div.tripleview ul li a h4 { margin-top: 10px; font-size: 18px; font-weight: bold; color: #80ccff !important; text-align: left; } #main div.tripleview.med ul li a h5 { margin: 0; padding: 0 0 10px 0; font-weight: bold; text-align: left; color: #80ccff; } #main div.tripleview ul li a p { margin: 0; font-size: 11px; line-height: 14px; color: #fff; text-align: left; } #main div.tripleview ul li a p.date { margin-top: 0px !important; font-size: 10px; color: #999; text-align: left; } #main div.tripleview ul li a p.full { position: absolute; bottom: 15px; left: 10px; padding: 0 0 3px 20px; font-weight: bold; background: transparent url(bullet-dark.gif) no-repeat; color: #80ccff; } #main div.tripleview ul li a:hover p.full, #main div.tripleview ul li a:hover h4, #main div.tripleview.med ul li a:hover h5 { color: #ffbf00 !important; } /* Main / Quad View Tags ------------------------------------------------------*/ #main div.quadview ul { float: left; margin: 0; padding: 0; } #main div.quadview ul.rightpad { margin-right: 10px !important; } #main div.quadview ul li { position: relative; margin: 0 0 10px 0; padding: 0; list-style: none; background: #29353d; } #main div.quadview ul li a { display: block; width: 280px; height: 150px; padding: 0 10px; background: #3f4a51; text-decoration: none !important; } #main div.quadview ul li h5 { position: absolute; top: 10px; left: 10px; font-size: 12px; font-weight: bold; color: #80ccff !important; text-align: left; } #main div.quadview ul li img.main { position: absolute; top: 35px; left: 10px; border: 1px #949a9e solid !important; } #main div.quadview ul li p.text { position: absolute; top: 35px; left: 140px; width: 145px; font-size: 11px; line-height: 14px; color: #fff; text-align: left; } #main div.quadview ul li p.text img { float: right; margin: 0; padding: 0; } #main div.quadview p.but { position: absolute; top: 120px; left: 10px; padding: 0 0 0 20px; font-weight: bold; background: transparent url(bullet-dark.gif) no-repeat 0 70%; color: #80ccff; } #main div.quadview ul li a:hover p.but, #main div.quadview ul li a:hover h5 { color: #ffbf00 !important; } /* Main / Menu Category Tags ------------------------------------------------------*/ #main #menu_category { width: 610px !important; position: relative; margin: 0; padding: 0; } #main #menu_category h4 span { font-size: 14px !important; } #main #menu_category h4 a { text-decoration: none; } #main #menu_category ul { margin: 0 !important; padding: 0 !important; } #main #menu_category li { float: left; width: 33%; list-style: none; } #main #menu_category li a { margin: 0 10px 0 0; padding: 5px 0 5px 10px; display: block; font-weight: bold; font-size: 12px; text-decoration: none; background: #3f4a51; border: 1px solid #545d64; } /* Main / Content Cat Tags ------------------------------------------------------*/ #main div.content_cat { float: left; width: 300px; margin-bottom: 20px; } #main div.content_cat.padleft { margin-right: 20px; } /* Main / Top Videos Tags ------------------------------------------------------*/ #main #videolist_top { clear: both; margin: 0; } #main #videolist_top h3 { padding: 0 0 0 30px; background: url(/video-24.gif) no-repeat left top; } #main #videolist_top table td { margin: 0 !important;padding: 10px !important; border-bottom: 1px solid #545d64; vertical-align: top; } #main #videolist_top td h4 { margin: 0 !important;padding: 0 !important; } #main #videolist_top td h5 { margin: 0 !important;padding: 0 !important; } #main #videolist_top td a img { margin: 0 !important;padding: 0 !important; } #main #videolist_top td.number { text-align: center; vertical-align: middle;font-weight: bold; font-size: 36px; color: #3f4a51; } /* Main / Video Main List Tags ------------------------------------------------------*/ ul.videomainlist { clear: both; } ul.videomainlist li { display: inline; } ul.videomainlist li img { margin-bottom: 5px; } ul.videomainlist li a { float: left; display: block; margin: 0 10px 11px 0; width: 150px; height: 90px; padding: 10px; text-align: center; font-size: 11px; background: #29353d; border: 1px solid #666; text-decoration: none; } /* Main / Breadcrumbs Tags ------------------------------------------------------*/ ul#breadcrumbs { padding: 6px 6px 6px 0; font-size: 11px; background: #29353d;border-bottom: 1px #545d64 solid; } ul#breadcrumbs li { display: inline;list-style: none;} ul#breadcrumbs li a { padding-right: 10px; color: #55819e; text-decoration: none; background: transparent url(arrow.gif) no-repeat right center; } ul#breadcrumbs li a.last { padding-right: 0; background-image: none; color: #999; font-weight: bold; } /* Main / Video Player Tags ------------------------------------------------------*/ #main #video_player { display: block; } #main #video_meta { width: 610px; margin: 0 0 5px 0; border: 1px #545d64 solid; } #main #video_meta ul { margin: 0; padding: 10px 10px; } #main #video_meta ul li { display: block; margin: 0; padding: 0 0 10px 0; list-style: none; color: #fff; } #main #video_meta ul li span { font-weight: bold; } #main #video_meta ul.info1 { float: left; width: 350px; border-right: 1px #545d64 solid; } #main #video_meta ul.info2 { float: left; width: 200px; } /* General / Review Copy Tags ------------------------------------------------------*/ #main #review p { color: #000; margin-bottom: 10px; } #main #review_copy { margin-left: 385px; padding-right: 15px; } #main #review_copy h4 { margin-left: 69px; font-size: 14px; line-height: 16px; color: #fff; margin-bottom: 10px; } #main #review_copy p { color: #000; margin-bottom: 10px; } #main #review_copy p.highs { padding-left: 20px; background: url(checkmark.gif) no-repeat left top; } #main #review_copy p.lows { padding-left: 20px; background: url(redx.gif) no-repeat left top; } #main #review_copy li { padding: 3px 0 3px 20px; background: transparent url(bullet.gif) no-repeat left center; } #main #review_copy li a { color: #0076bf; text-decoration: none; } #main #review_copy li a:hover { color: #c90; } /* General / Review Categories Tags ------------------------------------------------------*/ #main .review_categories ul { list-style: none; margin-left: 0; } #main .review_categories a { text-decoration: none; font-weight: bold; font-size: 16px; } #main .review_categories li { padding: 6px 0; } #main .review_categories li ul { margin-left: 48px; } #main .review_categories li li { font-size: 12px; padding: 2px 0; } #main .review_categories li li a { font-size: 12px; font-weight: normal; } #main #review .video_copy { color: #000; padding-right: 15px; line-height: 18px; } /* Main / Other (News Detail) Tags ------------------------------------------------------*/ #main .imagetext { float: left; margin: 0 20px 10px 0 !important; padding: 0 !important; } #main .imagetext img { margin: 0; padding: 0 !important; } #main .imagetext p { margin: 0; padding: 0 !important; text-align: center; font-size: 10px; } /* Main Text Middle Tags ------------------------------------------------------*/ #main .content .textmiddle div { width: 300px; margin-bottom: 30px !important; } #main .content .textmiddle div.padright { padding-right: 10px; } /* General / Photo Thumbs Tags ------------------------------------------------------*/ #main #photo_thumbs { position: absolute; left: 15px; bottom: 20px; color: #333; font-size: 11px; font-weight: bold; } #main #photo_thumbs a img { border: 2px #999 solid; margin-right: 2px; } #main #photo_thumbs a.on img, #main #photo_thumbs a:hover img { border: 2px #ffbf00 solid; } /* General / Highlight Tags ------------------------------------------------------*/ #main div.highlight { margin-bottom: 20px; background: #3f4a51; border: 1px #949a9e solid; padding: 10px; } #main .highlight { margin-bottom: 20px; } #main .highlight td { background: #3f4a51; border: 1px #949a9e solid; padding: 10px; } #main .highlight td.spacer { background: transparent; border: 0; padding: 0; } #main .highlight a { font-weight: bold; text-decoration: none; } #main .highlight a:hover { color: #c90 !important; } #main .highlight p { font-size: 11px; line-height: 14px; margin-bottom: 10px; } #main .fadebox { padding: 10px; margin: 20px 0; background: #3f4a51; border: 1px #949a9e solid; } #main .fadebox .slider { display: none; } #main .padded_table td { padding: 0 10px 10px 0; } /* General / Article List Tags ------------------------------------------------------*/ #main .article_list { width: 300px; margin-bottom: 10px; } #main .article_list h4 { font-weight: bold; margin-bottom: 0; clear: left; } #main .article_list h4 a { text-decoration: none; } #main .article_list p { margin-top: 5px; margin-bottom: 10px; line-height: 14px; } #main .article_list .sub { height: 100%; margin: 0 0 15px 0; padding: 15px; display: block; text-align: left; background: #3f4a51; } #main .article_list .sub h5 { font-size: 20px; color: #ccc; } #main .article_list h5.morenews a { font-size: 18px; color: #fff; } #main .article_list .sub h4 { font-size: 16px; } #main .article_list .sub p { font-size: 12px; } #main .article_list .sub ul li { font-size: 13px; } #main .article_list #fphighlights ul { margin-top: 0 !important; } #main .article_list #fphighlights li { margin-left: -20px; padding: 0 0 10px 0 !important; list-style: none; } /* General / Mini Nav Tags ------------------------------------------------------*/ #main ul#mininav { width: 620px; white-space: nowrap; margin: 0; } #main ul#mininav li { display: inline; } #main ul#mininav li span { position: absolute; width: 500px; margin-left: -5000px; } #main ul#mininav li a { display: block; float: left; width: 124px; height: 17px; background-repeat: no-repeat; } #main ul#mininav li a:hover, #main ul#mininav li a.on { background-position: 0 -17px; } a#mininav_intro { background: url(mininav-intro.gif) 0 0; } a#mininav_full_review { background: url(mininav-full_review.gif) 0 0; } a#mininav_specs { background: url(mininav-specs.gif) 0 0; } a#mininav_user_reviews { background: url(mininav-user_reviews.gif) 0 0; } a#mininav_buy { background: url(mininav-buy.gif) 0 0; } /* General / Numbers Tags ------------------------------------------------------*/ #main li.one { list-style: none; padding-left: 20px; background: url(1.gif) no-repeat left 6px; } #main li.two { list-style: none; padding-left: 20px; background: url(2.gif) no-repeat left 6px; } #main li.three { list-style: none; padding-left: 20px; background: url(3.gif) no-repeat left 6px; } #main li.four { list-style: none; padding-left: 20px; background: url(4.gif) no-repeat left 6px; } #main li.five { list-style: none; padding-left: 20px; background: url(5.gif) no-repeat left 6px; } #main li.six { list-style: none; padding-left: 20px; background: url(6.gif) no-repeat left 6px; } #main li.seven { list-style: none; padding-left: 20px; background: url(7.gif) no-repeat left 6px; } #main li.eight { list-style: none; padding-left: 20px; background: url(8.gif) no-repeat left 6px; } #main li.nine { list-style: none; padding-left: 20px; background: url(9.gif) no-repeat left 6px; } #main li.ten { list-style: none; padding-left: 20px; background: url(10.gif) no-repeat left 6px; } /* General / Comments Tags ------------------------------------------------------*/ #main #minicomments h4 { margin-top: 5px; font-size: 14px; } #main #minicomments a.delete { margin-right: 10px; padding-left: 20px; background: url(delete.png) no-repeat left top; } #main #minicomments a.ban { padding-left: 20px; background: url(ban.png) no-repeat left top; } #main #minicomments a.email { padding-left: 20px !important; background: url(email.png) no-repeat left top; } #main #minicomments .comment.alt { background: #435663; } #main #formvertical form { } #main #formvertical fieldset { display: block; margin: 0; padding: 0; } #main #formvertical input.hidden { display: none; } #main #formvertical div.radio { width: 250px; 0; } #main #formvertical div.radio input { clear: both; float: left; width: auto; margin: 0 10px 3px 0; } #main #formvertical input { display: block; width: 300px; padding: 2px 4px; } #main #formvertical label { display: block; margin-bottom: 10px; font-weight: bold; } #main #formvertical textarea { display: block; width: 450px; height: 150px; padding: 2px 4px; } #main #formvertical p.submit input { width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(button.png) no-repeat; border: 0px solid #fff; cursor: pointer; } #main #formvertical p.submit input:hover { background: transparent url(button-on.png) no-repeat; border: 0px solid #fff; cursor: pointer; } a.more_link { float: right; font-size: 9px; padding-top: 8px; font-weight: normal; letter-spacing: 0; } /* General / Video Box Tags ------------------------------------------------------*/ #main #video_portal { width: 598px; height: 100px; overflow: hidden; position: relative; border: 1px #545d64 solid; padding: 10px; } #main #video_content { width: 1080px; position: relative; } #main .videobox { width: 90px; min-height: 84px; padding: 9px 9px 5px 8px; border: 1px #545d64 solid; margin-right: 5px; background: #3f4a51; text-align: left; } #main .videobox img { border: 1px #3f4a51 solid; } #main .videobox p { font-size: 11px; margin: 4px 0 0 0; } #main .videobox a { text-decoration: none; } #main .videobox a:hover { color: #ffbf00; } #main .videobox a:hover img { border: 1px #ffbf00 solid; } /* General / Tab Menu Tags ------------------------------------------------------*/ #main #tab_menu { border-bottom: 1px solid #545d64; margin: 10px 0 0 0; padding-bottom: 27px; padding-left: 10px; } #main #tab_menu ul, #main #tab_menu li { display: inline; list-style: none; margin: 0; padding: 0; } #main #tab_menu a { background: #3f4a51; border: 1px solid #545d64; float: left; margin-right: 8px; padding: 6px 10px 6px 10px; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 14px; } #main #tab_menu li.on a { color: #fff; background: #29353d; border-bottom: 1px solid #29353d; } #main .menu_div { border: 1px solid #545d64; border-top: 0; height: 215px; overflow: auto; padding: 10px 5px; } #main .top_ten td { padding: 10px; border-bottom: 1px solid #545d64; } #main .top_ten td.number { padding: 0; text-align: center; font-weight: bold; font-size: 36px; color: #3f4a51; } /* Main / Paging Tags ------------------------------------------------------*/ #main #paging_options { height: 20px; margin: 10px 0; clear: both; } #main #paging_options ul.paging { float: left; margin: 0; } #main #paging_options div { float: right; margin-right: 10px; } #main .paging ul { margin: 0; padding: 0; } #main .paging li { margin: 0; padding: 0; display: inline; list-style: none; } #main .paging a { float: left; margin-right: 4px; padding: 3px 6px; font-weight: bold; text-decoration: none; background: #3f4a51; border: 1px solid #545d64; } #main .paging li.on a { color: #fff; background: #29353d; border: 1px solid #fff; } #main .paging li.label { float: left; padding: 3px 6px 3px 0; font-weight: bold; color: #fff; } /* Main / Feature Tags ------------------------------------------------------*/ #main .mainfeature { clear: both; height: 100%; margin: 0 0 15px 0; padding: 10px; display: block; text-align: left; background: #3f4a51; } #main .mainfeature .side { width: 300px; } #main .mainfeature h3 { margin: 0; padding: 0; font-size: 21px; font-weight: bold; color: #fff; border: 0px solid #ccc; } #main .mainfeature p { font-size: 12px; color: #fff; line-height: 16px; margin: 0; } #main .mainfeature ul { margin: 10px 0 0 0; padding: 0; } #main .mainfeature ul li { list-style: circle; line-height: 16px; margin-left: 20px; } #main .mainfeature .mfi { display: block; width: 285px; height: 200px; background: #3f4a51; } #main .mainfeature .mfi img { margin: 0; padding: 0; } /* Main / Review Box Tags ------------------------------------------------------*/ #main .reviewbox { background: #d3d7d8 url(bg_review_block.gif) repeat-x; } #main ul.menu_mini { clear: both; margin: 0 0 0 0; } #main ul.menu_mini li { display: inline; } #main ul.menu_mini li span { display: none; } #main ul.menu_mini li a { float: left; width: 123px; height: 17px; display: block; background-repeat: no-repeat; } #main ul.menu_mini li a:hover, #main ul.menu_mini li a.on { background-position: 0 -17px; } #main .reviewbox .imagethumb { width: 335px; float: left; } #main .reviewbox .mainimage { margin-top: 10px; } #main .reviewbox .mainimage.oldimage { padding: 0; background: #fff; border: 2px #999 solid; } #main .reviewbox ul.thumbs { margin: 0; padding-top: 20px; } #main .reviewbox ul.thumbs li { display: inline; font-size: 11px; font-weight: bold; color: #333; } #main .reviewbox ul.thumbs li a img { margin-right: 2px; border: 2px #999 solid; } #main .reviewbox ul.thumbs li a.on img, #main .reviewbox ul.thumbs li a:hover img { border: 2px #ffbf00 solid; } #main .reviewbox .metainfo { float: right; width: 250px; margin-top: 10px; } #main .reviewbox .metainfo h4 { margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 14px; line-height: 16px; color: #fff; } #main .reviewbox .metainfo h4 img { margin: 0 !important; padding: 0 10px 0 0; } #main .reviewbox .metainfo h4 img.reader_review { margin: 10px 0 10px 12px !important; } #main .reviewbox .metainfo p { margin: 0 0 10px 0; color: #000; } #main .reviewbox .metainfo p.highs { padding-left: 20px; background: url(checkmark.gif) no-repeat left top; } #main .reviewbox .metainfo p.lows { padding-left: 20px; background: url(redx.gif) no-repeat left top; } #main .reviewbox .metainfo span { font-weight: bold; } #main .reviewbox .metainfo ul { margin: -10px 0 0 0 !important; } #main .reviewbox .metainfo li { padding: 3px 0 3px 20px; background: transparent url(bullet.gif) no-repeat left center; } #main .reviewbox .metainfo li a { font-size: 12px; color: #0076bf; text-decoration: none; } #main .reviewbox .metainfo li a:hover { color: #c90; } /* Main / Review / Top Reviews Tags ------------------------------------------------------*/ #main .top_reviews { float: left; width: 300px !important; } #main .top_reviews h4 img { margin-right: 15px !important } /* Main / Review / Categories Tags ------------------------------------------------------*/ #main .review_categories, #main div.top_categories { float: left; width: 45%; } #main .review_categories li { margin-left: 30px; padding: 0 0 5px 0; list-style: circle; } #main .review_categories a { text-decoration: none; font-size: 13px !important; font-weight: normal; } #main .review_categories h4.main a { font-size: 20px !important; font-weight: bold; color: #80ccff; } #main .top_categories h4.main a { font-size: 20px; font-weight: bold; } #main .review_categories.padright, #main .top_categories.padright { padding-right: 30px; } #main .review_categories .topreviews h4 img {margin 0 10px 0 -35px !important; } #main .review_categories h4.main, #main div.top_categories h4.main { padding: 5px 0 5px 35px !important; } #main .review_categories h4.business, #main div.top_categories h4.business { background: transparent url(business-32.png) no-repeat; } #main .review_categories h4.games, #main div.top_categories h4.games { background: transparent url(gamepad-32.png) no-repeat; } #main .review_categories h4.internet, #main div.top_categories h4.internet { background: transparent url(globe-32.gif) no-repeat; } #main .review_categories h4.multimedia, #main div.top_categories h4.multimedia { background: transparent url(video-32.png) no-repeat; } #main .review_categories h4.security, #main div.top_categories h4.security { background: transparent url(shield-32.png) no-repeat; } #main .review_categories h4.system, #main div.top_categories h4.system { background: transparent url(tools-32.png) no-repeat; } #main .review_categories h4.themes, #main div.top_categories h4.themes { background: transparent url(masks-32.png) no-repeat; } /* Sidebar Tags ------------------------------------------------------*/ #sidebar { float: right; width: 350px; } #sidebar .sideblock { clear: both; margin-top: 0 !important; padding: 15px; padding-top: 0 !important; } .sidebar_ad { margin-bottom: 20px; padding-top: 8px; text-align: center; } .sidebar_ad.push { margin-top: 90px !important; } /* Sidebar General Tags ------------------------------------------------------*/ #sidebar h3 { font-family: Arial, sans-serif !important; position: relative; padding: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #9c6; letter-spacing: -1px; border-bottom: 1px #545d64 solid; margin-top: 15px; margin-bottom: 3px; } #sidebar h3.icon { padding-left: 30px; } #sidebar div.push { padding-top: 5px !important; } #sidebar h3 span { position: absolute; top: 5px; right: 10px; font-size: 10px; font-weight: normal; letter-spacing: 0; } #sidebar h4 { font-size: 12px; font-weight: bold; color: #9c6; margin-bottom: 4px; margin-top: 10px; } #sidebar h5.socialbook { margin: 0; padding-top: 10px; font-weight: bold; } #sidebar ul { list-style: circle; color: #949a9e; margin-left: 18px; } #sidebar li { padding: 6px 0; color: #fff; line-height: 13px; } /*minicomments Sidebar Heading Tags ------------------------------------------------------*/ #sidebar h3.multimedia { background: transparent url(video-24.png) no-repeat; } #sidebar h3.business { background: transparent url(business-24.png) no-repeat; } #sidebar h3.tools { background: transparent url(tools-24.png) no-repeat; } #sidebar h3.themes { background: transparent url(masks-24.png) no-repeat; } #sidebar h3.internet { background: transparent url(globe-24.png) no-repeat; } #sidebar h3.review { background: transparent url(review-24.gif) no-repeat; } #sidebar h3.guide { background: transparent url(guide-24.gif) no-repeat; } #sidebar h3.smiley { background: transparent url(smiley-24.gif) no-repeat; } #sidebar h3.podcasts { padding-left: 20px !important; background: transparent url(ipod-24.png) no-repeat; } #sidebar h3.video { background: transparent url(video-24.gif) no-repeat; } #sidebar h3.newschannels { background: transparent url(channels-24.gif) no-repeat; } #sidebar h3.talkbacks { background: transparent url(talk_balloon-24.gif) no-repeat; } #sidebar h3.newest { background: transparent url(clock-24.gif) no-repeat; } #sidebar h3.news { background: transparent url(news-24.gif) no-repeat; } #sidebar h3.games { background: transparent url(gamepad-24.png) no-repeat; } #sidebar h3.downloads-fp { background: transparent url(gamepad-24.png) no-repeat; } #sidebar h3.firstlooks { background: transparent url(magnify-24.gif) no-repeat; } #sidebar h3.features { background: transparent url(features-24.gif) no-repeat; } #sidebar h3.sponsor { background: transparent url(sponsored-links-24.gif) no-repeat; } #sidebar h3.writereview { background: transparent url(pencil-24.gif) no-repeat; } #sidebar h3 img { padding: 3px 0; } /* Sidebar / Socialize block -------------------------------------------------------------*/ #sidebar #socialize { clear: both; margin: 0 0 15px 17px !important; width: 315px; clear: both; padding: 5px 0 5px !important; background: #3f4a51;} #sidebar #socialize ul { list-style: none; font-weight: bold; color: #ccc; display: block;} #sidebar #socialize ul li { line-height: 23px; } #sidebar #socialize li#facebook a {padding: 5px 0 5px 35px; background: transparent url(http://www.digitaltrends.comfacebook-24.png) no-repeat left top;} #sidebar #socialize li#twitter a {padding: 5px 0 5px 35px; background: transparent url(http://www.digitaltrends.comtwitter-24.png) no-repeat left top;} #sidebar #socialize li#newsletter a {padding: 5px 0 5px 35px; background: transparent url(http://www.digitaltrends.commail-add-24.png) no-repeat left top;} /* Sidebar / Search Video Form Tags -----------------------------------------------------*/ #sidebar .sideblock form.search_video fieldset { float: left; } #sidebar .sideblock form.search_video input { width: 200px; display: block; color: #666; padding: 2px; } #sidebar .sideblock form.search_video p.submit { float: left; width: 45px; margin: 2px 0 0 10px; } #sidebar .sideblock form.search_video p.submit input { width: 24px; height: 24px; background: url(btn-search-go.gif) no-repeat; border: 0px solid #fff; } /* Main / Sidebar / About / List Tags ------------------------------------------------------*/ #sidebar .sideblock.about ul { margin: 0; } #sidebar .sideblock.about ul li { margin: 0; display: block; list-style: none; } #sidebar .sideblock.about ul li a { height: 21px; width: 167px; padding: 7px 0 0 27px; display: block; font-size: 11px; letter-spacing: -1px; font-weight: bold; color: #fff; text-decoration: none; background: transparent url(button.png) no-repeat left center; } #sidebar .sideblock.about ul li a:hover, #sidebar .block.about li a.active { color: #0076bf !important; background: transparent url(button-on.png) no-repeat left center; } #sidebar p#firstlook_image { margin-bottom: 15px; text-align: center; } /* Sidebar / New Videos Tags ------------------------------------------------------*/ ul.new_video { margin: 0 !important; height: 450px; padding: 0; display: block; } ul.new_video li { float: left; margin: 0 10px 0 0; text-align: center; list-style: none; } ul.new_video.tabs li { margin: 0 10px 0 8px; } ul.new_video li a { display: block; width: 120px; height: 85px; background: #3f4a51; padding: 5px 5px; border: 1px #545d64 solid; text-decoration: none; color: #fff; } ul.new_video li img { width: 90px; height: 50px; margin: 0; padding: 0; border: 1px #3f4a51 solid; } ul.new_video li p { font-size: 10px; margin-top: 5px; text-decoration: none;} ul.new_video li a:hover { display: block;background: #3f4a51; border: 1px #ffbf00 solid; } /* Sidebar / New Videos / Category Tags ------------------------------------------------------*/ ul.category_video { margin: 0 !important; clear: both !important; } ul.category_video h4 { margin: 5px 0 0 0 !important; font-size: 12px !important; line-height: 16px !important; font-weight: bold; color: #80ccff !important; margin-bottom: 4px; margin-top: 15px; } ul.category_video h4 a { color: #80ccff !important; } ul.category_video span { font-weight: bold; color: #80ccff !important; } ul.category_video li { float: left; margin: 0 10px 0 0; padding: 0; list-style: none; } ul.category_video li a { position: relative; display: block; width: 170px; height: 165px; padding: 12px !important; background: #3f4a51; margin: 0; border: 1px #aaa solid; text-decoration: none; color: #fff; text-align: left; } ul.category_video li a:hover { border: 1px solid #c90 !important; } ul.category_video li img { width: 165px; height: 90px; margin: 0; padding: 0; border: 1px #999 solid; } /* Sidebar / Social Tags ------------------------------------------------------*/ .social { height: 100%; padding: 0 10px !important; } .social h5 { margin-top: 10px; color: #fff !important; } .social form { margin: 0; padding: 0; border-bottom: 1px solid #999; } .social fieldset { display: block; margin: 0; padding: 10px 0 0 0; } .social input { display: block; width: 260px; } .social label { display: block; margin-bottom: 10px; font-weight: bold; } .social ul.bookmark { float: left; margin: 0 0 10px 0 !important; } .social ul.bookmark.mini li { width: 120px !important; } .social ul.bookmark li { width: 130px; display: block; margin: 0; padding: 0; list-style: none; } .social ul.bookmark li a { display: block; margin: 0; padding: 0 0 0 30px !important; } .social ul.bookmark li a.digg { background: transparent url(social/digg.gif) no-repeat; } .social ul.bookmark li a.delicious { background: transparent url(social/delicious.gif) no-repeat; } .social ul.bookmark li a.newsvine { background: transparent url(social/newsvine.gif) no-repeat; } .social ul.bookmark li a.technorati { background: transparent url(social/technorati.gif) no-repeat; } .social ul.bookmark li a.reddit { background: transparent url(social/reddit.gif) no-repeat; } .social ul.bookmark li a.magnolia { background: transparent url(social/magnolia.gif) no-repeat; } .social ul.bookmark li a.blinklist { background: transparent url(social/blinklist.gif) no-repeat; } .social ul.bookmark li a.furl { background: transparent url(social/furl.gif) no-repeat; } .email ul.bookmark.options { margin: 50px 0 0 0 !important; padding-left: 0px; } .email ul.bookmark.options li { width: 200px; display: block; margin: 0; padding: 0 0; list-style: none; } .email ul.bookmark.options li a { display: block; margin: 0; padding: 5px 0 5px 30px !important; } .email ul.bookmark.options li a.pfv { background: transparent url(print-24.gif) no-repeat; } .email ul.bookmark.options li a.dif { background: transparent url(discuss-24.gif) no-repeat; } /* Sidebar / Email Tags ------------------------------------------------------*/ .email { padding: 0 10px !important; } .email form { margin: 0; padding: 0 0 10px 0; } .email fieldset { display: block; margin: 0; padding: 10px 0 0 0; } .email input { display: block; width: 260px; } .email textarea { display: block; width: 260px; height: 65px; margin-bottom: 10px; } .email label { display: block; margin-bottom: 10px; font-weight: bold; } .email p.submit input { width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(button.png) no-repeat; border: 0px solid #fff; cursor: pointer; } .email p.submit input:hover { background: transparent url(button-on.png) no-repeat; border: 0px solid #fff; cursor: pointer; } /* Sidebar / Block / Related Tags ------------------------------------------------------*/ #sidebar .related ul { margin: 0; padding: 10px; } #sidebar .related ul li { margin: 0; margin-right: 10px; list-style: none; padding: 5px 0; border-bottom: 1px solid #666; } /* Sidebar / Bullets Tags ------------------------------------------------------*/ #sidebar ul.liston li { list-style: none; margin-left: -18px; padding-left: 20px; background-position: left 6px; background-repeat: no-repeat; } #sidebar li.bullet { background: url(bullet-dark.gif); } #sidebar li.one { background: url(1.gif); } #sidebar li.two { background: url(2.gif); } #sidebar li.three { background: url(3.gif); } #sidebar li.four { background: url(4.gif); } #sidebar li.five { background: url(5.gif); } #sidebar li.six { background: url(6.gif); } #sidebar li.seven { background: url(7.gif); } #sidebar li.eight { background: url(8.gif); } #sidebar li.nine { background: url(9.gif); } #sidebar li.ten { background: url(10.gif); } /* Sidebar / Rating Tags ------------------------------------------------------*/ #sidebar li.rating_0 { background: url(rating/small/0.gif); } #sidebar li.rating_0_5 { background: url(rating/small/0_5.gif); } #sidebar li.rating_1 { background: url(rating/small/1.gif); } #sidebar li.rating_1_5 { background: url(rating/small/1_5.gif); } #sidebar li.rating_2 { background: url(rating/small/2.gif); } #sidebar li.rating_2_5 { background: url(rating/small/2_5.gif); } #sidebar li.rating_3 { background: url(rating/small/3.gif); } #sidebar li.rating_3_5 { background: url(rating/small/3_5.gif); } #sidebar li.rating_4 { background: url(rating/small/4.gif); } #sidebar li.rating_4_5 { background: url(rating/small/4_5.gif); } #sidebar li.rating_5 { background: url(rating/small/5.gif); } #sidebar li.rating_5_5 { background: url(rating/small/5_5.gif); } #sidebar li.rating_6 { background: url(rating/small/6.gif); } #sidebar li.rating_6_5 { background: url(rating/small/6_5.gif); } #sidebar li.rating_7 { background: url(rating/small/7.gif); } #sidebar li.rating_7_5 { background: url(rating/small/7_5.gif); } #sidebar li.rating_8 { background: url(rating/small/8.gif); } #sidebar li.rating_8_5 { background: url(rating/small/8_5.gif); } #sidebar li.rating_9 { background: url(rating/small/9.gif); } #sidebar li.rating_9_5 { background: url(rating/small/9_5.gif); } #sidebar li.rating_10 { background: url(rating/small/10.gif); } /* Sidebar / General List Tags ------------------------------------------------------*/ #sidebar li.announcements { background: url(bullhorn-16.gif); } #sidebar li.computing { background: url(laptop-16.gif); } #sidebar li.connected_home { background: url(globe-16.gif); } #sidebar li.daily_download { background: url(download-16.gif); } #sidebar li.home_audio { background: url(speaker-16.gif); } #sidebar li.home_video { background: url(tv-16.gif); } #sidebar li.lifestyle { background: url(group-16.gif); } #sidebar li.mobile { background: url(cellphone-16.gif); } #sidebar li.photography { background: url(camera-16.gif); } #sidebar li.portable_media { background: url(ipod-16.gif); } #sidebar li.video_games { background: url(gamepad-16.gif); } #sidebar li.web_news { background: url(window-16.gif); } #sidebar li.world_news { background: url(world-16.gif); } #sidebar .comment { padding: 10px; margin: 10px 0; background: #3f4a51; } /* Sidebar / Video Box Tags ------------------------------------------------------*/ #sidebar .videobox { float: left; width: 90px; height: 80px; background: #3f4a51; border: 1px #545d64 solid; padding: 3px 4px 4px 2px; margin: 5px 5px 0 0; } #sidebar .videobox img { border: 1px #3f4a51 solid; } #sidebar .videobox p { font-size: 10px; margin-top: 5px; } #sidebar .videobox a { text-decoration: none; color: #fff; } #sidebar .videobox a:hover { color: #ffbf00; } #sidebar .videobox .last { margin-right: 0; } #sidebar .videobox a:hover img { border: 1px #ffbf00 solid; } /* Main / List_categories Tags ------------------------------------------------------*/ #main div.list_categories ul { float: left; margin: 10px 30px 0 0 !important; } #main div.list_categories li { margin: 0 !important; padding: 0 0 10px 0 !important; font-size: 13px; font-weight: bold; list-style: none; } #main div.list_categories img { margin: 0 10px 0 0; vertical-align: middle; } #main div.list_categories a { text-decoration: none; } #sidebar #video_ad_spacer { height:92px; } /* TabContent Search Videos Tags ------------------------------------------------------*/ #tabcontent { width: 960px; padding: 0 20px; } /* TabContent Search Videos Tags ------------------------------------------------------*/ #tabcontent form.search_video { position: relative; clear: both; } #tabcontent form.search_video p { position: absolute; top: -10px; right: 0; _right: 15px; } #tabcontent form.search_video input { color: #666; padding: 3px 2px 0 2px; } #tabcontent form.search_video input.submit { margin-left: 4px; width: 24px; height: 24px; background: url(btn-search-go.gif) no-repeat; border: 0px solid #fff; } /* TabContent / Comment Tags ------------------------------------------------------*/ #tabcontent #comments { position: relative; } #tabcontent #comments div.comment_notlogged { padding: 10px; font-style: italic; background: #3f4a51; } #tabcontent #comments #titleinfo h3 { float: left; font-size: 18px; margin: 0; padding: 0; } #tabcontent #comments #titleinfo h3 span { padding: 0 0 0 10px; font-size: 12px; } #tabcontent #comments #titleinfo h4 { float: right; margin: 0 0 0 0; padding: 10px 0 0 0; font-size: 12px; } /* TabContent / Comment / Form Tags ------------------------------------------------------*/ #tabcontent #comments form.comment_mainform { height: 200px; margin: 20px 0 0 0; position: relative; padding: 10px 10px 10px 20px; background: #3f4A51;} #tabcontent #comments form.comment_mainform.heightpercent { height: 50px !important; } #tabcontent #comments form.comment_mainform h3 { position: absolute; top: 90px; left: 20px; font-size: 20px; color: #fff !important; } #tabcontent #comments form.comment_mainform textarea { position: absolute; top: 30px; left: 180px; width: 500px; height: 120px; padding: 3px;} #tabcontent #comments form.comment_mainform p.submit { position: absolute; top: 175px; right: 240px; } #tabcontent #comments form.comment_mainform p.submit input { width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-off.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } #tabcontent #comments form.comment_mainform p.submit input:hover { width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-on.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } /* TabContent / Comment / Form Meta Tags ------------------------------------------------------*/ #tabcontent #comments div.form_meta { position: absolute; top: 10px; left: 180px; } #tabcontent #comment div.form_meta h4 { margin-top: 15px; font-size: 14px; font-weight: bold; color: #9c6; } #tabcontent #comments div.form_meta h4 span { font-size: 12px; color: #fff; } #tabcontent #comment div.form_meta h4 span a { color: #fff; } /* TabContent / Comment / Comments List Tags ------------------------------------------------------*/ #tabcontent #comments div.comments_list { margin: 0; padding: 5px 50px 10px 30px !important; } #tabcontent #comments div.comments_list.indent1 { margin: 10px 0 0 0; padding: 5px 10px 10px 10px; background: #3f4a51; } #tabcontent #comments div.comments_list div.indent2 { margin: 10px 0 10px 25px; padding: 5px 15px 10px 10px; background: #516876; } #tabcontent #comments div.comments_list div.indent3 { margin: 10px 0 10px 25px; padding: 5px 10px 10px 10px; background: #5e859c; } #tabcontent #comments div.comments_list p span { font-weight: bold; } /* TabContent / Comment / Comments List / Reply Tags ------------------------------------------------------*/ #tabcontent #comments div.comments_list div.infoline { height: 15px; margin-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #fff;} #tabcontent #comments div.comments_list p.meta { float: left; } #tabcontent #comments div.comments_list p.reply { float: right; margin: 0; padding: 0 10px 0 0; font-size: 11px; font-weight: bold; } #tabcontent #comments div.comments_list p.reply a.reply { padding: 0 0 5px 20px; background: url(comment.png) no-repeat 0 0; text-decoration: none; } #tabcontent #comments div.comments_list p.reply a.expand_link { margin-left: 10px; padding: 0 0 5px 30px; background: url(expand.png) no-repeat 0 0; text-decoration: none; } #tabcontent #comments div.comments_list p.commentbody { clear: both; } /* TabContent / Comment / Comments List Indent Form Tags ------------------------------------------------------*/ #tabcontent #comments form.comment_indentform h3 { position: absolute; top: 60px; left: 0; font-size: 20px; color: #fff !important; } #tabcontent #comments form.comment_indentform { position: relative; width: 590px; height: 170px; margin: 0; } #tabcontent #comments form.comment_indentform fieldset { position: absolute; top: 0; left: 150px; width: 590px; height: 150px; margin: 0; } #tabcontent #comments form.comment_indentform textarea { position: absolute; top: 20px; left: 0; width: 400px; height: 100px; padding: 3px; } #tabcontent #comments form.comment_indentform p.submit input { position: absolute; top: 140px; left: 370px; width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-off.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } #tabcontent #comments form.comment_indentform p.submit input:hover { position: absolute; top: 140px; left: 370px; width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-on.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } #tabcontent #comments div.indent2 form.comment_indentform p.submit input { position: absolute; top: 140px; left: 370px; width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-indent-off.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } #tabcontent #comments div.indent2 form.comment_indentform p.submit input:hover { position: absolute; top: 60px; left: 580px; width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(btn-update-indent-on.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } /* Content / Menu My Account Tags ------------------------------------------------------*/ ul.menu_myaccount { margin: 0 0 10px 0 !important; padding: 10px 10px 0 0; } ul.menu_myaccount li { margin: 0; display: inline; list-style: none; font-size: 13px; font-weight: bold; color: #999; } ul.menu_myaccount li a { margin: 0; display: inline; list-style: none; font-size: 13px; font-weight: bold; text-decoration: none; } ul.menu_myaccount li a.active { color: #fff; } /* Main / My Comments / Comments Ago Tags ------------------------------------------------------*/ #main div.content form.comments_ago { text-align: right; } #main div.content form.comments_ago label { font-weight: bold; } #main div.content form.comments_ago select { margin: 0 0 0 10px; } /* Main / Table View / Options Tags ------------------------------------------------------*/ #main .tableview .options { margin: 10px 0 0 0 !important; } #main .tableview .options p { float: left; margin: 0 0 10px 0 !important; } #main .tableview .options p span { margin: 0 5px; } #main .tableview .options form label { margin-left: 10px; } #main .tableview .options form { float: right; margin-bottom: 10px; } #main .tableview .options form select { margin-left: 5px; } #main .tableview .options div.filters { clear: both; } #main .tableview .options div.filters ul{ background: #3f4a51; border: 1px #949a9e solid; } #main .tableview .options div.filters ul li { display: inline; list-style: none; } #main td.cellpad { padding: 10px; } /* Main / Table View / Table Tags ------------------------------------------------------*/ #main .tableview table { width: 100%; margin: 0 0 10px 0; border-top: 1px #545d64 solid; } #main .tableview th { padding: 2px 10px 3px 10px; font-weight: bold; border-left: 1px #545d64 solid; background: #4a6170 url(bg-th.gif) repeat-x 0 0; } #main .tableview td { padding: 8px 10px !important; border-bottom: 1px #545d64 solid; } #main .tableview td a { font-weight: bold; } #main .tableview td.date { width: 70px; text-align: center; color: #fff; } #main .tableview td p { line-height: 16px; } #main .tableview td.smallpic { width: 80px; padding: 5px !important; text-align: center; } #main .tableview td.smallpic img { width: 46px; height: 58px; } #main .tableview td.smallpic span { font-size: 10px !important; font-weight: bold; } #main .tableview.extraspace td { padding: 10px !important; } #main .tableview td.commentimage { width: 70px; padding: 10px 10px 10px 0 !important; font-size: 19px; text-align: center; color: #666; } #main .tableview td.commentinfo { vertical-align: top; padding: 0 !important; } #main .tableview td.commentview { padding: 5px 5px; text-align: right; border-bottom: 1px #545d64 solid; } #main .tableview td.commentview span { font-style: italic; } #main .tableview td.commentstotal { width: 70px; font-size: 19px; text-align: center; color: #666; } #main .tableview table.inset td { padding: 10px 10px; border-bottom: 1px #545d64 solid; } #main .tableview table.inset td.main { text-align: right; background: #3f4a51; } /* Main / My Comments / Info Tags ------------------------------------------------------*/ #mycomments div.info { border-bottom: 1px #949a9e solid; } #mycomments div.info h4 { float: left; } /* Main / Login Tags ------------------------------------------------------*/ #main #login { position: relative; padding: 0 10px 10px 20px; display: block; text-align: left; background: #3f4a51; } /* Main / Login / Meta Tags ------------------------------------------------------*/ #main #login div.meta { height: 40px; border-bottom: 1px solid #fff;} #main #login div.meta h4 { float: left; font-size: 18px !important; font-weight: bold; color: #9c6; } #main #login div.meta h5 { float: right; padding: 12px 0 0 0; font-size: 12px;} #main #login p.note { margin: 0; padding: 0; font-style: italic;} /* Main / Login / Form Tags ------------------------------------------------------*/ #main #login form { position: relative; display: block; width: 586px; margin: 0; padding: 0 0 10px 0; } #main #login form input { width: 250px; display: block; padding: 3px;} #main #login form input.checkbox { width: 15px; height: 15px; float: left; margin: 0 10px 0 0;} #main #login form label { margin-bottom: 10px; display: block; font-weight: bold; } #main #login form p.submit input { width: 25%; } #main #login fieldset.newsletter { position: absolute; top: 0; right: 0; width: 270px; padding: 10px; background: #29353d; } #main #login fieldset.options { width: 270px; display: block; margin: 0 10px 10px 0; padding: 10px; background: #29353d; } #main #login form p.submitbut input { width: 200px; height: 25px; text-align: left; padding-top: 2px; padding-left: 27px; font-size: 12px; font-weight: bold; color: #fff; background: transparent url(btn-update-off.gif) no-repeat; border: 0px solid #fff; cursor: pointer; } #main #login form p.submitbut input:hover { color: #0076bf; background: transparent url(btn-update-on.gif) no-repeat; cursor: pointer; } /* Footer Tags ------------------------------------------------------*/ #footer { width: 100%; border-top: 1px #51595f solid; background: #29353d; clear: both; padding: 10px 0; } #footer ul { text-align: center; margin-bottom: 10px; } #footer ul li { display: inline; list-style: none; font-size: 11px; text-align: center; margin: 15px 0; color: #666; } #footer ul li a { text-decoration: none; color: #666; } #footer ul.bright a { color: #fff; } #footer ul li a:hover, #footer ul.bright li a:hover { color: #ffbf00; } /* Dan's Tags ------------------------------------------------------*/ .centerScore { margin: 10px 0 10px 0; } #readerReviewLabel { margin-left: 12px;} #main ul#mininav li span#mininav_blank { display: block; float: left; width: 124px; height: 17px; background-repeat: no-repeat; } span#mininav_blank { background: url(mininav-blank.gif); background-position: 0 0; } #main .content #userReviewFadebox2 { padding: 10px; margin: 10px 0; background-color: #3f4a51; border: 1px #949a9e solid; } #main .content #userReviewFadebox2 h4.userReview { font-size: 24px; line-height: 20px; font-weight: bold; color: #9c6; margin-left: 15px; margin-top: 20px; } #main .content .comment { padding: 1px 10px; margin: 10px 0; background-color: #3f4a51; } #main .content .comment img.userScore { margin: 0 5px 5px 0} /* numercial list in sidebar */ #main li.num1 { list-style-type: none; padding-left: 20px; background: url(1.gif) no-repeat left 6px; } #main li.num2 { list-style-type: none; padding-left: 20px; background: url(2.gif) no-repeat left 6px; } #main li.num3 { list-style-type: none; padding-left: 20px; background: url(3.gif) no-repeat left 6px; } #main li.num4 { list-style-type: none; padding-left: 20px; background: url(4.gif) no-repeat left 6px; } #main li.num5 { list-style-type: none; padding-left: 20px; background: url(5.gif) no-repeat left 6px; } #main li.num6 { list-style-type: none; padding-left: 20px; background: url(6.gif) no-repeat left 6px; } #main li.num7 { list-style-type: none; padding-left: 20px; background: url(7.gif) no-repeat left 6px; } #main li.num8 { list-style-type: none; padding-left: 20px; background: url(8.gif) no-repeat left 6px; } #main li.num9 { list-style-type: none; padding-left: 20px; background: url(9.gif) no-repeat left 6px; } #main li.num10 { list-style-type: none; padding-left: 20px; background: url(10.gif) no-repeat left 6px; } #sidebar li.num1 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(1.gif) no-repeat left 6px; } #sidebar li.num2 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(2.gif) no-repeat left 6px; } #sidebar li.num3 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(3.gif) no-repeat left 6px; } #sidebar li.num4 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(4.gif) no-repeat left 6px; } #sidebar li.num5 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(5.gif) no-repeat left 6px; } #sidebar li.num6 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(6.gif) no-repeat left 6px; } #sidebar li.num7 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(7.gif) no-repeat left 6px; } #sidebar li.num8 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(8.gif) no-repeat left 6px; } #sidebar li.num9 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(9.gif) no-repeat left 6px; } #sidebar li.num10 { list-style-type: none; margin-left: -18px; padding-left: 20px; background: url(10.gif) no-repeat left 6px; } #main .strg {font-weight: bold;} /* STYLES FOR USER REVIEWS SIDE BAR BLOCK */ /* styling for form submits by dan */ input.button { cursor: pointer; display: block; text-align: left; height: 26px; width: 193px; padding: 0 0 4px 26px; background: transparent url(button.png) no-repeat left center; text-decoration: none; color: #fff; font-weight: bold; border: none; } input.button:hover { color: #0076bf !important; background: transparent url(button-on.png) no-repeat left center; border: none; } #urusername { width: 400px; margin-bottom: 5px; } #uremail { width: 400px; margin-bottom: 5px; } #ursummary { width: 400px; margin-bottom: 5px; } #urbold { width: 400px; } #urblockusername { width: 100%; margin-bottom: 5px; } #urblockemail { width: 100%; margin-bottom: 5px; } #urblocksummary { width: 100%; margin-bottom: 5px; } #urblockbold { width: 100%; } /* STAR RATING FOR USER REVIEW FORM */ .rating { cursor: pointer; margin: 2em; clear: both; display: block; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } .cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } .cancel, .cancel a {background: url(rating/userReviewStars/delete.gif) no-repeat 0 -16px;} .star, .star a {background: url(rating/userReviewStars/star.gif) no-repeat 0 0px;} .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; border: 1 solid #FF0000; } div.star_on a { background-position: 0 -16px; } div.star_hover a, div.star a:hover { background-position: 0 -32px; } /* Article navigation left arrow */ a.bullet_dark_left { padding: 3px 0 3px 18px; background: transparent url(bullet-dark-left.gif) no-repeat left center; } #main ul.tight li { padding: 3px 0; } #main ul.lil_bullets { list-style-type: none; margin-left: 0; } #main ul.lil_bullets li { padding-left: 12px; background: url(bullet-lil.gif) no-repeat left center; } /* JOB APPLICATION FORM ----------------------------------------*/ #appvalidate label { display: block; clear: both; padding-top: 10px; } #appvalidate label span.label { display: block; float: left; width: 150px; padding-right: 20px; text-align: right; } #appvalidate #formvalidate label span.required { color: #FF0000; font-weight: bold; } #appvalidate #formvalidate label input { display: block; float: left; } #appvalidate #formvalidate label input.textbox { width: 200px; padding: 3px; border: solid 1px #c0c0c0; } #appvalidate #formvalidate label select { display: block; float: left; } #appvalidate div#ClientValidationSummary { background-color: #FF0000; width: 350px; padding: 5px; color: white; } #appvalidate div#ClientValidationSummary a { color: white; } #appvalidate div.validation-inline-error-message{ display: block; float: left; padding-left: 10px; color: #ff0000; } #appvalidate #main p.errortext { line-height: 18px; margin-bottom: 12px; color: red; } #appvalidate p.submit input { width: 200px; height: 25px; text-align: left; padding-left: 30px; color: #fff; background: transparent url(button.png) no-repeat; border: 0px solid #fff; cursor: pointer; } #appvalidate p.submit input:hover { background: transparent url(button-on.png) no-repeat; border: 0px solid #fff; cursor: pointer; } /* CONTACT FORM ------------------------------------------------*/ #formvalidate label.error {color: red; } #main p.errortext { color: red; font-weight: bold; } /* NEWSLETTER FORM ---------------------------------------------*/ #dialog { display: none; position: fixed; top: 37%; left: 55%; margin-left: -300px; width: 350px; background-color: #eee; color: #333; border: 1px solid black; padding: 12px; } #dialog #newsletterform input { width: 235px; color: #333 } #dialog #newsletterform input.hidden { display: none; } #dialog #newsletterform input.submit, #dialog #newsletterform input#cancel { width: 75px } #dialog #newsletterload, #dialog #newslettersuccess {display: none;} * html #dialog { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (