/* +----------------------------------------------------------------------------------------------------+ | | | NAT GEO - STYLES | | | +----------------------------------------------------------------------------------------------------+ COLOUR REFERENCES BODY BG: #FFF BODY COLOUR: #666 LINKS: #009ade CELESTE YELLOW: #ffcc00 -------------------------------------------------------- */ /* RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} input {border:none;} :focus {outline: 0;} body {line-height: 1; background: white;} ol, ul {list-style: none;} table {border-collapse:separate;border-spacing:0;} table, td, th {vertical-align:middle;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} a { text-decoration:none;} /* FLOAT FIX */ *+html .floatFix, *+html #header, *+html dl, *+html #main, *+html .box {display:inline-block;} * html .floatFix, * html #header, * html dl, * html #main, * html .box {height:1%} .floatFix:after, #header:after, dl:after, #main:after, .box:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /*-------------------------------------------+ | | | MAIN STRUCTURE STYLES | | | +-------------------------------------------*/ body { background: #fff url(/objects/img/TopBg.gif) repeat-x center 184px; font-family: Arial, Helvetica, sans-serif; } .body { background: url(/files/img/xxx.png) no-repeat top center;} .last { border:none!important; margin:0!important;} /*GRID -------------------------------------------------------- */ #container { padding-bottom:20px;} .content, #main {width:980px; margin:0 auto; } #main { padding-top:5px;} #column_left_home { width:651px; float:left; } #column_left { width:488px; float:left; } #column_right { width:324px; float:right; } #column_right_adsense { width:160px; float:right; margin-left:5px;} #column_center { margin-bottom:5px; width:815px; /*background:#373737;*/} #hl1, .box {margin-bottom:5px;} p { padding-bottom:10px;} /*min-height x el sky crapper*/ #column_left { min-height:500px; height:auto!important; height:500px;} /*SIZES -------------------------------------------------------- */ body { font-size:70%;} #login { font-size:.95em;} h2, h4, #column_right .box .top h3, #gallery_title h3 { font-size:1.5em; line-height:1.5em;} .box h2, .box h4 { font-size:1.2em; line-height:1.8em; text-transform:uppercase;} #onNow .active { font-size:1.4em;} #schedule .active { font-size:1.5em;} p { line-height:1.5em} /*COLORS -------------------------------------------------------- */ h2, h4, #header a, #column_right .box .top h3 { color:#fff}#schedule-detail h4 { color:#666} #navbar li a:hover { color:#999} body, #onNow a, #hl2 a, #hl3 a, .related a, a, #login a { color: #666;} #schedule a { color: #333;} .related strong, #onNow a.ver, #hl2 dl dd a span, #hl3 dl dd a span, .related dl dd a span { color:#009ade;} /*celeste*/ #microsite #column_right .dark .middle a {color:#ffcc00;} /*amarillo*/ /*HEADER -------------------------------------------------------- */ #header { margin:0; background:url(/objects/img/bg-top.gif);} #logo{ margin:66px 0 0 0; float:left; display:block; width:169px; height:60px; background:url(/objects/img/logo.gif) no-repeat; text-indent:-1000px; } #login { margin:0 0 17px 0; } /*ie*/ #login-register { height:20px; } #navbar { margin-top:0; float:left} #navbar li { float:left; margin-right:15px; line-height:21px;} #navbar li a { display:block;} #navbar .active { border-bottom:4px solid #fc0;} .google { background: url(/objects/img/logo_google.gif) no-repeat 60px 0; margin-top:0px; height:20px; float:right;} .google input { float:left; margin:0 5px 0 120px; width:167px; border:none; padding:2px;} .google input.search { display:block; width:18px; height:18px; background:url(/objects/img/bt_search.gif) no-repeat; float:left; margin:0; padding:0;} /*ADS -------------------------------------------------------- */ #ad-content { float:right; margin:15px 0 5px 0; text-align:right; padding-bottom:12px;} #ad728x90 { width:728px; height:90px; background:#2c2c2c; z-index: 100000000; } #ad300x250 { padding:10px; background:#e5e5e5; margin-bottom:5px; } #ad300x250 div { height:250px;} #ad160x600 { width:160px; height:600px; background:#2c2c2c;} /*HEADINGS -------------------------------------------------------- */ h2, h4, #column_right .box .top h3 { text-transform:uppercase!important; font-weight:700; } /* #title, #title .bg2, #title .bg1, #title .bg1 h2 { background: transparent url(/objects/img/bg_titles.gif) no-repeat bottom right; } #title { padding-right: 15px; margin-bottom:5px; } #title .bg1 { background-position: top right; margin-right: -15px; padding-right: 40px; } #title .bg1 h2 { background-position: top left; padding:10px; padding-bottom:2px; } #title .bg2 { background-position: bottom left; margin-right: 25px; white-space: pre; line-height:6px; height:6px; } */ /*TITLE -------------------------------------------------------- */ .title { position:relative; margin:0px auto; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under title */ } .title .bg1, .title .t, .title .b, .title .b div { background:transparent url(/objects/img/bg_titles.gif) no-repeat top right; } .title .bg1 { position:relative; padding:0px 12px 0px 0px; } .title .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; background-position:top left; } .title .b { /* bottom */ position:relative; width:100%; } .title .b, .title .b div { height:10px; /* height of bottom cap/shade */ font-size:1px; } .title .b { background-position:bottom right; } .title .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .title .hd, .title .bd, .title .ft { position:relative; } .title .bg2 { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .title h2 { padding:0; margin:0; margin-top:6px; } /*BOX -------------------------------------------------------- */ .box { margin-bottom:5px;} .box .top { background: url(/objects/img/bg_box.gif) no-repeat top left; margin-right:10px!important; padding:0 0 0 10px;} #microsite-home .top { margin:0!important; text-transform:uppercase;} .box .top h2, .box .top h4, #column_right .box .top h3 { background: url(/objects/img/bg_box.gif) no-repeat top right; margin-right:-10px!important; padding:0; } .box li.middle { border-left:1px solid #ededed; border-right:1px solid #ededed; background:#f0f0f0; padding:10px 10px 0 10px;} .box .bottom { background: url(/objects/img/bg_box.gif) no-repeat bottom left; margin-right:10px; padding-left:10px; line-height:10px; height:10px;} .box .bottom b { background: url(/objects/img/bg_box.gif) no-repeat bottom right; margin-right:-10px; display:block; height:10px;} .box .top .arrows { float:right; padding:8px 10px 0 0;} /*light*/ .light li.middle { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background:#fafafa;} .light .bottom { background: url(/objects/img/bg_box-light.png) no-repeat bottom left; margin-right:10px; } .light .bottom b { background: url(/objects/img/bg_box-light.png) no-repeat bottom right; margin-right:-10px; } /*dark*/ .dark .top, #schedule-detail .top, #shows .top { background: url(/objects/img/bg_box-dark.gif) no-repeat top left!important; margin-right:10px; } .dark .top h2, .dark .top h4, .dark .top h3, #schedule-detail .top div, #shows .top div { background: url(/objects/img/bg_box-dark.gif) no-repeat top right!important; margin-right:-10px; } .dark li.middle { background-color:#3c3c3c; background-repeat:no-repeat; border-color:#3c3c3c; color:#fff;} .dark .bottom, #shows .bottom { background: url(/objects/img/bg_box-dark.gif) no-repeat bottom left; margin-right:10px; } .dark .bottom b, #shows .bottom div { background: url(/objects/img/bg_box-dark.gif) no-repeat bottom right; margin-right:-10px; } .video-box .middle {width:320px; height:242px; padding:1px!important;} #video-home .middle{margin: 0 auto; padding: 0px; background: #2c2c2c !important;} #video320x240{} .box .nav { height:26px;} .box .nav div { text-align:center; font-weight:normal; line-height:26px; height:26px;} /*HIGHLIGHTS*/ #hl1 { border:1px solid #999; background:#ccc; } #hl1 h3 { font-size:2.3em; padding:0 5px; margin:0;} .sIFR-replaced { margin:0!important; padding:0!important;} #hl1 a { color:#fff;} #hl1 span { display:block; color:#ffcc00; font-size:1.3em; padding:5px;} #hl2 li.middle { padding:0;} #hl2 dl { } #hl2 dl dd { float:left; width:323px; margin-right:3px;} #hl2 dl dd img { width:324px; height:170px; margin-left:-1px; margin-right:-1px; border-right:1px solid #fff;} #hl2 dl dd a { display:block; padding:10px;} #hl2 dl dd span { font-weight:700;} #hl3 li.middle { padding:0; border:0;} #hl3 dl dd { float:left; width:324px; padding-bottom:2px; background: #fff url(/objects/img/bg_hl3.gif) repeat-x bottom;} #hl3 dl dd:hover { } #hl3 dl dd a { display:block; padding:5px 5px 0 100px;} #hl3 dl dd img { float:left; width:90px; height:85px; } #hl3 dl dd span { font-weight:700;} #hl3 dl dd a strong { } #hl2 dd, #hl3 dd { font-size:1em; line-height:1.30em} #hl4 dd { position:relative; } #hl4 dd a { padding:0px!important;} #hl4 dd a span { position:absolute; bottom:0px; left:0px; display:block; padding: 5px 10px 5px 10px; color:#fff!important; background-image:url(/objects/img/bg_grey_fade-trans.png); width:304px; font-weight:normal; line-height:1.1em; } #hl4 dd a span strong {display:block; color:#ffcc00!important; font-weight:700!important;} #hl4 dd img { float:left; width:324px!important; height:85px; } #hl2 dl dd a.last, #hl3 dl dd a.last { border:none!important; margin:0!important; padding:0!important;} #hl2 dl dd a:hover, #hl3 dl dd a:hover, .related dl dd a:hover { color:#000!important; } /*RELADTEDS*/ .related li.middle { padding:0; border:0;} .related dl dd { float:left; width:324px; background: #fff url(/objects/img/bg_hl3.gif) repeat-x bottom;} #column_left .related dl dd { width:243px; } .related dl dd:hover { } .related dl dd a { display:block; padding:0 0 0 60px; } .related dl dd img { float:left; width:54px; height:51px; margin:8px; } .related dl dd a span { display:block; margin-left:10px; padding-left:14px; background-repeat:no-repeat; margin-top:5px; margin-bottom:8px; } .related dl dd a strong { margin-top:8px;} .related dl dd a{ line-height:1.1em} #hl2 dl dd a strong, #hl3 dl dd a strong, .related dl dd a strong { display:block; line-height:1.2em; font-weight:normal; color:#333;} #poll span { display:none;} #poll { padding:0; height:150px;} /*on now*/ #onNow li.middle {padding:0!important;} #onNow li ol li { padding:5px 10px;} #onNow .active { background: #ebebeb url(/objects/img/bg_onNow.gif) repeat-x bottom; padding:10px; font-weight:700; } #onNow .active:hover { background:#dedede;} #onNow .active b { display:block; color:#333;} #onNow a { display:block;} /*forms*/ form label { display:block; margin:10px 0;} /*schedule*/ #schedule li.middle {padding:0;} #schedule li ol li { border-bottom:1px solid #fff; background: #fff url(/objects/img/bg_hl3.gif) repeat-x bottom;} #schedule .active { background: #ffcc00 url(/objects/img/bg_active-schedule.gif) repeat-x bottom; border-bottom:1px solid #ffcc00;} #schedule .middle a { display:block; padding:10px 15px;} #schedule .middle a:hover { background:#fad97e} #schedule-detail .top div { padding:40px 10px 15px 10px; color:#ffcc00; font-size:1.5em;} #schedule-detail .top div a { display:block; float:right; font-size:.6em; color:#FFF; margin-top:-30px; } #schedule-detail .top div h3 { display:block; font-size:.7em; color:#FFF; font-size:1.8em;} #schedule-detail .middle { background:#fff url(/objects/img/bg_box-content.gif) repeat-x; padding:20px;} #schedule-detail h4 { font-size:1.2em; font-weight:bold; margin:10px 0 5px 0;} #schedule-detail ol li { padding:3px 0 3px 15px; background:url(/objects/img/ico_reminder.gif) no-repeat 0 4px;} .back { padding-left:10px; background:url(/objects/img/bg_arrow-left.gif) no-repeat; height:9px;} .back:hover { background-position:bottom left;} #calendar h2, #calendar h3 { text-align:center; padding-right:10px; } #calendar .middle { padding:0;} #calendar ul.month { } #calendar ul.month li { height:20px; width:260px; padding-left:40px; } #calendar ul.month li a, li.days b { display:block; width:25px; line-height:20px; text-align:center; float:left; margin-right:10px; white-space:pre; } #calendar ul.month li a:hover { background:#ebebeb;} #calendar ul.month li.days { background:#d9d9d9; margin-bottom:2px; width:auto; text-align:center; padding-left:39px;} #calendar ul.month .active { border:1px solid #009ade; width:23px; height:18px; background:#f6fcff; color:#009ade; line-height:18px;} /*SHOWS -------------------------------------------------------- */ #shows .top div { padding:10px; color:#fff;} #shows .middle { background:#fff url(/objects/img/bg_box-content.gif) repeat-x; padding:0; border:0;} .shows-az .top div { position:relative; color:#666; } .shows-az .top div h3 { color:#fff; font-size:1.8em;} #shows .top div ul { position:absolute; right:5px; bottom:0px;} #shows .top div ul li{float:left; margin-right:5px;} #shows .top div ul li.active { border-bottom:4px solid #ffcc00;} #shows .top div ul li a { color:#fff; font-size:1.1em; } .shows-az .bottom div { text-align:center;} #shows dl dd { padding-bottom:1px; background: #fff url(/objects/img/bg_hl3.gif) repeat-x bottom; padding:10px; position:relative; } #shows dl dd a { display:block; padding-right:15px; } #shows dl dd a:hover {} #shows dl dd strong { padding-top:15px; display:block; color:#009ade; } #shows dl dd img { float:left; margin-right:15px; background-image: url(/objects/img/logo_gallery.gif); } #shows dl dd a.microsite { display:block; position:absolute; left:115px; bottom:10px; color:#009ade; background:url(/objects/img/ico_default.gif) no-repeat 0px 0px; padding-left:13px;} #shows dl dd a.microsite:hover { color:#999;} #shows form { float:right; margin-top:-5px; } #shows select { width:200px;} #shows .bottom { height:32px} #shows .bottom div { padding:10px 10px 11px; color:#fff;} #shows select { font-size:.9em;} #menu-az { margin-bottom:5px;} #menu-az a:hover { color:#000; text-decoration:underline;} #menu-az .top { background:url(/objects/img/es/top_az.gif) no-repeat; height:48px;} #menu-az .medium { background:#f9c804; border:1px solid #b3961f; border-bottom:none; border-top:none; padding:10px 10px 0; text-align:center;} #menu-az .bottom { background:url(/objects/img/bottom_az.gif) no-repeat bottom; height:14px;} /*SUBJECTS -------------------------------------------------------- */ ul.subjects, ul.subject , #home_subjects { margin-bottom:5px;} ul.subjects li, ul.subject li { float:left; margin-right:1px;} ul.subjects li a { background:url(/objects/img/ico_subjects.gif) no-repeat -81px 0; display:block; width:80px; height:115px; text-indent:-1000px; position:relative; } #home_subjects { border:1px solid #ededed; background:url(/objects/img/bg_hl3.gif);} #home_subjects li { width:107px; float:left; border-right:1px solid #ededed; font-size:.9em; background:url(/objects/img/ico_subjects.gif) no-repeat -125px -30px;} #home_subjects li.subject2 {background-position: -363px -30px;} #home_subjects li.subject3 {background-position: -592px -22px;} #home_subjects li.subject4 {background-position: -850px -30px;} #home_subjects li.subject5 {background-position: -1095px -30px;} #home_subjects li.subject6 {background-position: -1333px -30px; border:none;} #home_subjects li a { display:block; padding:12px 5px 12px 32px;} #home_subjects li a:hover { background:#666; color:#fff; font-size:1em; font-weight:700; } ul.subjects li a strong { position:absolute; bottom:5px; text-align:center; font-size:.8em; width:80px;} ul.subjects li a:hover { text-indent:0;} ul.subjects li.subject2 a { background-position: -325px 0;} ul.subjects li.subject3 a { background-position: -567px 0;} ul.subjects li.subject4 a { background-position: -810px 0;} ul.subjects li.subject5 a { background-position: -1054px 0;} ul.subjects li.subject6 a { background-position: -1296px 0;} ul.subject li { width:242px; height:115px;} ul.subject li h2, ul.subject li h4 { text-align:center; margin-top:50px} ul.subject li { background:url(/objects/img/bg_box-dark.gif) no-repeat center bottom;} ul.subject li.image { background:url(/objects/img/ico_subjects.gif) no-repeat 0 0;} ul.subject li.subject_1 { background-position: 0 0;} ul.subject li.subject_2 { background-position: -242px 0;} ul.subject li.subject_3 { background-position: -484px 0;} ul.subject li.subject_4 { background-position: -726px 0;} ul.subject li.subject_5 { background-position: -968px 0;} ul.subject li.subject_6 { background-position: -1210px 0;} /*GALLERIES -------------------------------------------------------- */ .galleria{list-style:none;width:200px} .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ #galleries { background:#2b2b2b; margin-bottom:10px;} /*SLIDER -------------------------------------------------------- */ #slider { position: relative; } .scroll { height: 277px; width: 649px; overflow: hidden; /*overflow-x: hidden;*/ position: relative; clear: left;} .scrollContainer {} .scrollContainer .panel { position:relative; float:left; } .scrollContainer .panel span { color:#000; font-weight:bold; font-size:1.5em; text-align:left; } .scrollContainer .panel strong {text-align:left; display:block; padding: 0; font-weight:normal; font-size:2em; color:#FFFFFF;} ul.navigation {list-style: none; margin: 0; padding: 0; position:absolute; z-index:1000; right:48px; top:4px;} ul.navigation li {width:16px; height:24px; float:left; margin-right: 10px;} ul.navigation li a {line-height:24px; padding: 5px; color: #000!important; text-decoration: none; font-weight:700; } ul.navigation a:hover { background-color: #f6f6f6;} ul.navigation a.selected { background-color: #ffcc00;} ul.navigation a:focus { outline: none;} .scrollButtons { position: absolute; top: 7px; cursor: pointer; z-index:1100;} .scrollButtons.left { right: 30px;} .scrollButtons.right { right: 10px;} .hide { display: none!important;} .panel div { position:absolute; bottom:0px; z-index:1000; padding:10px; background: transparent url(/objects/img/bg_grey-trans.png); width:629px;} .panel img { width:649px; height:277px;} /*SLIDE GAMES*/ #column_left .panel img, #column_left .scroll { width:486px; } /*#column_left .panel div { background-color:#666; color:#fff;}*/ #hl1extended .scroll { width: 815px;} #hl1extended .panel img { width:815px;} #hl1extended { width:815px;} #hl1extended .panel div { width:795px;} #hl1extended h4 { color:#ffcc00; font-size:1.5em;} #hl1extended h3 { color:#fff; font-weight:700; font-size:1.2em; line-height:1.5em;} #hl1extended span { color:#fff; font-weight:normal; font-size:1.2em;} /*GALLERIES -------------------------------------------------------- */ #gallery_main { width:524px; border-right:1px solid #1f1f1f; } #gallery {position:relative; background:#222;} #navThumbs { background:#2b2b2b; padding:10px 0px 10px 10px; height:120px;} #navThumbs ul { margin:0;} #navThumbs a.navLeft, #navThumbs a.navRight { display:block; width:12px; height:53px; float:left; margin-top:2px; line-height:53px; text-align:center; color:#FFF; font-size:2em;} .gallery_demo { width:490px; padding-left:10px;} .gallery_demo li {width:54px; height:51px; margin: 2px; background:#000; border:1px solid #a9a9a9;} .gallery_demo li.active { border:2px solid #ffcc00; margin:1px;} .gallery_demo li div {left:240px} .gallery_demo li div .caption {font:italic 0.7em/1.4 georgia,serif;} #main_image {margin:6px; height:286px; width:510px; background:black; border:1px solid #3e3e3e; overflow:hidden; text-align:center;} #main_image img { margin:0;} .galleria_wrapper { margin:0; padding:0;} #gallery .caption { display:none!important;} #gallery_list { width:289px; float:right; } #gallery_list .related dl dd{ display:block; width:283px!important;} #gallery_list .related dl dd, #microsite #gallery_list .related dl dd { background:#494949; border-bottom:1px solid #333;} #gallery_list .related dl dd a { color:#fff;} #gallery_list .related dl dd a strong { color:#ffcc00;} #gallery_list .related dl dd a span { color:#666; display:none;} #gallery_title { padding:14px; border-top:1px solid #333;} #gallery_title h3 { color:#ffcc00; text-transform:uppercase; font-weight:700;} #gallery_main form { padding:10px;} form input { background:#666; padding:3px; color:#ccc;} #seriesMenu { width:265px;} #gallery_list .middle { background:#333333;} #gallery_list #form1 { padding:10px; padding-right:0;} .pager { float:right; padding:10px; font-weight:700;} .pager strong { padding:0 4px; color:#ccc;} .pager a { background:#666; padding:0 4px; color:#000;} .pager a:hover { background:#222; padding:0 4px; color:#666;} .pager a.arrows { background:none; padding:0;} /*FOOTER -------------------------------------------------------- */ *+html #footer, *+html #footer ul, *+html #footer dl, *+html #footer_container { height:1%; } * html #footer, * html #footer ul, * html #footer dl, * html #footer_container { height:1%; } #footer:after, #footer ul:after, #footer dl:after, #footer_container:after { content:"." ;display: block;height: 0;clear: both;visibility: hidden; }/* parametro para mozilla y opera */ #footer {margin:20px 0 0 0;} #footer a, #footer ul, #footer li, #footer dl, #footer dd, #footer dt, #footer_bottom { text-decoration:none; list-style:none; margin:0; padding:0; } #footer_container { background: #f1f1f1 url(/objects/img/bg_footer.gif) repeat-x; padding:10px; border-top:1px solid #ccc; } #footer_bg1 { width:980px; margin:0 auto; } #footer_bg2 { } #footer_bg1, #footer_bg2 { } #footer, #footer a { color:#858585;} #footer a:hover { color:#000;} ul#footer_top { background-color:#999;} ul#footer_top a { color:#fff;} ul#footer_top, #footer_bottom { padding:7px;} #footer ul#footer_top { } #footer ul#footer_top li { text-align:center;} #footer ul#footer_top li a { margin-right:25px;} #footer ul#footer_top li a, #footer dl dt { font-weight:bold; line-height:16px; text-transform:uppercase;} #footer dl#footer_series { } #footer dt { float:left;} #footer dl { padding:10px;} #footer dt { height:10px; width:65px; margin-right:10px; } #footer dl#footer_ournet dt { height:20px;} #footer_bottom, #footer dd, #footer dt {text-align:left;} #footer_bottom { background:#EBEBEB; margin-top:10px; line-height:30px;} #footer dl#footer_series dd, #footer dl#footer_movies dd { margin-left:75px; } #footer dl#footer_series dd a, #footer dl#footer_movies dd a { padding-right:7px; border-right: 1px solid #ccc; margin-right:7px; line-height:16px;} #footer ul#footer_ournet { padding:10px; background:#999999;} #footer ul#footer_ournet li {margin:0 auto; text-align:center; width:791px; } #footer ul#footer_ournet li a { margin-right:20px; color:#fff; } #footer ul#footer_ournet li a:hover { margin-right:20px; color:#000; } #footer_links { float:right; } #footer_links a { padding-right:10px; line-height:30px} #comscore { float:left; margin-right:2px; } /*VIDEOS -------------------------------------------------------- */ #video-player { background:#4a4949; text-align:center; margin-bottom:10px;} /*MICROSITES -------------------------------------------------------- */ #microsite { background: no-repeat center 184px;} blockquote { background:#e7e7e7; padding:20px; line-height:1.4em; font-size:1.3em; margin:0 -20px 10px -20px;} #microsite #ad300x250 { background:#222;} #microsite-home .middle { background:#fff url(/objects/img/bg_box-content.gif) repeat-x; padding:20px;} #microsite-home .top { padding:20px; background-image:none; background-color:#666; margin:0; color:#fff; margin-top:-4px;} #microsite-home .top strong { display:block; font-size:1.4em;} #microsite-home .top h3{color:#ffcc00; margin-bottom:5px; font-size:2em;} #microsite #column_left .related dl dd { width:488px; } #microsite .related dl dd { background:#fff;} #microsite #column_right .dark .middle { padding-top:91px; line-height:1.2em; font-size:1.1em; } #microsite #column_right #video-home .middle { padding-top:0; line-height:1.2em; font-size:1.1em; } #microsite #column_right .dark .middle a { display:block;} #microsite #column_right .box .middle dd span { padding:0;} #microsite #column_right .box .middle dd { border-bottom:1px solid #e3e3e3;} #microsite #column_center { background:none;} #microsite #htmlSection { background:#fff; padding:5px;} #microsite #bios ,#microsite #episodes { padding:20px;} #microsite #bios dt, #microsite #episodes dt { font-weight:700; font-size:1.5em; color:#555;} #microsite #bios dd, #microsite #episodes dd { font-size:1.1em; line-height:1.3em; margin-bottom:10px;} #microsite #submenu { height:90px; background: url(/especiales/default/img/MasterTopBg.jpg) no-repeat; padding-left:10px; margin-bottom:5px; position:relative; } #microsite #submenu li { float:left; padding:71px 0 4px 0; margin-right:15px; text-transform:uppercase;} #microsite #submenu li a { font-size:11px; line-height:12px; color:#fff; display:block; font-weight:700;} #microsite #submenu li a:hover {color:#ccc;} #microsite #submenu .active { border-bottom:4px solid #FFCC00;} #microsite #submenu li.title { position:absolute; padding:0; width:500px; top:10px; left:10px; float:none; text-transform:uppercase; font-size:1.6em; font-weight:700; color:#000;} #microsite #htmlSection h3 { font-size:1.5em; font-weight:700; color:#000; margin-bottom:5px;} #gallerypill li.middle a { padding:0 0 0 2px;} #gallerypill li.middle img { float:left; margin:8px 5px;} #column_left #gallerypill li.middle a { padding:0;} #column_left #gallerypill li.middle img { float:left; margin:8px 3px;} #column_left #gallerypill li.middle img.last { margin:0;} #gallerypill li.middle img.last {margin:8px 0 8px 5px!important;} ul.bullet_list { list-style:disc; padding:20px;} ul.bullet_list li { margin-bottom:10px;} #boxMultiple a { padding-left:0; padding-right:100px; color:#fff;} #boxMultiple .middle { background:#333333;} #boxMultiple .middle dl dd { background-repeat:no-repeat!important; height:85px;} #boxMultiple strong { color:#000;} #boxMultiple span { color:#333;} /*-------------------------------------------+ | | | LEGALS | | | +-------------------------------------------*/ .legals {padding: 25px; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3;} /*FOXPASS*/ #register {background: #F2F2F2;} #video-player{background: url(/objects/img/bg_bcove.png) no-repeat top left;} .no_image img { display:none;} .no_image a { padding-left:8px!important;}