/* Slate Fonts */ @font-face { font-family: "sl-ApresBold"; src: url('/etc/designs/slate/fonts/ApresBold/8ecad02a-bb9e-4958-a048-ae1afebfe65b-2.eot'); src: url('/etc/designs/slate/fonts/ApresBold/8ecad02a-bb9e-4958-a048-ae1afebfe65b-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresBold/8ecad02a-bb9e-4958-a048-ae1afebfe65b-4.svg#sl-ApresBold') format("svg"), url('/etc/designs/slate/fonts/ApresBold/8ecad02a-bb9e-4958-a048-ae1afebfe65b-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresBold/8ecad02a-bb9e-4958-a048-ae1afebfe65b-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresBoldIt"; src: url('/etc/designs/slate/fonts/ApresBoldItalic/f47fb403-e5b8-40b1-b9d8-8c37ac7bd1e9-2.eot'); src: url('/etc/designs/slate/fonts/ApresBoldItalic/f47fb403-e5b8-40b1-b9d8-8c37ac7bd1e9-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresBoldItalic/f47fb403-e5b8-40b1-b9d8-8c37ac7bd1e9-4.svg#sl-ApresBoldIt') format("svg"), url('/etc/designs/slate/fonts/ApresBoldItalic/f47fb403-e5b8-40b1-b9d8-8c37ac7bd1e9-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresBoldItalic/f47fb403-e5b8-40b1-b9d8-8c37ac7bd1e9-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresIt"; src: url('/etc/designs/slate/fonts/ApresItalic/3f4c4936-dd51-4e16-b5d3-5240eb23ca05-2.eot'); src: url('/etc/designs/slate/fonts/ApresItalic/3f4c4936-dd51-4e16-b5d3-5240eb23ca05-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresItalic/3f4c4936-dd51-4e16-b5d3-5240eb23ca05-4.svg#sl-ApresIt') format("svg"), url('/etc/designs/slate/fonts/ApresItalic/3f4c4936-dd51-4e16-b5d3-5240eb23ca05-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresItalic/3f4c4936-dd51-4e16-b5d3-5240eb23ca05-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresLight"; src: url('/etc/designs/slate/fonts/ApresLight/bea8223d-2207-41be-82ea-594fce97b44b-2.eot'); src: url('/etc/designs/slate/fonts/ApresLight/bea8223d-2207-41be-82ea-594fce97b44b-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresLight/bea8223d-2207-41be-82ea-594fce97b44b-4.svg#sl-ApresLight') format("svg"), url('/etc/designs/slate/fonts/ApresLight/bea8223d-2207-41be-82ea-594fce97b44b-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresLight/bea8223d-2207-41be-82ea-594fce97b44b-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresLightIt"; src: url('/etc/designs/slate/fonts/ApresLightItalic/a6679327-fca5-4f63-bab7-139e3fc29493-2.eot'); src: url('/etc/designs/slate/fonts/ApresLightItalic/a6679327-fca5-4f63-bab7-139e3fc29493-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresLightItalic/a6679327-fca5-4f63-bab7-139e3fc29493-4.svg#sl-ApresLightIt') format("svg"), url('/etc/designs/slate/fonts/ApresLightItalic/a6679327-fca5-4f63-bab7-139e3fc29493-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresLightItalic/a6679327-fca5-4f63-bab7-139e3fc29493-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresRE"; src: url('/etc/designs/slate/fonts/ApresRE/214fa6c4-c6af-4761-a7b8-5fc3392d6298-2.eot'); src: url('/etc/designs/slate/fonts/ApresRE/214fa6c4-c6af-4761-a7b8-5fc3392d6298-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresRE/214fa6c4-c6af-4761-a7b8-5fc3392d6298-4.svg#sl-ApresRE') format("svg"), url('/etc/designs/slate/fonts/ApresRE/214fa6c4-c6af-4761-a7b8-5fc3392d6298-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresRE/214fa6c4-c6af-4761-a7b8-5fc3392d6298-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresREBold"; src: url('/etc/designs/slate/fonts/ApresREBold/5a0260f1-322f-4f8e-b6f4-a449e03d73ff-2.eot'); src: url('/etc/designs/slate/fonts/ApresREBold/5a0260f1-322f-4f8e-b6f4-a449e03d73ff-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresREBold/5a0260f1-322f-4f8e-b6f4-a449e03d73ff-4.svg#sl-ApresREBold') format("svg"), url('/etc/designs/slate/fonts/ApresREBold/5a0260f1-322f-4f8e-b6f4-a449e03d73ff-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresREBold/5a0260f1-322f-4f8e-b6f4-a449e03d73ff-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresREBoldIt"; src: url('/etc/designs/slate/fonts/ApresREBoldItalic/2d9da146-b3c5-437e-906e-2fc19c44ab71-2.eot'); src: url('/etc/designs/slate/fonts/ApresREBoldItalic/2d9da146-b3c5-437e-906e-2fc19c44ab71-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresREBoldItalic/2d9da146-b3c5-437e-906e-2fc19c44ab71-4.svg#sl-ApresREBoldIt') format("svg"), url('/etc/designs/slate/fonts/ApresREBoldItalic/2d9da146-b3c5-437e-906e-2fc19c44ab71-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresREBoldItalic/2d9da146-b3c5-437e-906e-2fc19c44ab71-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresRegular"; src: url('/etc/designs/slate/fonts/ApresRegular/c60bb3c2-10e5-4eee-a0d4-e0e221eca5c0-2.eot'); src: url('/etc/designs/slate/fonts/ApresRegular/c60bb3c2-10e5-4eee-a0d4-e0e221eca5c0-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresRegular/c60bb3c2-10e5-4eee-a0d4-e0e221eca5c0-4.svg#sl-ApresRegular') format("svg"), url('/etc/designs/slate/fonts/ApresRegular/c60bb3c2-10e5-4eee-a0d4-e0e221eca5c0-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresRegular/c60bb3c2-10e5-4eee-a0d4-e0e221eca5c0-1.ttf') format("truetype"); } @font-face { font-family: "sl-ApresREIt"; src: url('/etc/designs/slate/fonts/ApresREItalic/ccd3cbc2-8b81-45d8-b018-9a42b0c99ab5-2.eot'); src: url('/etc/designs/slate/fonts/ApresREItalic/ccd3cbc2-8b81-45d8-b018-9a42b0c99ab5-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/ApresREItalic/ccd3cbc2-8b81-45d8-b018-9a42b0c99ab5-4.svg#sl-ApresREIt') format("svg"), url('/etc/designs/slate/fonts/ApresREItalic/ccd3cbc2-8b81-45d8-b018-9a42b0c99ab5-3.woff') format("woff"), url('/etc/designs/slate/fonts/ApresREItalic/ccd3cbc2-8b81-45d8-b018-9a42b0c99ab5-1.ttf') format("truetype"); } @font-face { font-family: "sl-BrandonGrotBlack"; src: url('/etc/designs/slate/fonts/BrandonGrotesqueBlack/ad3322cb-b7e6-4a24-897d-88d1cc4636c8-2.eot'); src: url('/etc/designs/slate/fonts/BrandonGrotesqueBlack/ad3322cb-b7e6-4a24-897d-88d1cc4636c8-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/BrandonGrotesqueBlack/ad3322cb-b7e6-4a24-897d-88d1cc4636c8-4.svg#sl-BrandonGrotBlack') format("svg"), url('/etc/designs/slate/fonts/BrandonGrotesqueBlack/ad3322cb-b7e6-4a24-897d-88d1cc4636c8-3.woff') format("woff"), url('/etc/designs/slate/fonts/BrandonGrotesqueBlack/ad3322cb-b7e6-4a24-897d-88d1cc4636c8-1.ttf') format("truetype"); } @font-face { font-family: "sl-BrandonGrotBold"; src: url('/etc/designs/slate/fonts/BrandonGrotesqueBold/325d9bd1-d145-45b5-bf04-e36fc47fd3f4-2.eot'); src: url('/etc/designs/slate/fonts/BrandonGrotesqueBold/325d9bd1-d145-45b5-bf04-e36fc47fd3f4-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/BrandonGrotesqueBold/325d9bd1-d145-45b5-bf04-e36fc47fd3f4-4.svg#sl-BrandonGrotBold') format("svg"), url('/etc/designs/slate/fonts/BrandonGrotesqueBold/325d9bd1-d145-45b5-bf04-e36fc47fd3f4-3.woff') format("woff"), url('/etc/designs/slate/fonts/BrandonGrotesqueBold/325d9bd1-d145-45b5-bf04-e36fc47fd3f4-1.ttf') format("truetype"); } @font-face { font-family: "sl-BrandonGrotMed"; src: url('/etc/designs/slate/fonts/BrandonGrotesqueMedium/4c1a1189-5754-435e-8779-ba1f834afa2b-2.eot'); src: url('/etc/designs/slate/fonts/BrandonGrotesqueMedium/4c1a1189-5754-435e-8779-ba1f834afa2b-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/BrandonGrotesqueMedium/4c1a1189-5754-435e-8779-ba1f834afa2b-4.svg#sl-BrandonGrotMed') format("svg"), url('/etc/designs/slate/fonts/BrandonGrotesqueMedium/4c1a1189-5754-435e-8779-ba1f834afa2b-3.woff') format("woff"), url('/etc/designs/slate/fonts/BrandonGrotesqueMedium/4c1a1189-5754-435e-8779-ba1f834afa2b-1.ttf') format("truetype"); } @font-face { font-family: "sl-BrandonGrotMedIt"; src: url('/etc/designs/slate/fonts/BrandonGrotesqueMediumItalic/9857723c-cf40-42cb-a07a-fe456274efe9-2.eot'); src: url('/etc/designs/slate/fonts/BrandonGrotesqueMediumItalic/9857723c-cf40-42cb-a07a-fe456274efe9-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/BrandonGrotesqueMediumItalic/9857723c-cf40-42cb-a07a-fe456274efe9-4.svg#sl-BrandonGrotMedIt') format("svg"), url('/etc/designs/slate/fonts/BrandonGrotesqueMediumItalic/9857723c-cf40-42cb-a07a-fe456274efe9-3.woff') format("woff"), url('/etc/designs/slate/fonts/BrandonGrotesqueMediumItalic/9857723c-cf40-42cb-a07a-fe456274efe9-1.ttf') format("truetype"); } @font-face { font-family: "sl-Rockwell"; src: url('/etc/designs/slate/fonts/Rockwell/859a3dd0-b038-40f9-80be-d76bf46404d1-2.eot'); src: url('/etc/designs/slate/fonts/Rockwell/859a3dd0-b038-40f9-80be-d76bf46404d1-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/Rockwell/859a3dd0-b038-40f9-80be-d76bf46404d1-4.svg#sl-Rockwell') format("svg"), url('/etc/designs/slate/fonts/Rockwell/859a3dd0-b038-40f9-80be-d76bf46404d1-3.woff') format("woff"), url('/etc/designs/slate/fonts/Rockwell/859a3dd0-b038-40f9-80be-d76bf46404d1-1.ttf') format("truetype"); } @font-face { font-family: "sl-RockwellBold"; src: url('/etc/designs/slate/fonts/RockwellBold/89db4ce4-a860-49d0-aed1-0a7d34eb2c62-2.eot'); src: url('/etc/designs/slate/fonts/RockwellBold/89db4ce4-a860-49d0-aed1-0a7d34eb2c62-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/RockwellBold/89db4ce4-a860-49d0-aed1-0a7d34eb2c62-4.svg#sl-RockwellBold') format("svg"), url('/etc/designs/slate/fonts/RockwellBold/89db4ce4-a860-49d0-aed1-0a7d34eb2c62-3.woff') format("woff"), url('/etc/designs/slate/fonts/RockwellBold/89db4ce4-a860-49d0-aed1-0a7d34eb2c62-1.ttf') format("truetype"); } @font-face { font-family: "sl-RockwellBoldIt"; src: url('/etc/designs/slate/fonts/RockwellBoldItalic/119d4ca8-02df-4c4a-b10c-8fa90e6888b4-2.eot'); src: url('/etc/designs/slate/fonts/RockwellBoldItalic/119d4ca8-02df-4c4a-b10c-8fa90e6888b4-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/RockwellBoldItalic/119d4ca8-02df-4c4a-b10c-8fa90e6888b4-4.svg#sl-RockwellBoldIt') format("svg"), url('/etc/designs/slate/fonts/RockwellBoldItalic/119d4ca8-02df-4c4a-b10c-8fa90e6888b4-3.woff') format("woff"), url('/etc/designs/slate/fonts/RockwellBoldItalic/119d4ca8-02df-4c4a-b10c-8fa90e6888b4-1.ttf') format("truetype"); } @font-face { font-family: "sl-RockwellIt"; src: url('/etc/designs/slate/fonts/RockwellItalic/0c768de5-5f4d-4fbb-9408-a0409ffe2fbd-2.eot'); src: url('/etc/designs/slate/fonts/RockwellItalic/0c768de5-5f4d-4fbb-9408-a0409ffe2fbd-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/RockwellItalic/0c768de5-5f4d-4fbb-9408-a0409ffe2fbd-4.svg#sl-RockwellIt') format("svg"), url('/etc/designs/slate/fonts/RockwellItalic/0c768de5-5f4d-4fbb-9408-a0409ffe2fbd-3.woff') format("woff"), url('/etc/designs/slate/fonts/RockwellItalic/0c768de5-5f4d-4fbb-9408-a0409ffe2fbd-1.ttf') format("truetype"); } @font-face { font-family: "sl-TitlingGothFBMedCond"; src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCond/388775a7-43ad-4da2-863a-1e3e1b1cec09-2.eot'); src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCond/388775a7-43ad-4da2-863a-1e3e1b1cec09-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCond/388775a7-43ad-4da2-863a-1e3e1b1cec09-4.svg#sl-TitlingGothFBMedCond') format("svg"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCond/388775a7-43ad-4da2-863a-1e3e1b1cec09-3.woff') format("woff"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCond/388775a7-43ad-4da2-863a-1e3e1b1cec09-1.ttf') format("truetype"); } @font-face { font-family: "sl-TitlingGothFBMedCondIt"; src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCondItalic/c49531dc-f166-4825-9c97-9d6205b1203d-2.eot'); src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCondItalic/c49531dc-f166-4825-9c97-9d6205b1203d-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCondItalic/c49531dc-f166-4825-9c97-9d6205b1203d-4.svg#sl-TitlingGothFBMedCondIt') format("svg"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCondItalic/c49531dc-f166-4825-9c97-9d6205b1203d-3.woff') format("woff"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBMediumCondItalic/c49531dc-f166-4825-9c97-9d6205b1203d-1.ttf') format("truetype"); } @font-face { font-family: "sl-TitlingGothFBStandCond"; src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCond/d62066f5-a1ee-47f7-8b06-10dc1cea5b5b-2.eot'); src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCond/d62066f5-a1ee-47f7-8b06-10dc1cea5b5b-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCond/d62066f5-a1ee-47f7-8b06-10dc1cea5b5b-4.svg#sl-TitlingGothFBStandardCond') format("svg"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCond/d62066f5-a1ee-47f7-8b06-10dc1cea5b5b-3.woff') format("woff"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCond/d62066f5-a1ee-47f7-8b06-10dc1cea5b5b-1.ttf') format("truetype"); } @font-face { font-family: "sl-TitlingGothFBStandCondIt"; src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCondItalic/524b1fae-2e32-45cd-ab39-dd957940a558-2.eot'); src: url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCondItalic/524b1fae-2e32-45cd-ab39-dd957940a558-2.eot?#iefix') format("embedded-opentype"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCondItalic/524b1fae-2e32-45cd-ab39-dd957940a558-4.svg#sl-TitlingGothFBStandCondIt') format("svg"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCondItalic/524b1fae-2e32-45cd-ab39-dd957940a558-3.woff') format("woff"), url('/etc/designs/slate/fonts/SlateTitlingGothicFBStandardCondItalic/524b1fae-2e32-45cd-ab39-dd957940a558-1.ttf') format("truetype"); } .BrandonGrotesque-Bold, .roll-up .main .primary, #nav_home_content .sections a, #nav_home_content .stories .view-all a, #nav_home_content .links h2, #nav_search_content .results-count, #nav_mobile_bottom_content header .sign-out, #nav_mobile_bottom_content .full-site, .item.see-all a, .item .rubrik-link, .item .detail, .item .sponsor, .rubrik, .load-more-button a, .big-slider .article-info .info .position, .comment .user .timestamp, .comment .user .reaction-to, .comments-header h1, .comments-header .close-comments, .footer-base .sub-slate-row, .advanced-search > section h2, .blog-preview .continue-reading, .author-header .name, .header-with-social .title, .landing-push .title, .tag-header, .settings-header .username, #settings-subscriptions .subscription-tile .subscription-status, .meta .prop-desc, .meta .prop-name a, .multipart-nav .label, .multipart-nav .items .title, .multipart-nav.fresca-nav .entry .title, .top-comment .comment-options .join-in, .pagination .pages li.number a, .pagination .pages li.prev a, .pagination .pages li.next a, .section-header .title, .plus-popup .reprint, .slideshow-preview .label, .slideshow-preview .count, footer .item .rubrik-link, footer .item .detail, footer .item .sponsor, .link-source { font-family: sl-BrandonGrotBold; } .BrandonGrotesque-MediumItalic { font-family: sl-BrandonGrotMedIt; } .BrandonGrotesque-Black, .black-header, .page .sidebar a.header, .page .sidebar .sidebar-black-header, #see_more_comments { font-family: sl-BrandonGrotBlack; } .BrandonGrotesque-Medium, .tiles .tile .dek, #nav_home_content .links a, .video-lightbox .dek, .page .article-header .dek, .nice-field, .nav-panel input[type="text"], .nav-panel input[type="password"], body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite input[type="text"], body.landing .main .search input[type="text"], .notification, .comment .controls .reply, .comment .controls .like, .comment .controls .edit, .comment-post-form .submit-button, .footer-base .slate-row .sub-title, .footer-base .sub-slate-row a, .footer-base .sub-slate-row .right .label, .footer-base-toc a, body.landing .main .breaking, body.landing .main .full-width.left-image .dek, .advanced-search a, .timestamp, body.settings .main .breaking, body.settings .main .full-width.left-image .dek, #settings-subscriptions .subscription-tile .dek, .meta, .top-comment .comment-options .count, .about-the-author.fancy header, .about-the-author header, .pagination a { font-family: sl-BrandonGrotMed; } .apresbold, #nav_mobile_bottom_content header .welcome .username, .page .main .content > p a, .page .main .content .body .text > p a, .page .main .content .copy > p a, body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist, body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section .item-number, .comment .user .username, .author-header .author-bio p a, .settings-comments .comments .comment-preview .description .user-ref { font-family: sl-ApresBold; } .apresbolditalic { font-family: sl-ApresBoldIt; } .apresitalic, .arrowed-popup, .footnote-content, .highlighter-container, .facebook-popup, .plus-popup, .about-sponsored-popup, .author-header .author-bio p, .settings-comments .comments .comment-preview .description { font-family: sl-ApresIt; } .apreslight, .mfp-title, .arrowed-popup .close, .footnote-content .close, .highlighter-container .close, .facebook-popup .close, .plus-popup .close, .about-sponsored-popup .close, .photo-credit, .big-slider .article-info .info .caption, .footer-base-toc ul.copyright li, .image .caption, .about-the-author.fancy p { font-family: sl-ApresLight; } .apreslightitalic, .byline, .byline a, .byline em, .blog-preview .byline a, .citation .byline, .text blockquote .byline { font-family: sl-ApresLightIt; } .apresregular, .nav-panel .other-options-line span, #nav_mobile_bottom_content header .welcome, .page .main .content a, .text-field-hint, body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body, body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-close { font-family: sl-ApresRegular; } .rockwell, .roll-up.fresca .handle, .numbered-list a small, .section-header-number, .fresca .section-header-number, .multipart-nav.fresca-nav .entry .section-header-number, .pullquote, .pullquote.notch .quote, .section-header .section-header-number { font-family: sl-Rockwell; } .rockwellbold, .drop-capped, .q-and-a .question:before { font-family: sl-RockwellBold; } .rockwellbolditalic { font-family: sl-RockwellBoldIt; } .rockwellitalic { font-family: sl-RockwellIt; } .titlinggothicfbcondmedium, #nav_home_content .title, .video-lightbox .hed, .hed, .page .article-header .sub-hed, .hed.small, .numbered-list a, .video-gallery .main-title, .big-slider .hed a, body.roadblock #roadblock .roadblock-content .header-purple h1, body.roadblock #roadblock .roadblock-content .header-purple h2, body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body a.plus-button, body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form h1.roadblock-form-title, body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro h2, .comments-container .article-title, .comments-container .all-comments, .footer-base .slate-row .title, .settings-account .account-settings .display, .settings-account .account-subscriptions li a, .multipart-pagination .title, footer .footer-tiles .tile { font-family: sl-TitlingGothFBMedCond; } .titlinggothicfbcondstandard, .roll-up .main .secondary, .roll-up .main .secondary .byline, .nav-header span.option, .nav-header span.link, #nav_search_content .result-item .title, .item.small .story-link, .item .story-link, .page .sidebar .promo .copy, .page .sidebar .promo .title, .push-button, .the-full-slate .title, .video-gallery .current-video .to-all-video, .video-gallery #video_gallery_shelf_wrap a, .landing-header, .header-with-social .sub-title, .landing-push .sub-title, .settings-header em, .settings-header .sign-out, .settings-header .sign-in, .settings-comments .comments .comment-counts, .settings-comments .comments .comment-preview .title, .settings-account .account-settings .email, .top-comment .title, .slideshow-preview .title, footer .item .story-link { font-family: sl-TitlingGothFBStandCond; } .apresre, .author-bio p { font-family: sl-ApresRE; } .apresrebold, .author-bio p a { font-family: sl-ApresREBold; } .apresrebolditalic { font-family: sl-ApresREBoldIt; } .apresreitalic { font-family: sl-ApresREIt; } h1 { line-height: 1; font-weight: normal; } h2 { font-weight: normal; } p { line-height: 1.1; } ul.unstyled, #nav_home_content .links .rubriks, #nav_home_content .links .cols ul { list-style-type: none; padding: 0; margin: 0; } ::-moz-selection { background-color: #f7ff7f !important; } ::selection { background-color: #f7ff7f !important; } /* /* /* Colorbox Core Style: /* The following CSS is consistent between example themes and should not be altered. /* */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* /* /* User Style: /* Change the following styles to modify the appearance of Colorbox. They are /* ordered & tabbed in a way that represents the nesting of the generated HTML. /* */ #cboxOverlay { background: black repeat 0 0; z-index: 10000 !important; position: fixed; left: 0 !important; top: 0 !important; } #colorbox { outline: 0; z-index: 10001; } #cboxTopLeft { width: 21px; height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -101px 0; } #cboxTopRight { width: 21px; height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -130px 0; } #cboxBottomLeft { width: 21px; height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -101px -29px; } #cboxBottomRight { width: 21px; height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -130px -29px; } #cboxMiddleLeft { width: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/border.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/border.png) 0 -29px repeat-x; } #cboxContent { background: #fff; overflow: hidden; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxLoadingOverlay { background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/loading.gif) no-repeat center center; } /* /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext:hover { background-position: -50px -25px; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(/etc/designs/shared/js/libs/jquery-plugins/colorbox/images/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose:hover { background-position: -25px -25px; } /* /* /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill /* when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. /* See: http://jacklmoore.com/notes/ie-transparency-problems/ /* */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222222; } body { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .plus-icons-sprite, .plus-icons-email, .plus-icons-print, .plus-popup .print, .plus-popup .email { background: url('/etc/designs/slate/images/plus-icons-s6bda9dd574.5d9944a6.png') no-repeat; } .plus-icons-email { background-position: 0 0; } .plus-icons-print { background-position: 0 -32px; } .mobile-article-slideshow-sprite, .mobile-article-slideshow-email, .mobile-article-slideshow-facebook, .mobile-article-slideshow-twitter { background: url('/etc/designs/slate/images/social/mobile-article-slideshow-s2a13d527d9.7a659af4.png') no-repeat; } .mobile-article-slideshow-email { background-position: 0 -16px; } .mobile-article-slideshow-facebook { background-position: 0 -29px; } .mobile-article-slideshow-twitter { background-position: 0 0; } .no-border { -webkit-box-shadow: 0 0 0 0 !important; -moz-box-shadow: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important; } .tiles .tile { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; margin-bottom: 10px; background-repeat: no-repeat; } html.lt-ie8 .tiles .tile { border: 1px solid #e1e1e1; } @media (max-width: 640px) { .tiles .tile { background-size: cover; } .tiles .tile .byline { font-size: 13px; } } .tiles .tile.notched-screen { position: relative; } .tiles .tile.notched-screen .hed, .tiles .tile.notched-screen .dek, .tiles .tile.notched-screen .byline, .tiles .tile.notched-screen .byline a { color: white; position: relative; z-index: 2; } .tiles .tile.notched-screen .hed, .tiles .tile.notched-screen .dek { margin-bottom: 10px; } .tiles .tile.notched-screen .full-tile { background: url('/etc/designs/slate/images/home/slatest-details-background.4e9c93d2.png?1394819382'); padding-top: 10px; } .tiles .tile.notched-screen:hover .hed { color: #f0ff00 !important; } .tiles .tile.notched-screen.light .full-tile { background: url('/etc/designs/slate/images/home/slatest-details-background-light.e9889cf3.png?1394819382'); } .tiles .tile.notched-screen.light .hed, .tiles .tile.notched-screen.light .dek { color: #281b21; } .tiles .tile.notched-screen.light .byline, .tiles .tile.notched-screen.light .byline a { color: #660033; } .tiles .tile.notched-screen.light:hover .hed { color: #660033 !important; } .tiles .tile.notched-screen .timestamp { position: absolute; margin-top: -30px; } .tiles .tile.full-image .rubrik { border-color: white !important; color: white !important; } .tiles .tile.full-image.notched-screen .hed { font-size: 32px; margin-top: 20px; } .tiles .tile.full-image.notched-screen .dek { font-size: 18px; } @media (max-width: 640px) { .tiles .tile.full-image.notched-screen .dek { font-size: 16px; } } .tiles .tile.full-image.with-dek .hed { font-size: 24px; } .tiles .tile.full-image .hed { font-size: 35px; } .tiles .tile.stacked .rubrik { border-color: white !important; color: white !important; } .tiles .tile.stacked.with-dek .hed { font-size: 24px; } .tiles .tile.stacked .hed { font-size: 35px; } .tiles .tile.stacked.video-preview .play-link { background: url('/etc/designs/slate/images/home/video-play-button.42ef1b50.png?1394819382') center 94px no-repeat; } .tiles .tile.stacked.podcast-preview .play-link { background: url('/etc/designs/slate/images/home/podcast-play-button.0be8f3a8.png?1394819382') center 94px no-repeat; } .tiles .tile.stacked.photo-preview .play-link { background: url('/etc/designs/slate/images/home/photo-button.ca532581.png?1394819382') center 94px no-repeat; } .tiles .tile.video-preview .rubrik, .tiles .tile.podcast-preview .rubrik, .tiles .tile.photo-preview .rubrik { position: relative; border-color: white; color: white; } .tiles .tile.video-preview .play-link, .tiles .tile.podcast-preview .play-link, .tiles .tile.photo-preview .play-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('/etc/designs/slate/images/home/video-play-button.42ef1b50.png?1394819382') 287px 10px no-repeat; z-index: 1; } .tiles .tile.video-preview:hover .play-link, .tiles .tile.podcast-preview:hover .play-link, .tiles .tile.photo-preview:hover .play-link { background-color: rgba(255, 255, 255, 0.2); } .tiles .tile.podcast-preview .play-link { background: url('/etc/designs/slate/images/home/podcast-play-button.0be8f3a8.png?1394819382') 287px 10px no-repeat; } .tiles .tile.hed-only .hed { font-size: 20px; margin-top: 40px; } .tiles .tile.hed-only.full-image .full-tile .hed { position: absolute; bottom: 10px; } .tiles .tile .hed, .tiles .tile .dek { display: block; clear: left; line-height: 1.1; } .tiles .tile .hed { margin-top: 15px; margin-bottom: 15px; } .tiles .tile .dek { margin-bottom: 18px; font-size: 18px; } @media (max-width: 640px) { .tiles .tile .dek { font-size: 16px; } } .tiles .tile .rubrik { margin-top: 14px; border-color: #281b21; color: #281b21; margin-left: 20px; } .half-height { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; height: 140px; margin-bottom: 7px; } html.lt-ie8 .half-height { border: 1px solid #e1e1e1; } @media (max-width: 640px) { .half-height { display: block; float: none; width: auto; margin-right: 0; padding-top: 10px; height: auto; padding-bottom: 10px; } } .half-height.long-text .hed { font-size: 23px; } .half-height.left { float: left; } @media (max-width: 640px) { .half-height.left { width: auto; float: none; display: block; margin-right: 0; margin-bottom: 10px; } } .half-height .hed { margin: 15px 0; font-size: 35px; } .margin-bottom { margin-bottom: 10px; } .with-screen { position: relative; color: white; } .with-screen a.full-tile { color: white; } .with-screen .hed, .with-screen .dek, .with-screen a.full-tile, .with-screen .rubrik, .with-screen .byline { position: relative; } .with-screen .rubrik { border-color: white !important; color: white !important; } .with-screen .byline, .with-screen .byline a { color: white; } .rollup-share-toggle-sprite, .rollup-share-toggle-close, .rollup-share-toggle-open { background: url('/etc/designs/slate/images/social/rollup-share-toggle-s9fc96c6f89.e42a142f.png') no-repeat; } .rollup-share-toggle-close { background-position: 0 -17px; } .rollup-share-toggle-open { background-position: 0 0; } /* CSS specific to the rollups. */ .roll-up { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; background: white; top: -60px; left: 0; right: 0; height: 53px; display: none; z-index: 1600; } .roll-up .container { *zoom: 1; width: 1038px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; position: relative; } .roll-up .container:after { content: ""; display: table; clear: both; } @media (max-width: 1023px) { .roll-up .container { width: auto; padding-right: 0; padding-left: 21px; } } html.lt-ie8 .roll-up { border-bottom: 2px solid #999; } .roll-up:after { content: ""; background: url('/etc/designs/slate/images/article/rolldown-bottom-border-tile.6f9a386d.png?1394819382') bottom left repeat-x; height: 7px; position: absolute; bottom: -7px; left: 0; display: block; right: 0; } .roll-up.with-dropdown { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 640px) { .roll-up.with-dropdown .container { height: 100%; padding-left: 0; } } .roll-up.with-dropdown.multipart .primary { margin-top: 8px; margin-bottom: 0; } @media (max-width: 640px) { .roll-up.with-dropdown.multipart .primary { margin-top: 14px; } } .roll-up.with-dropdown.multipart .main .titles { margin-left: 65px; } @media (max-width: 640px) { .roll-up.with-dropdown.multipart .main .titles { margin-left: 55px; } } .roll-up.with-dropdown .social .count { display: none; } .roll-up.with-dropdown .social .email { display: none; } .roll-up.with-dropdown .mobile-social-toggle { display: none; } .roll-up.with-dropdown .mobile-social-toggle span { display: block; position: absolute; left: 50%; top: 50%; height: 17px; width: 21px; background-image: url('/etc/designs/slate/images/social/rollup-share-toggle-sde3aa7f5f7.e833bb12.png'); background-position: 0 0; background-repeat: no-repeat; margin-top: -8.5px; margin-left: -10.5px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .roll-up.with-dropdown .mobile-social-toggle span { background-image: url('/etc/designs/slate/images/social/rollup-share-toggle2x-s56d4d0dd54.1deec69a.png'); background-position: 0 0; -webkit-background-size: 21px auto; -moz-background-size: 21px auto; -o-background-size: 21px auto; background-size: 21px auto; } } .roll-up.with-dropdown .mobile-social-toggle.on span { height: 14px; width: 14px; background-image: url('/etc/designs/slate/images/social/rollup-share-toggle-sde3aa7f5f7.e833bb12.png'); background-position: 0 -19px; background-repeat: no-repeat; margin-top: -7px; margin-left: -7px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .roll-up.with-dropdown .mobile-social-toggle.on span { background-image: url('/etc/designs/slate/images/social/rollup-share-toggle2x-s56d4d0dd54.1deec69a.png'); background-position: 0 -18px; -webkit-background-size: 21px auto; -moz-background-size: 21px auto; -o-background-size: 21px auto; background-size: 21px auto; } } @media (max-width: 640px) { .roll-up.with-dropdown .sidebar { display: none; } .roll-up.with-dropdown .mobile-social-toggle { display: block; position: absolute; right: 0; top: 0; width: 55px; bottom: 0; background-color: #281b21; padding-left: 3px; } .roll-up.with-dropdown .social .comments { display: none; } .roll-up.with-dropdown .social .email { display: block; } .roll-up.with-dropdown .social .count { display: block; } .roll-up.with-dropdown .social { display: none; } .roll-up.with-dropdown .social.show-for-mobile { display: block; background: white; position: absolute; top: 0; left: 0; bottom: 0; right: 60px; margin: 0; padding: 10px; z-index: 5; } } .roll-up .main { position: relative; width: 686px; float: left; margin-right: 18px; display: inline; } @media (min-width: 1024px) { .roll-up .main { margin-right: 17px; } } @media (max-width: 1023px) { .roll-up .main { width: 100%; } } @media (max-width: 640px) { .roll-up .main { width: 100%; height: 100%; margin-right: 0; } } .fresca .roll-up .main { width: 774px; float: left; margin-right: 18px; display: inline; } @media (max-width: 1023px) { .fresca .roll-up .main { width: 90%; } } @media (max-width: 640px) { .fresca .roll-up .main { width: 100%; height: 100%; margin-right: 0; } } .roll-up .main .handle { width: 55px; height: 53px; background: #281b21 url('/etc/designs/slate/images/down-toggle-sprite.fad50b7a.png?1394819382') 22px 24px no-repeat; display: block; position: absolute; left: 0; line-height: 53px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .roll-up .main .handle { background: #281b21 url('/etc/designs/slate/images/down-toggle-sprite@2x.3895e6c5.png?1394819382') 22px 24px no-repeat; background-size: 9.5px 65px; } } @media (max-width: 640px) { .roll-up .main .handle { width: 50px; background: white url('/etc/designs/slate/images/mobile-rolldown-toggle-sprite.63bfabdb.png?1394819382') 22px 23px no-repeat; } } @media (max-width: 640px) and (resolution: 2dppx), (max-width: 640px) and (-webkit-device-pixel-ratio: 2), (max-width: 640px) and (-moz-device-pixel-ratio: 2), (max-width: 640px) and (resolution: 192dpi) { .roll-up .main .handle { background-position: 20px 23px; background-image: url('/etc/designs/slate/images/mobile-rolldown-toggle-sprite@2x.24df4243.png?1394819382'); background-size: 9.5px 65px; } } .roll-up .main .handle.open-toggle { background-position: 21px -34px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .roll-up .main .handle.open-toggle { background-position: 23px -34px; } } @media (max-width: 640px) { .roll-up .main .handle.open-toggle { background-position: 19px -34px; background-color: #281b21; } } .roll-up .main .titles { float: left; margin-right: 121px; } @media (max-width: 640px) { .roll-up .main .titles { margin-right: 63px; } } .roll-up .main .centered-titles { display: table; height: 53px; } .roll-up .main .primary { font-size: 18px; margin: 8px 0 0 0; line-height: 1; font-weight: bold; text-transform: uppercase; } @media (max-width: 640px) { .roll-up .main .primary { font-size: 12px; padding-left: 8px; } } .roll-up .main .centered-primary { display: table-cell; vertical-align: middle; padding-top: 5px; } .roll-up .main .secondary { display: block; font-size: 14px; font-style: italic; margin: 2px 0 0 0; } @media (max-width: 640px) { .roll-up .main .secondary { font-size: 11px; } } .roll-up .main .secondary .byline { font-style: normal; } @media (max-width: 640px) { .roll-up .main .secondary .byline { display: none; } } .roll-up .sidebar { background: #660033; width: 334px; float: right; margin-right: 0; *margin-left: -18px; display: inline; } @media (min-width: 1024px) { .roll-up .sidebar { margin-right: 1px; } } .fresca .roll-up .sidebar { width: 246px; float: right; margin-right: 0; *margin-left: -18px; display: inline; } .extra-wide-col .roll-up .sidebar { width: 320px; } @media (max-width: 1023px) { .roll-up .sidebar { width: 55px !important; position: absolute; top: 0; right: 0; float: none; } .roll-up .sidebar .slate-logo { display: none; } } .roll-up .social { margin-top: 12px; float: none; position: absolute; right: 0; top: 0; } @media (max-width: 1023px) { .roll-up .social { right: 70px; } } .fresca .roll-up .social { padding-right: 0; } @media (max-width: 1023px) { .fresca .roll-up .social { right: 15px; } } .roll-up.fresca .secondary { font-weight: normal; margin-top: 0; } .roll-up.fresca .main .titles { margin-left: 90px !important; } @media (max-width: 640px) { .roll-up.fresca .main .titles { margin-left: 70px; position: relative; z-index: 3; } } .roll-up.fresca .handle { width: 85px; padding-top: 11px; height: 42px !important; color: white !important; background-position: 45px 24px; padding-bottom: 0 !important; border-right: 0; } @media (max-width: 640px) { .roll-up.fresca .handle { color: #660033 !important; } } .roll-up.fresca .handle.open-toggle { background-position: 44px -34px; color: white !important; } @media (max-width: 640px) { .roll-up.fresca .handle.open-toggle { width: 50px; } } #tablet_header { display: none; margin-bottom: 30px; } @media (max-width: 640px) { #tablet_header { position: relative; margin-bottom: 30px; } #tablet_header.roll-up { margin-bottom: 0; margin-top: 0; } } @media (max-width: 1023px) { #tablet_header { width: auto; background: #660033; display: block; top: 0; } #tablet_header .sidebar { float: none; width: auto; position: static; } #tablet_header .sidebar .slate-logo { display: block; } #tablet_header .sidebar .logo { margin: 0; } #tablet_header .sidebar .logo:after { display: none; } } .search-icons-sprite, .search-icons-close, .search-icons-glass { background: url('/etc/designs/slate/images/search-icons-s823af3ff0d.4bdb9819.png') no-repeat; } .search-icons-close { background-position: 0 -16px; } .search-icons-glass { background-position: 0 0; } #nav_sign_in_content, #nav_sign_up_content { display: none; } .nav-content { background: #f3f5f5; overflow-x: hidden; overflow-y: auto; } @media (max-width: 640px) { .nav-content { overflow-x: auto; overflow-y: visible; overflow: visible; } } .nav-panel { position: relative; background-color: #660033; } .nav-panel .buttons { display: none; } .nav-panel.nav-opened-for-desktop { padding-bottom: 53px; } .nav-panel.nav-opened-for-desktop .nav-header { position: absolute; top: 0; right: 0px; z-index: 500; } .nav-panel.narrow { width: 246px; float: right; margin-right: 0; *margin-left: -18px; display: inline; } @media (max-width: 1023px) { .nav-panel.narrow { display: none; } } .nav-panel p { padding-left: 20px; padding-right: 20px; } .nav-panel input[type="text"], .nav-panel input[type="password"] { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-panel .other-options-line { position: relative; text-align: center; margin-left: 20px; margin-right: 20px; padding: 0; } .nav-panel .other-options-line span { font-size: 12px; background: #f3f5f5; padding: 0 10px; position: relative; z-index: 5; } .nav-panel .other-options-line:before { content: ""; display: block; border-top: solid 1px #959595; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .nav-panel .social-buttons { margin-left: 20px; margin-right: 20px; text-align: center; } .nav-panel .social-buttons a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: url('/etc/designs/slate/images/social-button-background-tile.f7044679.gif?1394819382') repeat-y left top #281b21; margin: 3px 1px; } .nav-panel .social-buttons .push-button { background: transparent; text-align: right; padding-right: 40px; } .nav-panel .social-buttons .push-button:hover { color: white; } .nav-panel .social-buttons .push-button.facebook-button, .nav-panel .social-buttons .push-button.twitter-button, .nav-panel .social-buttons .push-button.google-button, .nav-panel .social-buttons .push-button.yahoo-button, .nav-panel .social-buttons .push-button.slate-button { color: white; } .nav-panel .social-buttons .push-button.facebook-button:hover, .nav-panel .social-buttons .push-button.twitter-button:hover, .nav-panel .social-buttons .push-button.google-button:hover, .nav-panel .social-buttons .push-button.yahoo-button:hover, .nav-panel .social-buttons .push-button.slate-button:hover { color: #f0ff00; } .nav-panel .social-buttons .push-button.facebook-button { border-bottom: 4px solid #3b5998; padding-right: 30px; background: url('/etc/designs/slate/images/nav-facebook-button.ad07a897.png?1394819382') 15px 50% no-repeat; } .nav-panel .social-buttons .push-button.twitter-button { border-bottom: 4px solid #00aced; background: url('/etc/designs/slate/images/nav-twitter-button.c6e9072f.png?1394819382') 14px 50% no-repeat; } .nav-panel .social-buttons .push-button.google-button { border-bottom: 4px solid #df4a32; background: url('/etc/designs/slate/images/nav-google-button.d18cd8d1.png?1394819382') 13px 50% no-repeat; } .nav-panel .social-buttons .push-button.yahoo-button { border-bottom: 4px solid #b68ee7; background: url('/etc/designs/slate/images/nav-yahoo-button.69eaa422.png?1394819382') 13px 50% no-repeat; } .nav-panel .social-buttons .push-button.slate-button { border-bottom: 4px solid #660033; background: url('/etc/designs/slate/images/nav-slate-button.7cc2277b.png?1394819382') 13px 50% no-repeat; } .nav-panel .push-button { width: 160px; } .nav-panel .nav-form { width: 100%; margin-left: auto; margin-right: auto; padding-top: 15px; } .nav-panel .nav-form p.button-container { text-align: center; } .nav-panel .rubrik { height: auto; } .nav-header.buttons-visible .buttons { display: block; float: right; margin-right: 57px; } .nav-header.buttons-visible .buttons .global-nav-handle { display: none; } .home .nav-header.buttons-visible .buttons .global-nav-handle, .landing .nav-header.buttons-visible .buttons .global-nav-handle { display: block; right: auto; } .nav-header h1, .nav-header .logo { display: block; text-indent: -10000px; background: url('/etc/designs/slate/images/slate-logo.de705823.gif?1394819382') center left no-repeat; margin: 0 0 0 13px; height: 53px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .nav-header h1, .nav-header .logo { background-image: url('/etc/designs/slate/images/slate-logo@2x.0d7cfa11.png?1394819382'); background-size: 99.5px 35.5px; } } .global-nav-handle { padding: 0 !important; height: 53px; line-height: 53px; border-right: 0 !important; top: 0; right: 0; width: 57px; position: absolute; background: #660033 url('/etc/designs/slate/images/nav-toggle.905c48af.gif?1394819382') center center no-repeat; display: block; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .global-nav-handle { background-image: url('/etc/designs/slate/images/nav-toggle@2x.a1c3dd24.gif?1394819382'); background-size: 17.5px 15.5px; } } #nav_animation_mask { display: none; -webkit-backface-visibility: hidden; } #nav_header_for_rollup_magic { display: none; } #nav_header_for_rollup_magic.exposed { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } @media (max-width: 1023px) { #nav_header_for_rollup_magic { display: none !important; } } #nav_sections_wrapper { background: #f3f5f5; min-height: 100%; } #nav_sections { display: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; background: #f3f5f5; position: absolute; width: 550px; bottom: 0; z-index: 500; } #nav_sections.exposed { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } @media (max-width: 640px) { #nav_sections { width: auto; right: 0; } } #magic_nav_header { display: none; position: absolute; } #magic_nav_header.exposed { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } @media (max-width: 1023px) { #magic_nav_header.opened-from-rollup .nav-handle-option { display: none; } #magic_nav_header.opened-from-rollup .search-link { width: 55px; } #magic_nav_header.opened-from-tablet-header { width: auto; } #magic_nav_header.opened-from-tablet-header .logo { display: none; } } .open { overflow: hidden; *zoom: 1; width: 550px; background: #f3f5f5; } @media (max-width: 640px) { .open { width: auto; } } .open .buttons { float: right; } .open .nav-handle-option { border: 0; padding: 0; width: 57px; height: 53px; background: #281b21; padding: 0; border-right: 0; } .nav-header { background: #660033; height: 53px; } .nav-header a { outline: 0; } .nav-header.with-active-item { background: #660033 url('/etc/designs/slate/images/nav-bottom-shadow-tile.be429de9.gif?1394819382') bottom repeat-x; } .nav-header.with-active-item span.link.active { background: #660033 url('/etc/designs/slate/images/nav-bottom-shadow-active-tile.29ce76fd.gif?1394819382') bottom repeat-x; padding-bottom: 4px; } .nav-header .slate-logo { border-right: 0; padding: 0; } .nav-header .logo { cursor: pointer; width: 110px; float: left; } .nav-header span.option, .nav-header span.link { font-size: 18px; float: left; color: white; position: relative; } .nav-header span.option a, .nav-header span.link a { display: block; color: white; line-height: 53px; height: 53px; padding: 0 20px; border-right: 1px solid #480524; } .nav-header span.option a.first, .nav-header span.link a.first { border-left: 1px solid #480524; } .nav-header span.option .search-link, .nav-header span.link .search-link { padding: 0; background: url('/etc/designs/slate/images/nav-search-sprite.f17a8f87.png?1394819382') no-repeat center 20px; text-indent: -10000px; width: 45px; display: block; } #mobile_identity { display: none; margin-top: 10px; width: 95%; margin-left: auto; margin-right: auto; } @media (max-width: 640px) { #mobile_identity { display: block; } } #mobile_identity .push-button { width: 48%; margin: 2px; } #nav_home_content { border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; } #nav_home_content .search-field { overflow: hidden; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #cfcfcf; padding-bottom: 20px; margin-bottom: 10px; } #nav_home_content #mobile_username_search { display: none; } @media (max-width: 640px) { #nav_home_content #mobile_username_search { display: block; } } #nav_home_content #mobile_username_display { display: none; font-size: 18px; padding-top: 20px; font-family: sl-BrandonGrotBold; text-align: center; } #nav_home_content #mobile_search_field { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #cfcfcf; padding-left: 5px; padding-right: 5px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; height: 40px; background: url('/etc/designs/slate/images/mag-glass.1e302b2d.png?1394819382') 95% 50% no-repeat white; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #nav_home_content #mobile_search_field { background-size: 18px 17px; background-image: url('/etc/designs/slate/images/mag-glass@2x.612e0187.png?1394819382'); } } #nav_home_content .search-form { text-align: center; } #nav_home_content .cols { overflow: hidden; *zoom: 1; } @media (max-width: 640px) { #nav_home_content .cols { padding-right: 0; padding-bottom: 20px; } } #nav_home_content .title { color: #281b21; line-height: 1.2; padding-bottom: 20px; } #nav_home_content .title:hover { color: #660033; } #nav_home_content .sections { padding-top: 35px; float: left; } @media (max-width: 640px) { #nav_home_content .sections { float: none; padding-top: 0; } } @media (max-width: 640px) { #nav_home_content .sections ul { float: right; width: 45%; } #nav_home_content .sections ul:first-child { float: left; } } #nav_home_content .sections li { padding-left: 35px; position: relative; } @media (max-width: 640px) { #nav_home_content .sections li { padding-left: 25px; } } #nav_home_content .sections li:hover a, #nav_home_content .sections li.active a { color: #660033; } #nav_home_content .sections li.active:before { content: ""; position: absolute; display: block; left: -3px; top: 18px; width: 20px; height: 17px; background: url('/etc/designs/slate/images/nav-section-active-arrow.39c8e513.gif?1394819382'); } @media (max-width: 640px) { #nav_home_content .sections li.active:before { background-image: none; } } #nav_home_content .sections a { display: block; margin-top: 5px; padding: 5px 0; font-size: 18px; color: #281b21; } #nav_home_content .stories { float: left; width: 250px; padding-top: 20px; margin-left: 20px; padding-right: 20px; padding-bottom: 20px; border-right: 1px solid #121212; min-height: 600px; position: relative; } @media (max-width: 640px) { #nav_home_content .stories { display: none; width: auto; } } #nav_home_content .stories .load-more-button { bottom: 15px; left: 0; right: 17px; } #nav_home_content .stories .load-more-button a { width: auto; } #nav_home_content .stories .stories-for-nav { display: none; } #nav_home_content .stories .stories-for-nav.active-stories-for-nav { display: block; } #nav_home_content .stories .story .title { display: block; font-size: 16px; border-bottom: 1px solid #959595; padding-top: 20px; } #nav_home_content .stories .story.last .title, #nav_home_content .stories .story.view-all .title { border-bottom: 0; } #nav_home_content .stories .story.photo-story { position: relative; } #nav_home_content .stories .story.photo-story .primary { position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; } #nav_home_content .stories .story.photo-story:hover .title { color: #660033; } #nav_home_content .stories .story.photo-story .title { font-size: 26px; padding-top: 15px; } #nav_home_content .stories .story.photo-story .photo { position: relative; } #nav_home_content .stories .story.photo-story .photo .rubrik { position: absolute; left: 0; } #nav_home_content .stories .story.photo-story .photo .rubrik { left: 10px; color: white; top: 8px; z-index: 2; } #nav_home_content .stories .view-all a { display: block; color: #660033; font-size: 18px; } #nav_home_content .stories .view-all a:hover { color: #281b21; } @media (max-width: 640px) { #nav_home_content .follow-slate .social { width: auto; text-align: center; float: none; } #nav_home_content .follow-slate .social a { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } #nav_home_content .follow-slate .social a.email { float: right; } #nav_home_content .follow-slate .social a.twitter { margin-right: 0; float: none; } #nav_home_content .follow-slate .social a.facebook { float: left; margin-right: 0; } } #nav_home_content .links { padding: 0 30px 80px 20px; background: #281b21; color: white; } @media (max-width: 640px) { #nav_home_content .links { padding-bottom: 0; } } #nav_home_content .links .social .count { color: white; } #nav_home_content .links a { color: white; font-size: 14px; text-transform: uppercase; } #nav_home_content .links a.camera { background: url('/etc/designs/slate/images/nav-link-camera-icon.9eddaa54.png?1394819382') right center no-repeat; padding-right: 22px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #nav_home_content .links a.camera { background-image: url('/etc/designs/slate/images/nav-link-camera-icon@2x.9de93d14.png?1394819382'); background-size: 14.5px 11px; } } #nav_home_content .links a.arrow { background: url('/etc/designs/slate/images/nav-link-arrow.8fc5da79.png?1394819382') right center no-repeat; padding-right: 23px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #nav_home_content .links a.arrow { background-image: url('/etc/designs/slate/images/nav-link-arrow@2x.55920fac.png?1394819382'); background-size: 14px 12px; } } #nav_home_content .links a:hover { color: #f0ff00; } #nav_home_content .links h2 { font-size: 19px; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; padding-bottom: 14px; padding-top: 14px; margin-bottom: 22px; } #nav_home_content .links .follow-slate header { overflow: hidden; *zoom: 1; line-height: 32px; border-bottom: 1px solid white; padding-bottom: 14px; padding-top: 14px; padding-bottom: 14px; margin-bottom: 5px; } #nav_home_content .links .follow-slate h2 { margin: 0; padding: 0; border: 0; float: left; } @media (max-width: 640px) { #nav_home_content .links .follow-slate h2 { display: none; } } #nav_home_content .links .rubriks { overflow: hidden; *zoom: 1; margin-bottom: 5px; } #nav_home_content .links .rubriks li { display: block; float: left; } #nav_home_content .links .rubriks li a { display: block; margin-right: 10px; margin-top: 10px; background: #660033; border: 1px solid white; padding: 6px 1em 2px 1em; } @media (max-width: 640px) { #nav_home_content .links .rubriks li a { padding-top: 6px; padding-bottom: 0px; } } #nav_home_content .links .rubriks li a:hover { background: #f0ff00; color: #660033; } #nav_home_content .links .cols { overflow: hidden; *zoom: 1; } #nav_home_content .links .cols ul { width: 130px; float: left; } #nav_home_content .links .cols ul.last { float: right; margin-right: 20px; } @media (max-width: 640px) { #nav_home_content .links .cols ul.last { display: none; } } #nav_home_content .links .cols ul.center { margin-left: 50px; } @media (max-width: 640px) { #nav_home_content .links .cols ul.center { float: right; margin-left: 0; } } #nav_home_content .links .cols li { margin-bottom: 10px; } #nav_home_content .links .cols li.moved { display: none; } @media (max-width: 640px) { #nav_home_content .links .cols li.moved { display: block; } } #nav_sign_in_content { height: 600px; } #nav_sign_in_content .push-button { color: #f0ff00; } #nav_sign_in_content .push-button:hover { color: white; } #nav_sign_up_content { height: 600px; } #nav_sign_up_content .create-free-account { margin-top: 10px; width: 190px; } #nav_sign_up_content .push-button { color: #f0ff00; } #nav_sign_up_content .push-button:hover { color: white; } #nav_search_content { border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; position: relative; padding-left: 20px; padding-right: 40px; } #nav_search_content .search-form #nav_search_field { font-size: 18px; width: 373px; height: 44px; line-height: 50px; margin-right: -20px; border-right: none; } #nav_search_content input[type="submit"] { border-bottom: none; color: #f0ff00; float: right; padding: 0 10px; height: 48px; line-height: 48px; width: auto; } #nav_search_content input[type="submit"]:hover { color: white; } #nav_search_content .results { display: none; background: url('/etc/designs/slate/images/home/light-tile.91fa467e.png?1394819382'); border-bottom: 1px solid #f4f4f4; margin-top: 10px; -webkit-box-shadow: #bbbbbb 0px 0px 15px 2px; -moz-box-shadow: #bbbbbb 0px 0px 15px 2px; box-shadow: #bbbbbb 0px 0px 15px 2px; } #nav_search_content .results .resultsTitle { background-color: #660033; line-height: 2; padding-left: 17px; color: white; position: relative; } #nav_search_content .results .resultsTitle .close { position: absolute; right: 10px; top: 9px; width: 12px; height: 12px; display: block; background: url('/etc/designs/slate/images/white-close-x.05f44f58.png?1394819382') center center no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #nav_search_content .results .resultsTitle .close { background-image: url('/etc/designs/slate/images/white-close-x@2x.c4e8825d.png?1394819382'); background-size: 8.5px 8.5px; } } #nav_search_content .results .resultsTitle .close:hover { cursor: pointer; } #nav_search_content .results .item .title { width: 342px; } #nav_search_content .results-count { font-size: 19px; margin-top: 10px; margin-bottom: 20px; } #nav_search_content .result-item { overflow: hidden; *zoom: 1; margin-bottom: 35px; padding-right: 20px; } #nav_search_content .result-item .details { margin-left: 125px; } #nav_search_content .result-item .timestamp { display: block; line-height: 1; } #nav_search_content .result-item .title { letter-spacing: 1px; font-size: 16px; line-height: 1.2; display: block; margin-top: 6px; } #nav_search_content .result-item .image { margin-right: 18px; float: left; } .nav-shown { background-color: #281b21; } #nav_mobile_bottom_content { display: none; } @media (max-width: 640px) { #nav_mobile_bottom_content { display: block; } } #nav_mobile_bottom_content header { overflow: hidden; *zoom: 1; margin: 20px; } #nav_mobile_bottom_content header .welcome { font-size: 16px; } #nav_mobile_bottom_content header .sign-out { font-size: 16px; float: right; } #nav_mobile_bottom_content header .sign-in { float: right; } #nav_mobile_bottom_content .full-site { text-align: center; margin: 25px auto; } #nav_mobile_bottom_content .your-recommended-stories { width: 75%; margin-left: auto; margin-right: auto; display: block; font-size: 14px; line-height: 49px; } #nav_mobile_bottom_content .recommended-stories-p { margin-bottom: 0; } #nav_mobile_bottom_content .mobile-close-p { margin-top: 0; } #nav_mobile_bottom_content #mobile_close { float: right; display: block; width: 40px; height: 40px; margin-right: 5px; background: url('/etc/designs/slate/images/black-close-x.36a28d52.png?1394819382') 50% 10px no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #nav_mobile_bottom_content #mobile_close { background-image: url('/etc/designs/slate/images/black-close-x@2x.9c78b338.png?1394819382'); background-size: 8.5px 8.5px; } } #nav_mask { display: none; } @media (max-width: 1023px) { #nav_mask { display: block; } } @media (max-width: 640px) { #nav_mask { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); display: none; } } /* Magnific Popup CSS */ .slide-control-icons-sprite, .slide-control-icons-back, .slide-control-icons-full-screen-icon, .slide-control-icons-left, .slide-control-icons-next, .slide-control-icons-right, .slide-control-icons-slide { background: url('/etc/designs/slate/images/slide-control-icons-sb0cb42ca34.e115be39.png') no-repeat; } .slide-control-icons-back { background-position: 0 0; } .slide-control-icons-full-screen-icon { background-position: 0 -242px; } .slide-control-icons-left { background-position: 0 -262px; } .slide-control-icons-next { background-position: 0 -121px; } .slide-control-icons-right { background-position: 0 -254px; } .slide-control-icons-slide { background-position: 0 -270px; } .mfp-bg { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 5002; overflow: hidden; background: url('/etc/designs/slate/images/lightbox-background-tile.4e57ac27.gif?1394819382'); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 5003; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 5005; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 5004; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 5006; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-inline-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: 0px; text-align: center; padding-right: 0; width: 40px; top: 0; height: 40px; padding: 0; background: url('/etc/designs/slate/images/yellow-close-x.05f44f58.png?1394819382') center center no-repeat; text-indent: -10000px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .mfp-inline-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background-image: url('/etc/designs/slate/images/yellow-close-x@2x.12e4035a.png?1394819382'); background-size: 8.5px 8.5px; } } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-bottom-bar { position: absolute; bottom: -20px; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 1.5; color: white; font-size: 18px; display: block; margin-bottom: 30px; } @media (max-width: 640px) { .mfp-title { font-family: sl-ApresLight; font-size: 14px; } } .mfp-credit { color: white; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 800px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-social { position: absolute; right: 0; bottom: -50px; top: auto; position: absolute; z-index: 100; } .mfp-social.mfp-social-for-single-item { bottom: -50px; } @media (max-width: 640px) { .mfp-social.mfp-social-for-single-item { width: auto; margin-left: auto; } } .mfp-social a { float: right; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-indent: -10000px; } .mfp-social a:first-child { margin-top: 0; } .mfp-social a.twitter { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mfp-social a.twitter { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -66px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .mfp-social a.facebook { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -68px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mfp-social a.facebook { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -165px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .mfp-social a.email { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -170px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mfp-social a.email { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -132px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .video-lightbox { background: #281b21; } .video-lightbox .hed, .video-lightbox .dek { display: block; color: white; max-width: 545px; padding-right: 400px; } .video-lightbox .hed { font-size: 35px; margin-bottom: 20px; line-height: 1; } .video-lightbox .dek { font-size: 18px; } .video-lightbox .companion { background: url('/etc/designs/slate/images/home/darker-tile.8563cdca.gif?1394819382'); width: 250px; height: 250px; margin: 0; position: absolute; right: 0; top: 0; } .video-lightbox .companion-ad { display: none; width: 250px; height: 250px; } .video-lightbox .details { padding: 35px; min-height: 180px; position: relative; background: url('/etc/designs/slate/images/home/darker-tile.8563cdca.gif?1394819382'); } .video-lightbox .details .mfp-social { bottom: auto; right: 285px; } .slideshow-container { display: none; } .photo-credit.under { color: white; position: absolute; bottom: -20px; left: 0; } .photo-title.under { color: white; position: absolute; bottom: -40px; left: 0; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 1.0; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-bottom-bar { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; height: 100px; bottom: -1px; z-index: 10; -webkit-transform: translateZ(0px); } @media (max-width: 1023px) { .mfp-bottom-bar { height: 50px; } } .slide-control-icons-sprite, .slide-control-icons-back, .slide-control-icons-full-screen-icon, .slide-control-icons-left, .slide-control-icons-next, .slide-control-icons-right, .slide-control-icons-slide { background: url('/etc/designs/slate/images/slide-control-icons-sb0cb42ca34.e115be39.png') no-repeat; } .slide-control-icons-back { background-position: 0 0; } .slide-control-icons-full-screen-icon { background-position: 0 -242px; } .slide-control-icons-left { background-position: 0 -262px; } .slide-control-icons-next { background-position: 0 -121px; } .slide-control-icons-right { background-position: 0 -254px; } .slide-control-icons-slide { background-position: 0 -270px; } html.swipebox { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #swipebox-slider { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; } #swipebox-slider .slide { background: url('/etc/designs/slate/images/slideshow-loader.816e19f1.gif?1394819382') no-repeat center center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: baseline; *vertical-align: auto; zoom: 1; *display: inline; } html.lt-ie8 #swipebox-slider .slide { vertical-align: top; } #swipebox-slider .slide:before { content: ""; display: -moz-inline-stack; display: inline-block; vertical-align: baseline; *vertical-align: auto; zoom: 1; *display: inline; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; *vertical-align: auto; zoom: 1; *display: inline; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-action, #swipebox-title { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-action { bottom: -50px; } #swipebox-action .mfp-social-for-slideshow { display: block; } @media (max-width: 640px) { #swipebox-action .mfp-social-for-slideshow { display: none; } } #swipebox-action .mfp-social { position: absolute; left: 50%; margin-left: -300px; width: 600px; bottom: 9px; top: auto; z-index: 100; } #swipebox-action .mfp-social a { float: right; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-indent: -10000px; } #swipebox-action .mfp-social a:first-child { margin-top: 0; } #swipebox-action .mfp-social a.twitter { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #swipebox-action .mfp-social a.twitter { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -66px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } #swipebox-action .mfp-social a.facebook { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -68px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #swipebox-action .mfp-social a.facebook { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -165px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } #swipebox-action .mfp-social a.email { margin-left: 10px; height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -170px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #swipebox-action .mfp-social a.email { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -132px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } #swipebox-action.visible-bars { bottom: 0; } #swipebox-action.force-visible-bars { bottom: 0 !important; } #swipebox-caption { margin-bottom: 15px; } .swipebox-control, #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-close { z-index: 1000; position: absolute; } #info-toggle { float: left; bottom: 0; display: block; color: #f0ff00; cursor: pointer; margin-right: 5px; text-indent: -10000px; padding: 10px; width: 10px; height: 8px; background: url('/etc/designs/slate/images/slideshow-up-down-arrows-sprite.b271f1ff.png?1394819382') 7px 5px no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #info-toggle { background-image: url('/etc/designs/slate/images/slideshow-up-down-arrows-sprite@2x.42814106.png?1394819382'); background-size: 10px 50px; } } #info-toggle.opened { background: url('/etc/designs/slate/images/slideshow-up-down-arrows-sprite.b271f1ff.png?1394819382') 7px -37px no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #info-toggle.opened { background-image: url('/etc/designs/slate/images/slideshow-up-down-arrows-sprite@2x.42814106.png?1394819382'); background-size: 10px 50px; } } @media (max-width: 640px) { #info-toggle { position: absolute; left: 20px; } } #swipebox-position { color: yellow; z-index: 1000; position: absolute; bottom: 13px; left: 25px; line-height: 1; font-size: 14px; color: white; } @media (max-width: 640px) { #swipebox-position { position: relative; left: auto; } } #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-close { background-image: url("img/icons.png"); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 0; } #swipebox-close { right: 0; top: 0; position: fixed; width: 40px; height: 40px; background: url('/etc/designs/slate/images/yellow-close-x.05f44f58.png?1394819382') center center no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #swipebox-close { background-image: url('/etc/designs/slate/images/yellow-close-x@2x.12e4035a.png?1394819382'); background-size: 8.5px 8.5px; } } #swipebox-action #swipebox-prev { background: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-left.461121b0.png?1394819382') no-repeat; width: 12px; height: 15px; padding: 20px; background-position: center center; border: 0; text-indent: -10000px; left: 15%; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #swipebox-action #swipebox-prev { background-image: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-left@2x.37942e2e.png?1394819382'); background-size: 8px 15px; } } @media (max-width: 1023px) { #swipebox-action #swipebox-prev { left: 40%; } } @media (max-width: 640px) { #swipebox-action #swipebox-prev { top: auto; bottom: 0; right: auto; left: 50%; margin-left: -50px; padding: 10px; background: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-left.461121b0.png?1394819382') no-repeat; width: 12px; height: 15px; } } @media (max-width: 640px) and (resolution: 2dppx), (max-width: 640px) and (-webkit-device-pixel-ratio: 2), (max-width: 640px) and (-moz-device-pixel-ratio: 2), (max-width: 640px) and (resolution: 192dpi) { #swipebox-action #swipebox-prev { background-image: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-left@2x.37942e2e.png?1394819382'); background-size: 8px 15px; } } #swipebox-action #swipebox-next { background: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-right.44a690fa.png?1394819382') no-repeat center center; padding: 20px; width: 12px; height: 15px; border: 0; text-indent: -10000px; right: 15%; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #swipebox-action #swipebox-next { background-image: url('/etc/designs/slate/images/article/article-slideshow-arrow-yellow-right@2x.f608a550.png?1394819382'); background-size: 8px 15px; } } @media (max-width: 1023px) { #swipebox-action #swipebox-next { right: 40%; } } @media (max-width: 640px) { #swipebox-action #swipebox-next { top: auto; bottom: 0; right: 50%; left: auto; margin-right: -50px; padding: 10px; background-position: top right; } } #swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } #swipebox-slider.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #swipebox-slider.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } @-moz-keyframes rightSpring { 0% { margin-left: 0px; } 50% { margin-left: -30px; } 100% { margin-left: 0px; } } @-moz-keyframes leftSpring { 0% { margin-left: 0px; } 50% { margin-left: 30px; } 100% { margin-left: 0px; } } @-webkit-keyframes rightSpring { 0% { margin-left: 0px; } 50% { margin-left: -30px; } 100% { margin-left: 0px; } } @-webkit-keyframes leftSpring { 0% { margin-left: 0px; } 50% { margin-left: 30px; } 100% { margin-left: 0px; } } /* Skin --------------------------*/ #swipebox-overlay { background: url('/etc/designs/slate/images/lightbox-background-tile.4e57ac27.gif?1394819382'); } #swipebox-title.exposed { border: 1px solid red; } #swipebox-action { text-shadow: 1px 1px 1px black; background-color: #0d0d0d; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, black)); background-image: -webkit-linear-gradient(#0d0d0d, black); background-image: -moz-linear-gradient(#0d0d0d, black); background-image: -o-linear-gradient(#0d0d0d, black); background-image: linear-gradient(#0d0d0d, #000000); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } #swipebox-title { display: none; color: white !important; height: auto; background: url('/etc/designs/slate/images/lightbox-caption-background-tile-alpha.12b1ec11.png?1394819382'); padding: 40px 0 30px 20px; position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; top: auto; width: 600px; left: 50%; margin-left: -300px; z-index: 1; display: none; } #swipebox-title .mfp-social { display: none; } #swipebox-title .mobile-slideshow-yellow { display: none; } @media (max-width: 640px) { #swipebox-title { width: auto; margin-left: auto; right: 0; left: 0; } #swipebox-title .mobile-slideshow-yellow { display: block; left: auto; margin-left: auto; right: 10px; width: auto; top: 0; margin-top: -30px; bottom: auto; } #swipebox-title .mobile-slideshow-yellow a { text-indent: -10000px; } #swipebox-title .mobile-slideshow-yellow a.email { margin-top: 3px; } #swipebox-title .mobile-slideshow-yellow a.facebook { margin-left: 3px; width: 30px; } #swipebox-title .mobile-slideshow-yellow a.twitter { margin-top: 2px; margin-right: 4px; } } #toggle-container { position: absolute; left: 50%; margin-left: -300px; width: 600px; bottom: 3px; top: auto; z-index: 1001; } @media (max-width: 640px) { #toggle-container { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; text-align: center; } } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav a { width: 43px; height: 90px; display: block; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; position: absolute; top: 50%; } .flex-direction-nav .flex-next { background: url('/etc/designs/slate/images/rightArrow.547b1700.png?1394819382') no-repeat 0 0; margin-left: 930px; } .flex-direction-nav .flex-prev { background: url('/etc/designs/slate/images/leftArrow.4185bd16.png?1394819382') no-repeat 0 0; margin-left: 15px; } .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 0px; text-align: center; height: 70px; margin-top: 20px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #000; background: rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.75); } .flex-control-paging li a:hover { background: #000; background: white; } .flex-control-paging li a.flex-active { background: #603; background: #660033; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } } .item { overflow: hidden; *zoom: 1; border-top: 1px solid #e3e3e3; padding: 5px 18px; padding-top: 15px; padding-bottom: 15px; } .item.no-border { border-top: 0; } .item.first, .item:first-child { border-top: 0; } .item.right-align { text-align: right; } .item.right-align .story-link { float: right; } @media (max-width: 640px) { .item.right-align .story-link { float: none; } } .item.right-align img { margin-right: 0; margin-left: 18px; } .item.tablet-main-content-only { display: none; } .item.sponsored { border: 2px solid #21dbe7; } .item.sponsored:hover .title, .item.sponsored:hover .detail { color: #21dbe7; } @media (max-width: 640px) { .home .item.sponsored { padding-left: 10px !important; } } .item.see-all { border-top: 0; } .item.see-all a { font-size: 14px; color: #660033; padding-bottom: 15px; padding-top: 10px; display: block; } .item.small .story-link { display: block; font-size: 16px; } .item.small .title { width: auto; } .item.no-image .title { width: auto; } .item.tall-ad { margin-left: -18px; margin-right: -18px; border-top: 0; } .item.big-image .title, .item.big-image img { float: none; display: block; } .item.big-image .title { margin-top: 10px; width: auto; } .item .title { float: left; width: 175px; line-height: 1.2; } @media (max-width: 640px) { .item .title { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-box-ordinal-group: 2; box-ordinal-group: 2; display: block; float: none; width: auto; text-align: left; } .home .item .title { float: left; width: 50%; } } .item img { float: left; max-width: 90px; margin-right: 18px; } @media (max-width: 640px) { .item img { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-box-ordinal-group: 1; box-ordinal-group: 1; display: block; top: 0; left: 0; float: none; margin-bottom: 5px; margin-right: 0; margin-left: 0 !important; } .home .item img { margin-right: 10px; float: left; } } .extra-wide-col .item img { margin-right: 14px; } .item .ad img { float: none; max-width: none; margin-right: auto; } .item .rubrik-link { color: #660033; font-size: 11px; display: block; margin-bottom: 15px; } .item .rubrik-link.ec-rubrik-link { color: #21dbe7; margin-bottom: 10px; } .extra-wide-col .rightrailembedded .item .title { width: 156px; } .item .story-link { overflow: hidden; *zoom: 1; font-size: 18px; clear: left; } .item .story-link.noclear { clear: none; } .item .story-link:hover .title, .item .story-link:active .title { color: #660033; } .extra-wide-col .item .story-link .title { width: 160px; } .item a { display: block; color: inherit; } .item a:hover { color: #660033; } .item .detail { font-size: 11px; text-transform: uppercase; color: #8c8c8c; display: block; } .item .sponsor { background: white; color: #21dbe7; display: block; font-size: 11px; text-transform: uppercase; } .the-full-slate .col .item:first-child { border-top: 1px solid #e3e3e3; } html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { color: #281b21; font-family: sl-ApresRegular; font-style: normal; font-weight: normal; font-size: 15px; } @media (max-width: 1023px) { body.article, body.landing, body.home, body.fresca { padding-top: 50px; } } @media (max-width: 640px) { body.article, body.landing, body.home, body.fresca { padding-top: 0; } } body.skinned .page { padding-top: 7px; } .full-link, .tiles .tile, .half-height, #nav_search_content .result-item, .page .sidebar .promo, .page .sidebar .sidebar-black-header, .video-gallery, body.landing .main .breaking, body.landing .main .full-width.left-image, .header-with-social, .landing-push, body.settings .main .breaking, body.settings .main .full-width.left-image, #settings-subscriptions .subscription-tile, .settings-comments .comments .preview-details, .top-comment { position: relative; } .no-touch .full-link:hover .hed, .no-touch .tiles .tile:hover .hed, .tiles .no-touch .tile:hover .hed, .no-touch .half-height:hover .hed, .no-touch #nav_search_content .result-item:hover .hed, #nav_search_content .no-touch .result-item:hover .hed, .no-touch .page .sidebar .promo:hover .hed, .page .sidebar .no-touch .promo:hover .hed, .no-touch .page .sidebar .sidebar-black-header:hover .hed, .page .sidebar .no-touch .sidebar-black-header:hover .hed, .no-touch .video-gallery:hover .hed, .no-touch body.landing .main .breaking:hover .hed, body.landing .main .no-touch .breaking:hover .hed, .no-touch body.landing .main .full-width.left-image:hover .hed, body.landing .main .no-touch .full-width.left-image:hover .hed, .no-touch .header-with-social:hover .hed, .no-touch .landing-push:hover .hed, .no-touch body.settings .main .breaking:hover .hed, body.settings .main .no-touch .breaking:hover .hed, .no-touch body.settings .main .full-width.left-image:hover .hed, body.settings .main .no-touch .full-width.left-image:hover .hed, .no-touch #settings-subscriptions .subscription-tile:hover .hed, #settings-subscriptions .no-touch .subscription-tile:hover .hed, .no-touch .settings-comments .comments .preview-details:hover .hed, .settings-comments .comments .no-touch .preview-details:hover .hed, .no-touch .top-comment:hover .hed { color: #660033; } .full-link:active .hed, .tiles .tile:active .hed, .half-height:active .hed, #nav_search_content .result-item:active .hed, .page .sidebar .promo:active .hed, .page .sidebar .sidebar-black-header:active .hed, .video-gallery:active .hed, body.landing .main .breaking:active .hed, body.landing .main .full-width.left-image:active .hed, .header-with-social:active .hed, .landing-push:active .hed, body.settings .main .breaking:active .hed, body.settings .main .full-width.left-image:active .hed, #settings-subscriptions .subscription-tile:active .hed, .settings-comments .comments .preview-details:active .hed, .top-comment:active .hed { color: #660033; } .no-touch .full-link.crimson:hover .hed, .no-touch .tiles .crimson.tile:hover .hed, .tiles .no-touch .crimson.tile:hover .hed, .no-touch .crimson.half-height:hover .hed, .no-touch #nav_search_content .crimson.result-item:hover .hed, #nav_search_content .no-touch .crimson.result-item:hover .hed, .no-touch .page .sidebar .crimson.promo:hover .hed, .page .sidebar .no-touch .crimson.promo:hover .hed, .no-touch .page .sidebar .crimson.sidebar-black-header:hover .hed, .page .sidebar .no-touch .crimson.sidebar-black-header:hover .hed, .no-touch .crimson.video-gallery:hover .hed, .no-touch body.landing .main .crimson.breaking:hover .hed, body.landing .main .no-touch .crimson.breaking:hover .hed, .no-touch body.landing .main .crimson.full-width.left-image:hover .hed, body.landing .main .no-touch .crimson.full-width.left-image:hover .hed, .no-touch .crimson.header-with-social:hover .hed, .no-touch .crimson.landing-push:hover .hed, .no-touch body.settings .main .crimson.breaking:hover .hed, body.settings .main .no-touch .crimson.breaking:hover .hed, .no-touch body.settings .main .crimson.full-width.left-image:hover .hed, body.settings .main .no-touch .crimson.full-width.left-image:hover .hed, .no-touch #settings-subscriptions .crimson.subscription-tile:hover .hed, #settings-subscriptions .no-touch .crimson.subscription-tile:hover .hed, .no-touch .settings-comments .comments .crimson.preview-details:hover .hed, .settings-comments .comments .no-touch .crimson.preview-details:hover .hed, .no-touch .crimson.top-comment:hover .hed, .no-touch .full-link.dark-screen:hover .hed, .no-touch .tiles .dark-screen.tile:hover .hed, .tiles .no-touch .dark-screen.tile:hover .hed, .no-touch .dark-screen.half-height:hover .hed, .no-touch #nav_search_content .dark-screen.result-item:hover .hed, #nav_search_content .no-touch .dark-screen.result-item:hover .hed, .no-touch .page .sidebar .dark-screen.promo:hover .hed, .page .sidebar .no-touch .dark-screen.promo:hover .hed, .no-touch .page .sidebar .dark-screen.sidebar-black-header:hover .hed, .page .sidebar .no-touch .dark-screen.sidebar-black-header:hover .hed, .no-touch .dark-screen.video-gallery:hover .hed, .no-touch body.landing .main .dark-screen.breaking:hover .hed, body.landing .main .no-touch .dark-screen.breaking:hover .hed, .no-touch body.landing .main .dark-screen.full-width.left-image:hover .hed, body.landing .main .no-touch .dark-screen.full-width.left-image:hover .hed, .no-touch .dark-screen.header-with-social:hover .hed, .no-touch .dark-screen.landing-push:hover .hed, .no-touch body.settings .main .dark-screen.breaking:hover .hed, body.settings .main .no-touch .dark-screen.breaking:hover .hed, .no-touch body.settings .main .dark-screen.full-width.left-image:hover .hed, body.settings .main .no-touch .dark-screen.full-width.left-image:hover .hed, .no-touch #settings-subscriptions .dark-screen.subscription-tile:hover .hed, #settings-subscriptions .no-touch .dark-screen.subscription-tile:hover .hed, .no-touch .settings-comments .comments .dark-screen.preview-details:hover .hed, .settings-comments .comments .no-touch .dark-screen.preview-details:hover .hed, .no-touch .dark-screen.top-comment:hover .hed, .no-touch .full-link.with-screen:hover .hed, .no-touch .tiles .with-screen.tile:hover .hed, .tiles .no-touch .with-screen.tile:hover .hed, .no-touch .with-screen.half-height:hover .hed, .no-touch #nav_search_content .with-screen.result-item:hover .hed, #nav_search_content .no-touch .with-screen.result-item:hover .hed, .no-touch .page .sidebar .with-screen.promo:hover .hed, .page .sidebar .no-touch .with-screen.promo:hover .hed, .no-touch .page .sidebar .with-screen.sidebar-black-header:hover .hed, .page .sidebar .no-touch .with-screen.sidebar-black-header:hover .hed, .no-touch .with-screen.video-gallery:hover .hed, .no-touch body.landing .main .with-screen.breaking:hover .hed, body.landing .main .no-touch .with-screen.breaking:hover .hed, .no-touch body.landing .main .with-screen.full-width.left-image:hover .hed, body.landing .main .no-touch .with-screen.full-width.left-image:hover .hed, .no-touch .with-screen.header-with-social:hover .hed, .no-touch .with-screen.landing-push:hover .hed, .no-touch body.settings .main .with-screen.breaking:hover .hed, body.settings .main .no-touch .with-screen.breaking:hover .hed, .no-touch body.settings .main .with-screen.full-width.left-image:hover .hed, body.settings .main .no-touch .with-screen.full-width.left-image:hover .hed, .no-touch #settings-subscriptions .with-screen.subscription-tile:hover .hed, #settings-subscriptions .no-touch .with-screen.subscription-tile:hover .hed, .no-touch .settings-comments .comments .with-screen.preview-details:hover .hed, .settings-comments .comments .no-touch .with-screen.preview-details:hover .hed, .no-touch .with-screen.top-comment:hover .hed { color: #f0ff00; } .full-link.crimson:active .hed, .tiles .crimson.tile:active .hed, .crimson.half-height:active .hed, #nav_search_content .crimson.result-item:active .hed, .page .sidebar .crimson.promo:active .hed, .page .sidebar .crimson.sidebar-black-header:active .hed, .crimson.video-gallery:active .hed, body.landing .main .crimson.breaking:active .hed, body.landing .main .crimson.full-width.left-image:active .hed, .crimson.header-with-social:active .hed, .crimson.landing-push:active .hed, body.settings .main .crimson.breaking:active .hed, body.settings .main .crimson.full-width.left-image:active .hed, #settings-subscriptions .crimson.subscription-tile:active .hed, .settings-comments .comments .crimson.preview-details:active .hed, .crimson.top-comment:active .hed, .full-link.dark-screen:active .hed, .tiles .dark-screen.tile:active .hed, .dark-screen.half-height:active .hed, #nav_search_content .dark-screen.result-item:active .hed, .page .sidebar .dark-screen.promo:active .hed, .page .sidebar .dark-screen.sidebar-black-header:active .hed, .dark-screen.video-gallery:active .hed, body.landing .main .dark-screen.breaking:active .hed, body.landing .main .dark-screen.full-width.left-image:active .hed, .dark-screen.header-with-social:active .hed, .dark-screen.landing-push:active .hed, body.settings .main .dark-screen.breaking:active .hed, body.settings .main .dark-screen.full-width.left-image:active .hed, #settings-subscriptions .dark-screen.subscription-tile:active .hed, .settings-comments .comments .dark-screen.preview-details:active .hed, .dark-screen.top-comment:active .hed, .full-link.with-screen:active .hed, .tiles .with-screen.tile:active .hed, .with-screen.half-height:active .hed, #nav_search_content .with-screen.result-item:active .hed, .page .sidebar .with-screen.promo:active .hed, .page .sidebar .with-screen.sidebar-black-header:active .hed, .with-screen.video-gallery:active .hed, body.landing .main .with-screen.breaking:active .hed, body.landing .main .with-screen.full-width.left-image:active .hed, .with-screen.header-with-social:active .hed, .with-screen.landing-push:active .hed, body.settings .main .with-screen.breaking:active .hed, body.settings .main .with-screen.full-width.left-image:active .hed, #settings-subscriptions .with-screen.subscription-tile:active .hed, .settings-comments .comments .with-screen.preview-details:active .hed, .with-screen.top-comment:active .hed { color: #f0ff00; } @media (max-width: 640px) { .no-touch .full-link.image-only:hover .hed, .no-touch .tiles .image-only.tile:hover .hed, .tiles .no-touch .image-only.tile:hover .hed, .no-touch .image-only.half-height:hover .hed, .no-touch #nav_search_content .image-only.result-item:hover .hed, #nav_search_content .no-touch .image-only.result-item:hover .hed, .no-touch .page .sidebar .image-only.promo:hover .hed, .page .sidebar .no-touch .image-only.promo:hover .hed, .no-touch .page .sidebar .image-only.sidebar-black-header:hover .hed, .page .sidebar .no-touch .image-only.sidebar-black-header:hover .hed, .no-touch .image-only.video-gallery:hover .hed, .no-touch body.landing .main .image-only.breaking:hover .hed, body.landing .main .no-touch .image-only.breaking:hover .hed, .no-touch body.landing .main .image-only.full-width.left-image:hover .hed, body.landing .main .no-touch .image-only.full-width.left-image:hover .hed, .no-touch .image-only.header-with-social:hover .hed, .no-touch .image-only.landing-push:hover .hed, .no-touch body.settings .main .image-only.breaking:hover .hed, body.settings .main .no-touch .image-only.breaking:hover .hed, .no-touch body.settings .main .image-only.full-width.left-image:hover .hed, body.settings .main .no-touch .image-only.full-width.left-image:hover .hed, .no-touch #settings-subscriptions .image-only.subscription-tile:hover .hed, #settings-subscriptions .no-touch .image-only.subscription-tile:hover .hed, .no-touch .settings-comments .comments .image-only.preview-details:hover .hed, .settings-comments .comments .no-touch .image-only.preview-details:hover .hed, .no-touch .image-only.top-comment:hover .hed { color: #f0ff00; } } @media (max-width: 640px) { .full-link.image-only:active .hed, .tiles .image-only.tile:active .hed, .image-only.half-height:active .hed, #nav_search_content .image-only.result-item:active .hed, .page .sidebar .image-only.promo:active .hed, .page .sidebar .image-only.sidebar-black-header:active .hed, .image-only.video-gallery:active .hed, body.landing .main .image-only.breaking:active .hed, body.landing .main .image-only.full-width.left-image:active .hed, .image-only.header-with-social:active .hed, .image-only.landing-push:active .hed, body.settings .main .image-only.breaking:active .hed, body.settings .main .image-only.full-width.left-image:active .hed, #settings-subscriptions .image-only.subscription-tile:active .hed, .settings-comments .comments .image-only.preview-details:active .hed, .image-only.top-comment:active .hed { color: #f0ff00; } } .full-link a.primary, .tiles .tile a.primary, .half-height a.primary, #nav_search_content .result-item a.primary, .page .sidebar .promo a.primary, .page .sidebar .sidebar-black-header a.primary, .video-gallery a.primary, body.landing .main .breaking a.primary, body.landing .main .full-width.left-image a.primary, .header-with-social a.primary, .landing-push a.primary, body.settings .main .breaking a.primary, body.settings .main .full-width.left-image a.primary, #settings-subscriptions .subscription-tile a.primary, .settings-comments .comments .preview-details a.primary, .top-comment a.primary { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-image: url('/etc/designs/slate/images/transparent.7f431be1.png?1394819382'); } .lt-ie9 .full-link a.primary, .lt-ie9 .tiles .tile a.primary, .tiles .lt-ie9 .tile a.primary, .lt-ie9 .half-height a.primary, .lt-ie9 #nav_search_content .result-item a.primary, #nav_search_content .lt-ie9 .result-item a.primary, .lt-ie9 .page .sidebar .promo a.primary, .page .sidebar .lt-ie9 .promo a.primary, .lt-ie9 .page .sidebar .sidebar-black-header a.primary, .page .sidebar .lt-ie9 .sidebar-black-header a.primary, .lt-ie9 .video-gallery a.primary, .lt-ie9 body.landing .main .breaking a.primary, body.landing .main .lt-ie9 .breaking a.primary, .lt-ie9 body.landing .main .full-width.left-image a.primary, body.landing .main .lt-ie9 .full-width.left-image a.primary, .lt-ie9 .header-with-social a.primary, .lt-ie9 .landing-push a.primary, .lt-ie9 body.settings .main .breaking a.primary, body.settings .main .lt-ie9 .breaking a.primary, .lt-ie9 body.settings .main .full-width.left-image a.primary, body.settings .main .lt-ie9 .full-width.left-image a.primary, .lt-ie9 #settings-subscriptions .subscription-tile a.primary, #settings-subscriptions .lt-ie9 .subscription-tile a.primary, .lt-ie9 .settings-comments .comments .preview-details a.primary, .settings-comments .comments .lt-ie9 .preview-details a.primary, .lt-ie9 .top-comment a.primary { background: url('/etc/designs/slate/images/transparent.7f431be1.png?1394819382'); } .top { text-align: center; background: url('/etc/designs/slate/images/top-ad-shadow.d69e53f1.gif?1394819382') bottom left repeat-x; } .top .tAd { padding-bottom: 15px; margin-top: -10px; } @media (max-width: 640px) { .top .tAd { margin-top: 15px; } } .top .banner { padding: 10px 0; } @media (max-width: 640px) { .top .banner { display: none; } } .page { background-color: white; *zoom: 1; width: 1038px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 1058px; padding-left: 13px; padding-right: 7px; position: relative; } .page:after { content: ""; display: table; clear: both; } @media (min-width: 641px) and (max-width: 1023px) { .page { width: 746px; margin-left: auto; } } @media (max-width: 640px) { .page { width: auto; } } .page .article-header { margin-bottom: 20px; *zoom: 1; } .page .article-header:after { content: ""; display: table; clear: both; } .page .article-header .sponsor { margin-top: -10px; margin-bottom: 20px; } @media (max-width: 640px) { .page .article-header .social { float: none; } } .page .article-header .social.expandable { display: table; width: 100%; text-align: right; margin-top: 0; } .page .article-header .social.expandable.visible { float: none; text-align: center; } .page .article-header .social.expandable.visible a.twitter, .page .article-header .social.expandable.visible a.email, .page .article-header .social.expandable.visible a.facebook { display: table-cell; } .page .article-header .social.expandable.visible a { display: table-cell; } .page .article-header .social.expandable a { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; margin-left: 0; float: none; } .page .article-header .social.expandable a.twitter, .page .article-header .social.expandable a.email, .page .article-header .social.expandable a.facebook { display: none; } .page .article-header .social.expandable a.toggle { display: none; } @media (max-width: 640px) { .page .article-header .social.expandable a.toggle { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } } .page .article-header .social.expandable .icon, .page .article-header .social.expandable .count { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } .page .article-header .social { margin-top: 20px; } @media (max-width: 640px) { .page .article-header .social.social-with-popup { display: none; } } .page .article-header .dek { width: 440px; margin: 20px 0 15px; font-size: 24px; line-height: 1; } .fresca .page .article-header .dek { padding-left: 88px; } @media (max-width: 1023px) { .fresca .page .article-header .dek { padding-left: 0; } } @media (max-width: 1023px) { .page .article-header .dek { width: auto; } } .page .article-header .hed, .page .article-header .sub-hed { margin: 0; font-size: 55px; margin-right: 35px; } @media (max-width: 640px) { .page .article-header .hed, .page .article-header .sub-hed { font-size: 36px; } } @media (max-width: 1023px) { .page .article-header .hed, .page .article-header .sub-hed { margin-right: 0; } } .fresca .page .article-header .hed, .fresca .page .article-header .sub-hed { padding-left: 88px; } @media (max-width: 1023px) { .fresca .page .article-header .hed, .fresca .page .article-header .sub-hed { padding-left: 0; } } .page .article-header .hed.multi-sub-hed, .page .article-header .sub-hed.multi-sub-hed { font-size: 12px; font-family: sl-BrandonGrotBlack; background-color: #f0ff00; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 10px; top: 10px; color: #000000; } .page .article-header .hed { letter-spacing: 1px; } @media (max-width: 640px) { .page .article-header .hed { letter-spacing: 0; } } .page .article-header .sub-hed-container { padding-top: 10px; padding-bottom: 35px; border-bottom: 1px solid #281b21; } .page .article-header .sub-hed { color: #660033; font-size: 45px; padding-top: 10px; position: relative; display: inline; } @media (max-width: 640px) { .page .article-header .sub-hed { font-size: 36px; } } .page .article-header .sub-hed .toggle { display: none; width: 10px; height: 15px; margin-left: 7px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: url('/etc/designs/slate/images/article/sub-hed-toggle-sprite.c8a37292.png?1394819382') 0px 2px no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .page .article-header .sub-hed .toggle { background-image: url('/etc/designs/slate/images/article/sub-hed-toggle-sprite@2x.bac8fa21.png?1394819382'); background-size: 9.5px 28px; } } .page .article-header .sub-hed .toggle.open-toggle { background-position: 0 -19px; } .page .article-header .sub-hed.open-toggle .toggle { background-position: 0 -19px; } .fresca .page .article-header { width: 774px; float: left; margin-right: 18px; display: inline; margin-right: 0; margin-top: 22px; } @media (max-width: 1023px) { .fresca .page .article-header { width: 100%; float: none; } } @media (max-width: 640px) { .fresca .page .article-header { width: 100%; margin-top: 10px; } } .fresca .page .article-header .byline { padding-left: 88px; } @media (max-width: 1023px) { .fresca .page .article-header .byline { padding-left: 0; } } .page .main { width: 686px; float: left; margin-right: 18px; display: inline; margin-right: 0; } .page .main .tablet-ad { display: none; } @media (max-width: 1023px) { .page .main .tablet-ad { display: block; float: right; padding-left: 15px; margin-top: 0; } } @media (max-width: 640px) { .page .main { width: auto; float: none; } } .fresca .page .main { width: auto; margin-right: 0; } @media (min-width: 1024px) { .fresca .page .main > footer { width: 676px; } } .page .main .content { padding-right: 88px; } @media (max-width: 640px) { .page .main .content { padding-right: 0; } .page .main .content img { max-width: 100%; } } .page .main .content .body { *zoom: 1; } .page .main .content .body:after { content: ""; display: table; clear: both; } .page .main .content > p, .page .main .content .body .text > p, .page .main .content .copy > p, .page .main .content .copy .body .text > p { font-family: sl-ApresRegular; line-height: 1.8; } @media (max-width: 1023px) { .page .main .content > p, .page .main .content .body .text > p, .page .main .content .copy > p, .page .main .content .copy .body .text > p { font-family: sl-ApresRE; line-height: 1.7; } } .fresca .page .main .content { padding-right: 246px; } @media (max-width: 1023px) { .fresca .page .main .content { padding-right: 0; } } @media (max-width: 640px) { .fresca .page .main .content { padding-right: 0; } } .fresca .page .main .content .body .text, .fresca .page .main .content .copy .body .text, .fresca .page .main .content .body .sectionheader, .fresca .page .main .content .copy .body .sectionheader { padding-left: 88px; } @media (max-width: 1023px) { .fresca .page .main .content .body .text, .fresca .page .main .content .copy .body .text, .fresca .page .main .content .body .sectionheader, .fresca .page .main .content .copy .body .sectionheader { padding-left: 0; } } @media (max-width: 640px) { .fresca .page .main .content .body .text, .fresca .page .main .content .copy .body .text, .fresca .page .main .content .body .sectionheader, .fresca .page .main .content .copy .body .sectionheader { padding-right: 0; } } .fresca .page .main .content .body .text .image, .fresca .page .main .content .copy .body .text .image, .fresca .page .main .content .body .sectionheader .image, .fresca .page .main .content .copy .body .sectionheader .image { position: relative; } .fresca .page .main .content .body .text .image:before, .fresca .page .main .content .copy .body .text .image:before, .fresca .page .main .content .body .sectionheader .image:before, .fresca .page .main .content .copy .body .sectionheader .image:before { content: ""; display: block; background: url('/etc/designs/slate/images/image-top-shadow.058a189a.png?1394819382') repeat-x top left; height: 6px; position: absolute; left: 0; right: 0; top: 0; z-index: 5; } .fresca .page .main .content .body .text .image img, .fresca .page .main .content .copy .body .text .image img, .fresca .page .main .content .body .sectionheader .image img, .fresca .page .main .content .copy .body .sectionheader .image img { width: 100%; max-width: 100%; } .landing .page .main .content { padding-right: 0; } .page .main .content a { color: #660033; } .page .sidebar { width: 334px; float: right; margin-right: 0; *margin-left: -18px; display: inline; -webkit-transition: right 200ms; /* Safari */ -webkit-transition-timing-function: ease-out; background: url('/etc/designs/slate/images/home/light-tile.91fa467e.png?1394819382'); border-right: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } @media (max-width: 640px) { .page .sidebar { display: none; } } @media (max-width: 1023px) { .page .sidebar { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); right: -339px; position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; top: 0; bottom: 0; z-index: 600; overflow: auto; } .fresca .page .sidebar { display: none !important; } .page .sidebar .nav-panel { visibility: hidden; } .page .sidebar.exposed { right: 0; } .page .sidebar:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -3px; width: 3px; background: url('/etc/designs/slate/images/tablet-sidebar-shadow-tile.406efa36.png?1394819382') repeat-y top left; } .page .sidebar .ad { display: none; } } .page .sidebar .sticky { width: 334px; } .extra-wide-col .page .sidebar { width: 300px; } .extra-wide-col .page .sidebar .sticky { width: 300px; } .page .sidebar .item { background: transparent; } .page .sidebar .item.sponsor { background: transparent; } .page .sidebar .item.ad-container { margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; width: 100%; text-align: center; } .page .sidebar .promo { padding: 5px 27px; background: #281b21; } .page .sidebar .promo.with-right-image { padding-right: 0; margin-bottom: 10px; border-bottom: 6px solid #660033; } .page .sidebar .promo .right-image { float: right; padding-left: 18px; } .page .sidebar .promo .copy { letter-spacing: 1px; line-height: 1.2; font-size: 16px; color: white; } .page .sidebar .promo .title { letter-spacing: 1px; color: #21dbe7; font-size: 25px; } .page .sidebar .promo:hover .title { color: #f0ff00; } .page .sidebar a.header { padding: 0 18px; text-align: left; display: block; } .page .sidebar a.header .see-all { float: right; color: #f0ff00; background: url('/etc/designs/slate/images/sidebar/header-arrow.85dfd7b0.png?1394819382') center right no-repeat; padding-right: 13px; line-height: 15px; } .page .sidebar .sidebar-black-header { padding-left: 18px; } .page .sidebar .top-ad { text-align: center; } .page footer .sidebar { margin-top: 30px; margin-right: -353px; } @media (max-width: 640px) { .page footer .sidebar { display: none; margin: 0; } } a { color: #660033; text-decoration: none; } .byline a, .byline em { color: #660033; } .footnote { top: -0.25em; left: 3px; } .arrowed-popup, .footnote-content, .highlighter-container, .facebook-popup, .plus-popup, .about-sponsored-popup { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0px; z-index: 1000; display: none; position: relative; background: #f3f5f5; border: #cfcfcf 1px solid; border-radius: 2px; position: absolute; font-size: 14px; line-height: 1.6; } .arrowed-popup .close, .footnote-content .close, .highlighter-container .close, .facebook-popup .close, .plus-popup .close, .about-sponsored-popup .close { position: absolute; right: 12px; top: 8px; } .arrowed-popup.arrow-up .arrow, .arrow-up.footnote-content .arrow, .arrow-up.highlighter-container .arrow, .arrow-up.facebook-popup .arrow, .arrow-up.plus-popup .arrow, .arrow-up.about-sponsored-popup .arrow { top: -9px; bottom: auto; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #f3f5f5; } .arrowed-popup.arrow-up .arrow-border, .arrow-up.footnote-content .arrow-border, .arrow-up.highlighter-container .arrow-border, .arrow-up.facebook-popup .arrow-border, .arrow-up.plus-popup .arrow-border, .arrow-up.about-sponsored-popup .arrow-border { bottom: auto; top: -12px; border-width: 12px 0 0 12px; border-color: transparent transparent transparent #cfcfcf; } .arrowed-popup .arrow, .footnote-content .arrow, .highlighter-container .arrow, .facebook-popup .arrow, .plus-popup .arrow, .about-sponsored-popup .arrow { border-color: #f3f5f5 transparent transparent; border-style: solid; border-width: 10px 10px 0 0; height: 0; width: 0; position: absolute; bottom: -9px; left: 50%; margin-left: -10px; } .arrowed-popup .arrow-border, .footnote-content .arrow-border, .highlighter-container .arrow-border, .facebook-popup .arrow-border, .plus-popup .arrow-border, .about-sponsored-popup .arrow-border { border-color: #cfcfcf transparent transparent; border-style: solid; border-width: 12px 12px 0 0; height: 0; width: 0; position: absolute; bottom: -12px; left: 50%; margin-left: -11px; } .footnote-content { top: 300px; left: 300px; width: 270px; padding: 15px 20px; } .footnote-content .number { font-style: italic; color: #660033; } .footnote-content a { font-style: normal; font-weight: bold; color: #660033; } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .line { display: table; white-space: nowrap; margin-left: auto; margin-right: auto; } .line:before, .line:after { background: url('/etc/designs/slate/images/home/rubrik-midline-tile.9b9fff8d.gif?1394819382') repeat-x 50% 44%; content: ''; display: table-cell; width: 40%; } .black-header, .page .sidebar a.header, .page .sidebar .sidebar-black-header, #see_more_comments { zoom: 1; font-size: 14px; text-transform: uppercase; background: #281b21; color: white; padding-top: 13px; padding-bottom: 9px; display: block; } .black-header .header-link, .page .sidebar a.header .header-link, .page .sidebar .sidebar-black-header .header-link, #see_more_comments .header-link, .black-header .see-all, .page .sidebar a.header .see-all, .page .sidebar .sidebar-black-header .see-all, #see_more_comments .see-all { font-size: 12px; float: right; color: #f0ff00; margin-right: 18px; } .black-header .see-all, .page .sidebar a.header .see-all, .page .sidebar .sidebar-black-header .see-all, #see_more_comments .see-all { background: url('/etc/designs/slate/images/home/see-all-arrow.445635c2.png?1394819382') top right no-repeat; line-height: 18px; padding-right: 18px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .black-header .see-all, .page .sidebar a.header .see-all, .page .sidebar .sidebar-black-header .see-all, #see_more_comments .see-all { background-image: url('/etc/designs/slate/images/home/see-all-arrow@2x.73b5a46e.png?1394819382'); background-size: 8px 15px; } } .black-header .see-all.mobile-only, .page .sidebar a.header .see-all.mobile-only, .page .sidebar .sidebar-black-header .see-all.mobile-only, #see_more_comments .see-all.mobile-only { display: none; } @media (max-width: 640px) { .black-header .see-all.mobile-only, .page .sidebar a.header .see-all.mobile-only, .page .sidebar .sidebar-black-header .see-all.mobile-only, #see_more_comments .see-all.mobile-only { display: inline; } } #sidebar_toggle { display: none; z-index: 1000; } .no-sidebar #sidebar_toggle { display: none; } @media (max-width: 1023px) { #sidebar_toggle { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; display: block; right: 0; top: 0; bottom: 0; width: 20px; background: url('/etc/designs/slate/images/sidebar/closed-edge-tile.ffe72ef0.gif?1394819382') repeat-y top right; } .fresca #sidebar_toggle { display: none; } } @media (max-width: 640px) { #sidebar_toggle { display: none; } } #sidebar_handle { outline: 0; -webkit-transition: right 200ms; /* Safari */ -webkit-transition-timing-function: ease-out; position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); padding: 20px 0 20px 20px; width: 33px; height: 26px; background: url('/etc/designs/slate/images/sidebar/tab-handle-sprite.2ea5aee2.png?1394819382') 0 -68px no-repeat; display: block; bottom: 30px; right: -11px; } .no-sidebar #sidebar_handle { display: none; } #sidebar_handle.exposed { background: url('/etc/designs/slate/images/sidebar/tab-handle-sprite.2ea5aee2.png?1394819382') 0 0 no-repeat; right: 316px; left: auto; } .rubrik { float: left; border: 1px solid white; color: inherit; padding: 5px 1em 3px; font-size: 11px; font-weight: normal; text-transform: uppercase; } .hed.small { font-size: 24px; } .screen { background: url('/etc/designs/slate/images/home/dark-gray-screen-tile.664d339e.png?1394819382'); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .numbered-list { list-style-type: none; margin: 0; padding: 0; } .numbered-list li { line-height: 1.1; border-top: 1px solid #e9e8e9; margin-top: 18px; padding-top: 18px; } .numbered-list li:first-child { border-top: none; padding-top: 0; } .numbered-list li:hover span { color: #660033; } .numbered-list small { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } .numbered-list span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .numbered-list a { display: block; font-size: 18px; color: #281b21; } .numbered-list a small { text-align: right; padding-right: 15px; width: 30px; font-size: 24px; color: #660033; } .photo-credit { font-size: 10px; } .follow-links { margin: 0; float: right; } .follow-links li { display: block; float: right; } .follow-links li a { color: #281b21; text-decoration: none; } .follow-links li a.twitter { background: url('/etc/designs/slate/images/smaller-twitter-bird.c0fc1768.png?1394819382') center left no-repeat; padding-left: 27px; } .follow-links li a.facebook { background: url('/etc/designs/slate/images/facebook-f.90929def.png?1394819382') center left no-repeat; padding-left: 20px; } .push-button { letter-spacing: 1px; line-height: 52px; height: 52px; border: 0; border-bottom: 4px solid #f3f5f5; color: #f0ff00; font-size: 16px; padding: 0; background: #281b21; font-size: 18px; background: #281b21; } .push-button.last { float: right; } .push-button.active, .push-button:hover { color: white; border-bottom: 4px solid #f0ff00; } .text-field-hint { font-size: 12px; display: block; margin-top: 3px; } .nice-field, .nav-panel input[type="text"], .nav-panel input[type="password"], body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite input[type="text"], body.landing .main .search input[type="text"] { font-size: 14px; line-height: 48px; height: 48px; border: 1px solid #cfcfcf; outline: 0; padding-left: 20px; padding-right: 20px; width: 330px; } .section-header-number, .roll-up.fresca .handle { font-size: 24px !important; line-height: 1.3 !important; color: #660033; width: 55px; display: block; border-right: #959595 1px solid; margin-right: 27.5px; padding-bottom: 5px; } @media (max-width: 640px) { .section-header-number, .roll-up.fresca .handle { border-right: 0; margin-right: 0; } } .fresca .section-header-number, .roll-up.fresca .handle { padding-left: 15px; font-size: 24px; width: 60px; margin-right: 18px; text-align: left; } .highlighter-container { display: none; padding: 10px 8px; } .load-more-button { line-height: 2; text-align: center; } .load-more-button a { font-size: 18px; display: block; border: 2px solid #660033; padding: 6px 45px 0; width: 50%; margin-left: auto; margin-right: auto; } .load-more-button:hover a { color: white !important; background: #660033; } .notification { color: white; font-size: 17px; text-align: center; padding: 7px 60px 5px 60px; background: url('/etc/designs/slate/images/notification-bar-bg-tile.319870fa.gif?1394819382'); position: relative; margin-bottom: 1em; } .notification a { color: #f0ff00; text-decoration: underline; } .notification .social { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; float: none; } .notification .social.right-padding { padding-right: 10px; } .notification .close { display: block; text-indent: -10000px; width: 15px; height: 15px; position: absolute; right: 30px; top: 50%; margin-top: -7.5px; background: url('/etc/designs/slate/images/notification-header-close-icon.fa6a2a42.png?1394819382') center center no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .notification .close { background-image: url('/etc/designs/slate/images/notification-header-close-icon@2x.df3d5554.png?1394819382'); background-size: 15px 15px; } } html.lt-ie8 .notification { border-bottom: 2px solid #999; } .notification:after { content: ""; background: url('/etc/designs/slate/images/article/rolldown-bottom-border-tile.6f9a386d.png?1394819382') bottom left repeat-x; height: 7px; position: absolute; bottom: -7px; left: 0; display: block; right: 0; z-index: 20; } .social { float: right; } .fresca .social { padding-right: 0; } .social a { text-decoration: none; margin-left: 5px; display: block; width: 35px; float: left; } .social a.open { background: inherit; } .social a span { display: block; } .social a .count { margin-top: 6px; font-weight: bold; font-size: 12px; color: #660033; display: block; text-align: center; } .social .twitter .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .twitter .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -66px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .twitter .tw-count { margin-left: 0; width: 100%; display: block; float: none; clear: both; text-align: center; } .social .twitter .tw-count .count { display: inline-block; } .social div.twitter { float: left; } .social .close .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -34px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .close .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -99px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .facebook .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -68px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .facebook .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -165px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .comments .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -204px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .comments .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -198px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .plus .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -136px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .plus .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 0; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .email .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -170px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .email .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -132px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .open .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -34px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .open .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -99px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social .toggle .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -102px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social .toggle .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -33px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social.visible .toggle .icon { height: 32px; width: 32px; background-image: url('/etc/designs/slate/images/social/colored-social-s94cfbbefc0.6cc514e8.png'); background-position: 0 -34px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.visible .toggle .icon { background-image: url('/etc/designs/slate/images/social/colored-social2x-s902d79f984.a89d47c9.png'); background-position: 0 -99px; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; } } .social.horiz-counts a { width: 65px; float: right; } .social.horiz-counts a.countless { width: auto; } .social.horiz-counts a .count { margin-top: 9px; } .social.horiz-counts.no-float a { float: none; } .social.horiz-counts.yellow a { line-height: 20px; } .social.horiz-counts .icon { float: left; } .social.horiz-counts-mobile { display: none; } @media (max-width: 640px) { .social.horiz-counts-mobile { overflow: hidden; *zoom: 1; display: block; } .social.horiz-counts-mobile a { margin-left: 40px; width: auto; float: left; } .social.horiz-counts-mobile a.countless { width: auto; } .social.horiz-counts-mobile a.first { margin-left: 0; } .social.horiz-counts-mobile a .count { margin-top: 9px; float: left; margin-left: 7px; } .social.horiz-counts-mobile.no-float a { float: none; } .social.horiz-counts-mobile.yellow a { line-height: 20px; } .social.horiz-counts-mobile .email .count { display: none; } .social.horiz-counts-mobile .icon { float: left; } } .social.centered { float: none; margin-bottom: 20px; width: 225px; margin-left: auto; margin-right: auto; } .social.centered a:first-child { margin-left: 0; } .social.mobile-slideshow .twitter .icon { height: 16px; width: 19px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-s531826d912.f4e38389.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow .twitter .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow2x-sbd6e8edd3b.f2997ccf.png'); background-position: 0 0; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.mobile-slideshow .facebook .icon { height: 18px; width: 10px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-s531826d912.f4e38389.png'); background-position: 0 -33px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow .facebook .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow2x-sbd6e8edd3b.f2997ccf.png'); background-position: 0 -29.5px; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.mobile-slideshow .email .icon { height: 13px; width: 17px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-s531826d912.f4e38389.png'); background-position: 0 -18px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow .email .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow2x-sbd6e8edd3b.f2997ccf.png'); background-position: 0 -16.5px; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.mobile-slideshow-yellow .icon { display: block; text-indent: -10000px; } .social.mobile-slideshow-yellow .twitter .icon { height: 16px; width: 19px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow-s6f66b1c584.dee4fc5c.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow-yellow .twitter .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow2x-s4adcd331c1.b4917da0.png'); background-position: 0 0; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.mobile-slideshow-yellow .facebook .icon { height: 18px; width: 10px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow-s6f66b1c584.dee4fc5c.png'); background-position: 0 -33px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow-yellow .facebook .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow2x-s4adcd331c1.b4917da0.png'); background-position: 0 -29.5px; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.mobile-slideshow-yellow .email .icon { height: 13px; width: 17px; background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow-s6f66b1c584.dee4fc5c.png'); background-position: 0 -18px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.mobile-slideshow-yellow .email .icon { background-image: url('/etc/designs/slate/images/social/mobile-article-slideshow-yellow2x-s4adcd331c1.b4917da0.png'); background-position: 0 -16.5px; -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } } .social.yellow .twitter .icon { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.yellow .twitter .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 0; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .social.yellow .facebook .icon { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 -33px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.yellow .facebook .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 -128px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .social.yellow .email .icon { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 -66px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.yellow .email .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 -32px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } @media (max-width: 640px) { .social.yellow .right-arrow { display: none; } } .social.yellow .right-arrow .icon { height: 23px; width: 12px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 -165px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.yellow .right-arrow .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 -160px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .social.yellow .toggle { display: none; } .social.yellow .toggle .icon { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 -132px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social.yellow .toggle .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 -96px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } @media (max-width: 640px) { .social.yellow .toggle { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } } .drop-capped { font-size: 72px; float: left; padding: 10px 0; height: 39px; margin-right: 25px; line-height: 43px; display: block; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #281b21; } @media (max-width: 640px) { .drop-capped { margin-right: 16px; } } @media (max-width: 1023px) { .no-tablet { display: none !important; } } @media (max-width: 640px) { .no-tablet { display: block !important; } } .ad { display: inline-block; text-align: center; margin: 0 auto; } .ad.tAd { display: none; } @media (max-width: 640px) { .ad.tAd { display: inline-block; } } .slatest .ad { display: block; } .slatest .ad#slug_b { margin-bottom: 15px; } .video-gallery { height: 400px; position: relative; } @media (max-width: 640px) { .video-gallery { display: none; } .video-gallery.mobile { display: block; } } .video-gallery .current-video { display: relative; } .video-gallery .current-video .to-all-video { display: block; background-color: black; width: auto; padding: 4px 10px; font-size: 13px; color: #F0FF00; text-transform: uppercase; position: absolute; top: 0; right: 0; z-index: 1000; -webkit-font-smoothing: antialiased; padding-right: 25px; } .video-gallery .current-video .to-all-video:before { background-image: url('/etc/designs/slate/images/home/see-all-arrow.445635c2.png?1394819382'); background-repeat: no-repeat; display: inline-block; position: absolute; right: 0; top: 0; height: 100%; width: 22px; background-position: center; content: ''; } .video-gallery a.primary { bottom: 100px; height: 300px !important; } .video-gallery a.primary:hover .main-title { color: #f0ff00; } .video-gallery ul { list-style-type: none; padding: 0; margin: 0; } .video-gallery .play-button { margin-left: 35px; margin-right: 18px; width: 56px; height: 57px; background: url('/etc/designs/slate/images/home/video-play-button.42ef1b50.png?1394819382') no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .video-gallery .play-button { background: url('/etc/designs/slate/images/home/video-play-button@2x.cb99d2e3.png?1394819382') no-repeat; background-size: 56.5px 56.5px; width: 56.5px; height: 56.5px; } } @media (max-width: 640px) { .video-gallery .play-button { margin-left: 10px; } } .video-gallery#small_videos .play-button, .video-gallery#small_videos main-title { display: table-cell; float: left; } .video-gallery#small_videos .play-button { margin-left: 10px; } .video-gallery#small_videos .main-title { width: 65%; padding-left: 1%; font-size: 20px; } .video-gallery .play-button, .video-gallery .main-title { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; margin-top: 40px; } @media (max-width: 640px) { .video-gallery .play-button, .video-gallery .main-title { display: table-cell; float: left; } } .video-gallery .main-title { color: white; font-size: 24px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* ie shadow support */ filter: dropshadow(color=#242324, offx=1, offy=1); width: 598px; line-height: 1.2; } @media (max-width: 640px) { .video-gallery .main-title { display: table-cell; width: 65%; padding-left: 1%; font-size: 20px; } } .video-gallery .pagination-link { width: 42px; display: block; position: absolute; bottom: 0; background: url('/etc/designs/slate/images/home/dark-tile-alpha.3e86dfd6.png?1394819382'); height: 100px; } .video-gallery .pagination-link-next { right: 0; } .video-gallery .pagination-link-prev { left: 0; } .video-gallery #video_gallery_page_next { background: url('/etc/designs/slate/images/home/big-slider-pagination-sprite.0d23c09d.png?1394819382') -70px 37px no-repeat; cursor: pointer; display: block; height: 100%; width: 100%; } .video-gallery #video_gallery_page_prev { background: url('/etc/designs/slate/images/home/big-slider-pagination-sprite.0d23c09d.png?1394819382') 13px 37px no-repeat; cursor: pointer; display: block; height: 100%; width: 100%; } .video-gallery #video_gallery_shelf_wrap { background: url('/etc/designs/slate/images/home/dark-tile-alpha.3e86dfd6.png?1394819382'); position: absolute; bottom: 0; left: 42px; right: 42px; height: 70px; padding-top: 15px; padding-bottom: 15px; } .video-gallery #video_gallery_shelf_wrap li a:first-child { margin-left: 18px; } .video-gallery #video_gallery_shelf_wrap .title { letter-spacing: 1px; width: 140px; margin-left: 18px; } .video-gallery #video_gallery_shelf_wrap a { display: block; float: left; color: white; font-size: 14px; } #video_gallery_mobile { display: none; overflow: hidden; visibility: hidden; position: relative; height: auto; } @media (max-width: 640px) { #video_gallery_mobile { display: block; } } #video_gallery_mobile_wrap { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); overflow: hidden; position: relative; } #video_gallery_mobile_wrap > div { float: left; width: 100%; position: relative; } #video_gallery_mobile_wrap > div img { max-width: 100%; } #video_gallery_mobile_position_indicators { margin-top: -30px; z-index: 100; position: relative; } #video_gallery_shelf_wrap { overflow: hidden; visibility: hidden; position: relative; } #video_gallery_shelf { overflow: hidden; position: relative; } #video_gallery_shelf > li { float: left; width: 100%; position: relative; } /* ad positioning fixes from Leslie */ #slug_rightflex { position: relative; } #slug_leaderboard { position: relative; width: 728px; } @media (max-width: 640px) { .desktop-only { display: none; } } @media (min-width: 641px) { .mobile-only { display: none; } .mobile-view .mobile-only { display: block; } } .slideshow-arrow-sprite, .slideshow-arrow-left-off, .slideshow-arrow-left-on, .slideshow-arrow-right-off, .slideshow-arrow-right-on, .article .big-slider .article-info #big_slider_page_next, .article .big-slider .article-info #big_slider_page_prev { background: url('/etc/designs/slate/images/article/slideshow-arrow-sc8a19cd6dd.2baab0c7.png') no-repeat; } .slideshow-arrow-left-off { background-position: 0 0; } .slideshow-arrow-left-on { background-position: 0 -74px; } .slideshow-arrow-right-off { background-position: 0 -37px; } .slideshow-arrow-right-on { background-position: 0 -111px; } #big_slider_wrap { overflow: hidden; visibility: hidden; position: relative; width: 678px; } .sponsored #big_slider_wrap { height: 600px; margin: auto; } @media (max-width: 640px) { .sponsored #big_slider_wrap { width: auto; height: auto; } } #big_slider_slides { overflow: hidden; position: relative; } #big_slider_slides > li { float: left; width: 100%; position: relative; } .big-slider { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); overflow: hidden; *zoom: 1; position: relative; } @media (max-width: 640px) { .big-slider { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; } html.lt-ie8 .big-slider { border: 1px solid #e1e1e1; } .article .big-slider { padding-bottom: 20px; } } .sponsored .big-slider { background-color: black; margin-left: 0; margin-right: 0; width: 990px; margin-bottom: 20px; padding-top: 75px; height: 600px; } @media (max-width: 640px) { .sponsored .big-slider { padding-top: 0; width: auto; height: 300px; } } .big-slider .lined-rubrik { position: absolute; top: -360px; width: 100%; text-align: center; } @media (max-width: 640px) { .big-slider .lined-rubrik { width: 100%; top: 10px; } } .big-slider .rubrik { float: none; color: white; padding: 5px 1em 3px 1em; z-index: 5; position: relative; } .big-slider .rubrik:before { display: block; position: absolute; width: 200px; background: url('/etc/designs/slate/images/home/rubrik-midline-tile.9b9fff8d.gif?1394819382') repeat-x 50% 0; content: ''; height: 30px; left: -200px; top: 9px; } @media (max-width: 640px) { .big-slider .rubrik:before { width: 90px; left: -90px; } } .big-slider .rubrik:after { display: block; position: absolute; width: 200px; background: url('/etc/designs/slate/images/home/rubrik-midline-tile.9b9fff8d.gif?1394819382') repeat-x 50% 0; content: ''; height: 30px; right: -200px; top: 9px; } @media (max-width: 640px) { .big-slider .rubrik:after { width: 90px; right: -90px; } } .big-slider .full-screen-link { border: 0 !important; z-index: 1; display: block; top: -3px; right: 16px; position: absolute; height: 41px; width: 41px; background-image: url('/etc/designs/slate/images/article/slideshow-fullscreen-sdc22022d88.e6937437.png'); background-position: 0 0; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .big-slider .full-screen-link { background-image: url('/etc/designs/slate/images/article/slideshow-fullscreen2x-seefeab3aae.92553fea.png'); background-position: 0 0; -webkit-background-size: 41px auto; -moz-background-size: 41px auto; -o-background-size: 41px auto; background-size: 41px auto; } } .big-slider .full-screen-link:hover, .big-slider .full-screen-link:active { height: 41px; width: 41px; background-image: url('/etc/designs/slate/images/article/slideshow-fullscreen-sdc22022d88.e6937437.png'); background-position: 0 -43px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .big-slider .full-screen-link:hover, .big-slider .full-screen-link:active { background-image: url('/etc/designs/slate/images/article/slideshow-fullscreen2x-seefeab3aae.92553fea.png'); background-position: 0 -42px; -webkit-background-size: 41px auto; -moz-background-size: 41px auto; -o-background-size: 41px auto; background-size: 41px auto; } } .big-slider .article-info { position: absolute; width: 490px; z-index: 100; bottom: 0; left: 50%; margin-left: -245px; } @media (max-width: 640px) { .big-slider .article-info { display: none; } .article .big-slider .article-info { display: block; } } .article.sponsored .big-slider .article-info { bottom: 240px; } .article.sponsored .big-slider .article-info:after { background: none; height: 0; } @media (max-width: 640px) { .article.sponsored .big-slider .article-info { display: none; } } .article .big-slider .article-info:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; background: url('/etc/designs/slate/images/article/slideshow-bottom-shadow-tile.41e9e29c.gif?1394819382') bottom left repeat-x; height: 2px; } .article .big-slider .article-info { left: 0; margin-left: 0; width: auto; bottom: 0; position: absolute; right: 0; } @media (max-width: 640px) { .article .big-slider .article-info { position: relative; } } .big-slider .article-info .info { width: 366px; background: url('/etc/designs/slate/images/home/light-tile-alpha-new.e8501508.png?1394819382'); padding: 10px 20px; height: 92px; } @media (max-width: 640px) { .big-slider .article-info .info { position: relative; width: auto; height: auto; background: transparent; float: none; padding-top: 10px; } } .big-slider .article-info .info a { border: 0; } .article .big-slider .article-info .info { width: 554px; background: white; padding: 15px 20px; height: 115px; } @media (max-width: 640px) { .article .big-slider .article-info .info { width: auto; padding-top: 0; height: auto; background: transparent; padding-bottom: 30px; } } .big-slider .article-info .info .caption { margin-top: 5px; margin-bottom: 5px; width: 470px; font-size: 13px; line-height: 1.3; } .article .big-slider .article-info .info .caption { width: 445px; } @media (max-width: 640px) { .article .big-slider .article-info .info .caption { width: auto; margin-bottom: 0; } } .big-slider .article-info .info .social.mobile-slideshow { display: none; } @media (max-width: 640px) { .big-slider .article-info .info .social { display: none; } .big-slider .article-info .info .social.mobile-slideshow { display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .big-slider .article-info .info .social.mobile-slideshow a { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .big-slider .article-info .info .social.mobile-slideshow .email .icon { margin-top: 2px; } .big-slider .article-info .info .social.mobile-slideshow .twitter { margin-right: 5px; } .big-slider .article-info .info .social.mobile-slideshow .twitter .icon { margin-top: 2px; } } .big-slider .article-info .info .position { font-size: 18px; margin-top: 10px; } @media (max-width: 640px) { .article .big-slider .article-info .info .position { display: block; text-align: center; } } .big-slider .article-info .info .photo-credit { margin-top: 5px; } .big-slider .article-info .info, .big-slider .article-info .pagination-link { float: left; } .big-slider .article-info .pagination-link { width: 42px; cursor: pointer; background: url('/etc/designs/slate/images/home/dark-tile-alpha.3e86dfd6.png?1394819382'); height: 112px; } @media (max-width: 640px) { .home .big-slider .article-info .pagination-link { display: none; } } .article .big-slider .article-info .pagination-link { height: 145px; position: relative; background: white; } @media (min-width: 641px) { .article .big-slider .article-info .pagination-link:hover, .article .big-slider .article-info .pagination-link:active { background: url('/etc/designs/slate/images/home/dark-tile.5426ca5a.png?1394819382'); } .article .big-slider .article-info .pagination-link.pagination-link-next:hover #big_slider_page_next, .article .big-slider .article-info .pagination-link.pagination-link-next:active #big_slider_page_next { background-position: 0 -111px; } .article .big-slider .article-info .pagination-link.pagination-link-prev:hover #big_slider_page_prev, .article .big-slider .article-info .pagination-link.pagination-link-prev:active #big_slider_page_prev { background-position: 0 -74px; } } @media (max-width: 640px) { .article .big-slider .article-info .pagination-link { z-index: 1; height: 15px; position: absolute; top: 13px; left: 50%; margin-left: -4em; width: 11px; } .article .big-slider .article-info .pagination-link.pagination-link-next { right: 50%; left: auto; margin-right: -4em; margin-left: auto; } } .article.sponsored .big-slider .article-info .pagination-link { position: absolute; bottom: 0; } .article.sponsored .big-slider .article-info .pagination-link.pagination-link-prev { left: 0; background: url('/etc/designs/slate/images/leftArrow.4185bd16.png?1394819382') no-repeat 0 0; margin-left: 15px; } .article.sponsored .big-slider .article-info .pagination-link.pagination-link-next { right: 0; background: url('/etc/designs/slate/images/rightArrow.547b1700.png?1394819382') no-repeat 0 0; margin-right: 15px; } .big-slider .article-info #big_slider_page_next { border: 0; text-decoration: none; cursor: pointer; display: block; background: url('/etc/designs/slate/images/home/big-slider-pagination-sprite.0d23c09d.png?1394819382') -67px 37px no-repeat; height: 112px; width: 42px; } .article .big-slider .article-info #big_slider_page_next { background-position: 0 -37px; width: 19px; height: 37px; position: absolute; top: 50%; margin-top: -18.5px; left: 50%; margin-left: -9.5px; } @media (max-width: 640px) { .article .big-slider .article-info #big_slider_page_next { background: url('/etc/designs/slate/images/article/article-slideshow-arrow-sprite.c918c3f6.png?1394819382'); width: 8px; height: 15px; background-position: 44px 0; left: auto; right: 0; margin-left: 0; margin-top: 0; top: 0; } } @media (max-width: 640px) and (resolution: 2dppx), (max-width: 640px) and (-webkit-device-pixel-ratio: 2), (max-width: 640px) and (-moz-device-pixel-ratio: 2), (max-width: 640px) and (resolution: 192dpi) { .article .big-slider .article-info #big_slider_page_next { background-image: url('/etc/designs/slate/images/article/article-slideshow-arrow-sprite@2x.4e2af427.png?1394819382'); background-size: 35.5px 15px; background-position: 43px 0; } } .big-slider .article-info #big_slider_page_prev { border: 0; text-decoration: none; cursor: pointer; display: block; background: url('/etc/designs/slate/images/home/big-slider-pagination-sprite.0d23c09d.png?1394819382') 9px 37px no-repeat; height: 112px; width: 42px; } .article .big-slider .article-info #big_slider_page_prev { background-position: 0 0; width: 19px; height: 37px; position: absolute; top: 50%; margin-top: -18.5px; left: 50%; margin-left: -9.5px; } @media (max-width: 640px) { .article .big-slider .article-info #big_slider_page_prev { background: url('/etc/designs/slate/images/article/article-slideshow-arrow-sprite.c918c3f6.png?1394819382'); width: 8px; height: 15px; background-position: 0 0; left: 0; margin-left: 0; margin-top: 0; top: 0; } } @media (max-width: 640px) and (resolution: 2dppx), (max-width: 640px) and (-webkit-device-pixel-ratio: 2), (max-width: 640px) and (-moz-device-pixel-ratio: 2), (max-width: 640px) and (resolution: 192dpi) { .article .big-slider .article-info #big_slider_page_prev { background-image: url('/etc/designs/slate/images/article/article-slideshow-arrow-sprite@2x.4e2af427.png?1394819382'); background-size: 35.5px 15px; } } .big-slider .hed a { line-height: 1.1; margin-bottom: 10px; color: #281b21; font-size: 24px; display: block; } .big-slider ul { list-style-type: none; padding: 0; margin: 0; } .big-slider li { width: auto; height: 490px; position: relative; } .sponsored .big-slider li { text-align: center; } .article .big-slider li { height: 655px; } @media (max-width: 640px) { .article .big-slider li { height: auto; } } @media (max-width: 640px) { .big-slider li { height: auto; } .big-slider li img { max-width: 100%; } } .big-slider li figcaption { display: none; } @media (max-width: 640px) { .big-slider li figcaption { display: block; padding-bottom: 10px; margin-top: 25px; } .article .big-slider li figcaption { display: none; } .big-slider li figcaption .hed { padding-left: 20px; padding-top: 10px; clear: left; display: block; } .big-slider li figcaption .byline { padding-left: 20px; } } #big_slider_position_indicators { display: none; } @media (max-width: 640px) { #big_slider_position_indicators { position: absolute; display: block; bottom: 110px; left: 0; right: 0; } } .sponsored #big_slider_position_indicators { position: absolute; display: block; top: 600px; left: 0; right: 0; } @media (max-width: 640px) { .sponsored #big_slider_position_indicators { top: 250px; width: 92%; margin: auto; } } .carousel-dots { display: none; text-align: center; margin-bottom: 1em; } @media (max-width: 640px) { .carousel-dots { display: block; } } .sponsored .carousel-dots { display: block; } .carousel-dots ul { list-style-type: none; padding: 0; margin: 0; } .carousel-dots ul li { margin-left: 1em; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .carousel-dots ul li:first-child { margin-left: 0; } .sponsored .carousel-dots ul li:first-child { margin: 0 0.5em; } .sponsored .carousel-dots ul li { margin: 0 0.5em; } .carousel-dots ul li a { text-indent: -119988px; overflow: hidden; text-align: left; display: block; background-position: 0 0; background: url('/etc/designs/slate/images/slider-dots.2db6eb83.png?1394819382') no-repeat; height: 9px; width: 9px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .carousel-dots ul li a { background: url('/etc/designs/slate/images/slider-dots@2x.c1ee0b2e.png?1394819382') no-repeat; background-size: 20px 8.5px; } } .carousel-dots ul li.active a { background-position: -11px 0; } body.roadblock { height: 100%; overflow: hidden; } body.roadblock #roadblock { z-index: 1000000000000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: scroll; display: none; } @media (max-width: 1023px) { body.roadblock #roadblock { background-color: #f6f8f8; } } body.roadblock #roadblock #roadblock_form_iframe { width: 100%; height: 600px; border: none; } body.roadblock #roadblock .roadblock-top { position: absolute; top: 0; left: 0; width: 100%; height: 0; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-top { display: none; } } body.roadblock #roadblock .roadblock-whiteout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, white 70%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(70%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, white 70%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, white 70%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, white 70%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, #ffffff 70%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } body.roadblock #roadblock .roadblock-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.725; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-wrapper { display: none; } } body.roadblock #roadblock .roadblock-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.roadblock #roadblock .roadblock-content .header-purple { box-shadow: 0px -5px 15px gray; text-align: left; background-color: #320a3f; } body.roadblock #roadblock .roadblock-content .header-purple h1 { font-size: 36px; color: white; width: 600px; margin: 0 auto; padding: 30px 410px 8px 0; line-height: 1; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .header-purple h1 { width: auto; padding-left: 15px; padding-right: 15px; } } body.roadblock #roadblock .roadblock-content .header-purple h2 { font-size: 24px; color: #f0ff00; width: 600px; margin: 0 auto; padding: 0 410px 20px 0; line-height: 1; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .header-purple h2 { width: auto; padding-left: 15px; padding-right: 15px; } } body.roadblock #roadblock .roadblock-content .roadblock-main { width: 1010px; margin: 0 auto; position: relative; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .roadblock-main { width: 100%; } } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body { font-size: 17px; text-align: left; margin: 0; padding: 25px 0; color: #fff; width: 600px; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body p { color: white; line-height: 1.4; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body p:first-child { margin-top: 0; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body li { line-height: 1.7; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body { width: auto; padding-left: 15px; padding-right: 15px; background: #464646; margin-bottom: 25px; } } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body a.plus-button { display: inline-block; font-size: 18px; color: #f0ff00; background-color: #320a3f; padding: 0 20px; height: 40px; line-height: 40px; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-body a.plus-button { display: block; width: 85px; margin: 0 auto; } } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form { text-align: center; margin: 0; padding: 0; position: absolute; top: -75px; right: 0; color: #000; width: 400px; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form h1.roadblock-form-title { color: #320a3f; font-size: 24px; width: 300px; margin: 0 auto; padding-top: 15px; padding-bottom: 2px; background: #f6f8f8; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form #roadblock_links { width: 300px; margin: 0 auto; padding-top: 15px; background: #f6f8f8; } body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form p { color: #320a3f; } @media (max-width: 1023px) { body.roadblock #roadblock .roadblock-content .roadblock-main .roadblock-form { position: relative; top: auto; padding: 0; width: 100%; } } body.roadblock #roadblock.roadblock-success .roadblock-content { overflow: scroll; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-close { color: #f0ff00; text-transform: uppercase; font-size: 18px; cursor: pointer; display: inline-block; width: 95px; height: 74px; text-align: center; background: url('/etc/designs/slate/images/slateplus/slateplus-close-yellow.d8547a06.png?1394819382') center top no-repeat; padding-top: 34px; clear: left; float: right; margin-right: 150px; margin-top: -15px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-close { background-image: url('/etc/designs/slate/images/slateplus/slateplus-close-yellow@2x.ae2186ea.png?1394819382'); background-size: 29px 29px; } } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-close { margin-right: 0; } } body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple { padding: 15px 0; overflow: hidden; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple { text-align: center; } } body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple h1 { float: left; width: auto; padding: 0 20px 0 50px; margin: 0; line-height: 95px; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple h1 { font-size: 32px; padding: 0 15px; line-height: 1; float: none; } } body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple .roadblock-close { clear: none; float: left; margin: 0; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .header-purple .roadblock-close { float: none; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body { width: auto; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body p { line-height: 1; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist { font-size: 24px; padding-left: 237px; min-height: 134px; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist { font-size: 18px; padding-left: 0; padding-right: 0; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist .mug { display: none; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist .mug { padding-left: 118.5px; padding-bottom: 45px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist em { font-style: normal; color: #f0ff00; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist.mug { background: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-mug.b4a2750f.png?1394819382') left top no-repeat; min-height: 174px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist.mug { background-image: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-mug@2x.67a990f3.png?1394819382'); background-size: 217px 174px; } } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist.mug { background-size: 108.5px 87px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist.mug .mug { display: block; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist span.check { background: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-check.2d4ddfe8.png?1394819382') right bottom no-repeat; width: 17px; height: 17px; display: inline-block; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .checklist span.check { background-image: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-check@2x.7ff645f8.png?1394819382'); background-size: 17px 17px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro { padding-left: 237px; margin-top: -20px; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro { padding: 0; margin-top: 0; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro h2 { font-size: 48px; color: #f0ff00; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro h2 { font-size: 36px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section { background: white; color: #281b21; width: 286px; height: 83px; border: 1px solid #ccc; display: inline-table; float: left; text-align: center; position: relative; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section { float: none; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section .item-number { display: block; position: absolute; top: -15px; left: -15px; font-size: 22px; color: white; background: url('/etc/designs/slate/images/slateplus/slateplus-circle-purple.01609f9e.png?1394819382') center bottom no-repeat; width: 30px; height: 30px; line-height: 30px; text-align: center; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section .item-number { background-image: url('/etc/designs/slate/images/slateplus/slateplus-circle-purple@2x.441adaa4.png?1394819382'); background-size: 30px 30px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.tour { background: white url('/etc/designs/slate/images/slateplus/slateplus-roadblock-tour.ce774c7b.png?1394819382') 70px 23px no-repeat; padding-left: 48px; width: 238px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.tour { background-image: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-tour@2x.1ab547bb.png?1394819382'); background-size: 48px 53px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.free { margin-left: 14px; background: white url('/etc/designs/slate/images/slateplus/slateplus-roadblock-free.eb2736b0.png?1394819382') center 12px no-repeat; background-size: 84px 24px; padding-top: 35px; height: 48px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.free { background-image: url('/etc/designs/slate/images/slateplus/slateplus-roadblock-free@2x.1d896d10.png?1394819382'); } } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.free { margin-left: 0; margin-top: 18px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite { width: 588px; height: 330px; margin-top: 18px; margin-bottom: 30px; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite { width: 286px; height: 230px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite form { display: table-cell; vertical-align: middle; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite .row { width: 375px; margin: 0 auto; text-align: left; } @media (max-width: 640px) { body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite .row { width: 266px; } } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite label { display: block; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite input[type="text"] { font-size: 13px; text-transform: uppercase; line-height: 29px; height: 24px; padding-left: 6px; padding-right: 6px; width: 252px; margin-top: 8px; display: none; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite select { width: 260px; } body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section p { color: #281b21; display: table-cell; vertical-align: middle; } .comments-container { overflow: hidden; *zoom: 1; display: none; z-index: 800; width: 610px; -webkit-overflow-scrolling: touch; padding-left: 50px; padding-right: 52px; padding-top: 45px; padding-bottom: 45px; background-color: #f3f5f5; } .comments-container.inline { display: block; background: none; padding-left: 0; width: 590px; } @media (max-width: 1023px) { .comments-container { width: auto; } } @media (max-width: 640px) { .comments-container { overflow: hidden; *zoom: 1; padding: 10px; margin-bottom: 15px; border-bottom: 1px solid #959595; } } .comments-container .load-more-button { width: auto; } .comments-container .load-more-button a { padding: 6px 0px 3px; font-size: 17px; width: auto; } .comments-container .article-title { font-size: 20px; margin-top: 50px; margin-bottom: 15px; } @media (max-width: 640px) { .comments-container .article-title { margin-top: 15px; } } .comments-container .top-comment { float: none; display: block; margin: 0; width: auto; margin-top: 45px; padding-top: 20px; margin-left: -35px; margin-right: -35px; padding-left: 27px; margin-bottom: 30px; } @media (max-width: 640px) { .comments-container .top-comment { margin-left: 0; margin-right: 0; margin-top: 20px; } } .comments-container .top-comment .view-thread { color: #660033; margin-bottom: 15px; } .comments-container .top-comment .title { margin-top: 0; } .comments-container .top-comment .username { font-size: 24px; margin-right: 6px; } .comments-container .top-comment .count { font-size: 14px; color: #660033; } .comments-container .all-comments { font-size: 24px; margin: 0 0 25px 0; } .comments-container .fyre .fyre-thread-breakout-stream .fyre-comment-like { display: none !important; } .comments-container .fyre .fyre-stream-sort > a.fyre-stream-sort-back { font-weight: bold !important; color: #256995 !important; } .comment .post-content { overflow: hidden; *zoom: 1; } .comment .reply-post { margin-left: 125px; } @media (max-width: 1023px) { .comment .reply-post { margin-left: 25px; } } @media (max-width: 640px) { .comment .reply-post { margin-left: 20px; } } .comment .reply-post .comment-text { width: 320px; } @media (max-width: 1023px) { .comment .reply-post .comment-text { width: 70%; } } @media (max-width: 640px) { .comment .reply-post .comment-text { width: auto; } } .comment .reply-post .comment-textarea { width: 356px; } @media (max-width: 640px) { .comment .reply-post .comment-textarea { width: 100%; } } .comment .reply-post.even .user { padding-right: 18px; border-right: 1px solid #959595; margin-right: 18px; min-height: 140px; } .comment .reply-post.odd .comment-text { float: left; } .comment .reply-post.odd .user { margin-left: 18px; padding-left: 18px; border-left: 1px solid #959595; float: right; min-height: 140px; } @media (max-width: 640px) { .comment .reply-post.odd .user { border-left: 0; float: none; min-height: 0; margin-left: 0; padding-left: 0; } } .comment .user { width: 105px; float: left; } @media (max-width: 640px) { .comment .user { width: auto; float: none; margin-bottom: 10px; } } .comment .user .username { font-size: 16px; line-height: 1; display: block; margin-bottom: 3px; } .comment .user .timestamp { color: #959595; display: block; font-size: 11px; } .comment .user .reaction-to { display: block; font-size: 11px; text-transform: uppercase; margin-top: 4px; } .comment .comment-text { width: 485px; float: right; } @media (max-width: 640px) { .comment .comment-text { width: auto; } } .comment .comment-text p { margin-top: 0; line-height: 1.4; } .comment .controls { overflow: hidden; *zoom: 1; font-size: 16px; border-top: 1px solid #959595; margin-bottom: 30px; margin-top: 10px; } .comment .controls .reply, .comment .controls .edit { border-right: 1px solid #959595; } .comment .controls .reply, .comment .controls .like, .comment .controls .edit { display: block; float: left; padding: 7px 12px; } .comment .controls .flag { float: right; line-height: 2em; } .comments-header { overflow: hidden; *zoom: 1; line-height: 1; padding-bottom: 7px; border-bottom: 1px solid #281b21; } @media (max-width: 640px) { .comments-header { padding-top: 5px; } } .comments-header h1 { text-transform: uppercase; font-size: 20px; margin: 0; padding: 0; float: left; } .comments-header .close-comments { display: block; text-transform: uppercase; font-size: 12px; float: right; line-height: 2em; } .comments-header .close-comments .close { font-weight: bold; margin-left: 10px; } @media (max-width: 640px) { .comments-header .close-comments { float: left; display: block; clear: left; } } .comment-post-form { padding-top: 20px; clear: both; } @media (max-width: 640px) { .comment-post-form { position: relative; } .comment-post-form:first-child { padding-top: 0; } } @media (max-width: 640px) { .comment-post-form.opened { padding-bottom: 10px; } } .comment-post-form.opened .comment-textarea { padding-bottom: 75px; } .comment-post-form.edit-form { display: none; padding-top: 0; padding-bottom: 15px; } .comment-post-form.edit-form input.submit-button { margin-right: 10px; } .comment-post-form.edit-form .comment-textarea { line-height: 1.3; height: 200px; width: 400px; } .comment-post-form.reply-form { display: none; } .comment-post-form .comment-textarea { outline: none; border: 1px solid #cfcfcf; resize: none; width: 480px; height: 30px; line-height: 30px; padding: 10px; } @media (max-width: 1023px) { .comment-post-form .comment-textarea { width: 80%; } } @media (max-width: 640px) { .comment-post-form .comment-textarea { line-height: normal; display: block; position: relative; box-sizing: border-box; width: 100%; height: 60px; margin-bottom: 15px; } } .comment-post-form .comment-textarea:focus { outline: none; } .comment-post-form .submit-button { border: 0; background: #281b21; line-height: 52px; padding: 0; width: 85px; float: right; color: #f0ff00; } @media (max-width: 640px) { .comment-post-form .submit-button { display: block; float: none; position: absolute; left: auto; right: 0; top: 0; } } @media (max-width: 1023px) { .comment-post-form .submit-button { width: 15%; } } @media (max-width: 640px) { .comment-post-form .submit-button { display: block; position: relative; box-sizing: border-box; width: 100%; } } #article_footer_tiles { clear: both; width: auto; margin-left: -30px; margin-right: -30px; } #article_footer_tiles .large-tiles.left { width: 354px; float: left; margin-right: 10px; display: inline; } @media (max-width: 640px) { #article_footer_tiles .large-tiles.left { float: none; width: auto; } } #article_footer_tiles .large-tiles.right { width: 354px; float: right; margin-right: 0; *margin-left: -10px; display: inline; } @media (max-width: 640px) { #article_footer_tiles .large-tiles.right { float: none; width: auto; } } #article_footer_tiles .large-tiles .tile { min-height: 250px; position: relative; } #article_footer_tiles .large-tiles .tile.basic.full-width { min-height: 0px; } #article_footer_tiles .large-tiles .tile.basic.full-width .rubrik { float: left; } #article_footer_tiles .large-tiles .tile.basic.full-width .timestamp { float: left; margin-top: 15px; margin-left: 5px; padding: 5px 1em 3px; } #article_footer_tiles .large-tiles .tile.basic.full-width .full-tile { padding-top: 45px; } #article_footer_tiles .large-tiles .tile.basic.full-width .hed, #article_footer_tiles .large-tiles .tile.basic.full-width .dek { margin-bottom: 12px; } #article_footer_tiles .large-tiles .tile.long-hed .hed { font-size: 25px; } @media (max-width: 640px) { #article_footer_tiles .large-tiles .tile.long-hed .hed { font-size: 20px; } } #article_footer_tiles .large-tiles .tile.short { height: auto !important; } #article_footer_tiles .large-tiles .tile.short .full-tile { position: relative !important; } #article_footer_tiles .large-tiles .tile.short .timestamp { clear: both; display: block; margin-bottom: -25px; padding-top: 35px; } #article_footer_tiles .large-tiles .tile.short .hed { padding-top: 20px; padding-bottom: 20px; } #article_footer_tiles .large-tiles .tile .full-tile { bottom: 0; position: absolute !important; height: auto !important; right: 0; left: 0; padding-right: 20px; padding-left: 20px; } #article_footer_tiles .large-tiles .tile.basic .full-tile { bottom: auto; position: relative !important; padding-top: 60px; padding-bottom: 1px; } #article_footer_tiles .large-tiles .tile.stacked { padding-left: 20px; padding-right: 20px; } #article_footer_tiles .large-tiles .tile.stacked .full-tile { padding: 265px 0 1px 0; bottom: auto; position: relative !important; } #article_footer_tiles .large-tiles .tile .hed { margin-top: 10px; font-size: 32px; } @media (max-width: 640px) { #article_footer_tiles .large-tiles .tile .hed { font-size: 28px; } } #article_footer_tiles .large-tiles .byline { display: block; margin-bottom: 15px; } @media (min-width: 1024px) { #article_footer_tiles { margin-left: 0; margin-right: 0; } } @media (max-width: 640px) { #article_footer_tiles { margin-left: 0; margin-right: 0; } } #article_footer_tiles .large-tiles { overflow: hidden; *zoom: 1; padding-top: 50px; padding-bottom: 20px; } #article_footer_tiles .large-tiles .rubrik { margin-left: 0; } #article_footer_tiles .large-tiles .tile { padding-left: 20px; padding-right: 20px; width: 314px; float: left; margin-right: 10px; display: inline; background-color: white; } @media (max-width: 640px) { #article_footer_tiles .large-tiles .tile { width: auto; float: none; display: block; margin-right: 0; } } .footer-base { clear: both; background: #281b21; padding-top: 15px; } .footer-base .container { *zoom: 1; width: 1038px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; padding-bottom: 30px; } .footer-base .container:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .footer-base .container { width: 1004px; padding-left: 10px; padding-right: 10px; } } @media (max-width: 1023px) { .footer-base .container { width: auto; } } @media (max-width: 640px) { .footer-base .container { padding-bottom: 15px; } } .footer-base .slate-row { overflow: hidden; *zoom: 1; border-bottom: 1px solid #53494d; margin: 0; padding: 0; } @media (max-width: 640px) { .footer-base .slate-row { padding-bottom: 15px; } } .footer-base .slate-row img { margin-right: 5px; vertical-align: text-bottom; } @media (max-width: 640px) { .footer-base .slate-row img { display: none; } } @media (max-width: 1023px) { .footer-base .slate-row .image.last { float: right; } } .footer-base .slate-row .titles { display: inline-block; vertical-align: top; margin-top: 30px; margin-right: 13px; } @media (max-width: 640px) { .footer-base .slate-row .titles { width: 41%; line-height: 1; float: left; } } @media (max-width: 1023px) { .footer-base .slate-row .titles.last { float: right; } } .footer-base .slate-row .title { font-size: 18px; color: #21dbe7; display: block; line-height: 0.9; } .footer-base .slate-row .sub-title { font-size: 12px; color: white; } .footer-base .slate-row .pair { display: -moz-inline-stack; display: inline-block; vertical-align: bottom; *vertical-align: auto; zoom: 1; *display: inline; } @media (max-width: 1023px) { .footer-base .slate-row .pair { display: block; } .footer-base .slate-row .pair:first-child { margin-bottom: 20px; } } .footer-base .sub-slate-row { padding-top: 20px; } .footer-base .sub-slate-row > div { line-height: 39px; } @media (max-width: 1023px) { .footer-base .sub-slate-row > div { line-height: 30px; } } .footer-base .sub-slate-row a { color: #f0ff00; font-size: 12px; margin-right: 5px; } @media (max-width: 640px) { .footer-base .sub-slate-row a { font-size: 11px; } } .footer-base .sub-slate-row a.label { color: #f0ff00; } .footer-base .sub-slate-row .label { color: white; font-size: 15px; } .footer-base .sub-slate-row a.facebook { margin-left: 10px; } .footer-base .sub-slate-row a.reprints { margin-right: 70px; } @media (max-width: 640px) { .footer-base .sub-slate-row a.reprints { margin-right: 40px; margin-right: 0; } } @media (max-width: 640px) { .footer-base .sub-slate-row a.advertise-with-us { float: right; } } .footer-base .sub-slate-row .left { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; float: left; } .footer-base .sub-slate-row .left.slate-on { margin-left: 30px; } @media (max-width: 640px) { .footer-base .sub-slate-row .left.slate-on { padding-top: 8px; } } @media (max-width: 1023px) { .footer-base .sub-slate-row .left.slate-on { display: block; clear: both; float: none; margin-left: 0; } } .footer-base .sub-slate-row .left .label { margin-right: 15px; } .footer-base .sub-slate-row .right { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; float: right; } @media (max-width: 1023px) { .footer-base .sub-slate-row .right { display: block; clear: both; float: none; } } .footer-base-toc { background: #121212; padding-top: 15px; } .footer-base-toc .container { *zoom: 1; width: 1038px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; padding-bottom: 30px; } .footer-base-toc .container:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .footer-base-toc .container { width: 1004px; padding-left: 10px; padding-right: 10px; } } @media (max-width: 1023px) { .footer-base-toc .container { width: auto; } } .footer-base-toc a { font-size: 12px; color: white; } .footer-base-toc ul.copyright li { margin-top: 15px; color: white; font-size: 10px; } .footer-base-toc ul.copyright li.blurb { padding-top: 3px; } .copyright li { float: left; margin-left: 39px; } @media (max-width: 640px) { .copyright li { margin-left: 0; } } .copyright li:first-child { margin-left: 0; } @media (max-width: 640px) { .copyright li:first-child { margin-right: 20px; } } .copyright li.last { float: right; } @media (max-width: 1023px) { .copyright li.last { float: none; } } .footer-link-cols { overflow: hidden; *zoom: 1; } .footer-link-cols ul { list-style-type: none; margin: 0; padding: 0; } @media (max-width: 1023px) { .footer-link-cols ul { float: left; } } .footer-link-cols ul.center { margin-left: 25%; } .footer-link-cols ul.center li:first-child { margin-left: 39px; } @media (max-width: 1023px) { .footer-link-cols ul.center li:first-child { margin-left: 0; } } .footer-link-cols ul.last { float: right; } @media (max-width: 640px) { .footer-link-cols ul.last { float: left; margin-left: 0; } } .footer-link-cols ul li { float: left; margin-left: 39px; } @media (max-width: 1023px) { .footer-link-cols ul li { float: none; margin-left: 0; } } .footer-link-cols ul li:first-child { margin-left: 0; } .footer-link-cols ul li.last { float: right; } @media (max-width: 1023px) { .footer-link-cols ul li.last { float: none; } } body.landing .main { *zoom: 1; width: 718px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; margin-left: -6px; } body.landing .main:after { content: ""; display: table; clear: both; } @media (max-width: 640px) { body.landing .main { width: auto; margin-left: 0; } } body.landing .main .breaking { overflow: hidden; *zoom: 1; height: 515px; color: white; font-size: 18px; } @media (max-width: 640px) { body.landing .main .breaking { height: 290px; } } body.landing .main .breaking .rubrik { margin-left: 21px; margin-top: 10px; color: white; } body.landing .main .breaking .details { position: absolute; bottom: 0; right: 0; padding-left: 20px; padding-right: 20px; width: 470px; float: right; margin-right: 0; *margin-left: -10px; display: inline; padding-top: 20px; padding-bottom: 20px; background: url('/etc/designs/slate/images/home/slatest-details-background.4e9c93d2.png?1394819382') top left no-repeat; } @media (max-width: 640px) { body.landing .main .breaking .details { padding-bottom: 10px; padding-bottom: 10px; width: auto; display: block; float: none; } } body.landing .main .breaking .byline { color: white; } body.landing .main .breaking.no-byline .byline { display: none; } body.landing .main .breaking.no-byline .dek { margin-bottom: 0; } body.landing .main .breaking span { color: #21dbe7; } body.landing .main .breaking.dark { color: #281b21; } body.landing .main .breaking .dek { line-height: 1.2; } @media (max-width: 640px) { body.landing .main .breaking .dek { line-height: 1.1; margin-bottom: 5px; } } body.landing .main .breaking .hed { font-size: 40px; margin: 0; } @media (max-width: 640px) { body.landing .main .breaking .hed { font-size: 32px; } } body.landing .main .breaking:hover .hed { color: #f0ff00 !important; } body.landing .main .full-width.left-image { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; overflow: hidden; *zoom: 1; position: relative; } html.lt-ie8 body.landing .main .full-width.left-image { border: 1px solid #e1e1e1; } body.landing .main .full-width.left-image .rubrik { margin-left: 21px; margin-top: 10px; position: absolute; color: white; } body.landing .main .full-width.left-image .left-image { float: left; } @media (max-width: 640px) { body.landing .main .full-width.left-image .left-image { float: none; width: 100%; min-width: 100%; } } body.landing .main .full-width.left-image .details { float: left; width: 270px; padding-left: 20px; margin-top: 20px; padding-bottom: 20px; } @media (max-width: 640px) { body.landing .main .full-width.left-image .details { width: auto; float: none; padding-right: 20px; } } body.landing .main .full-width.left-image .hed { font-size: 35px; margin: 0; } body.landing .main .full-width.left-image .dek { font-size: 18px; } body.landing .main .full-width.left-image.bg-image { height: 298px; } @media (max-width: 640px) { body.landing .main .full-width.left-image.bg-image { height: 290px; } } body.landing .main .full-width.left-image.bg-image .details { color: white; position: absolute; width: 270px; height: 258px; bottom: 0; right: 0; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; margin-top: 0; background: url('/etc/designs/slate/images/home/dark-gray-screen-tile.664d339e.png?1394819382'); } @media (max-width: 640px) { body.landing .main .full-width.left-image.bg-image .details { background: url('/etc/designs/slate/images/home/slatest-details-background.4e9c93d2.png?1394819382'); height: auto; width: auto; float: none; padding-right: 20px; } } body.landing .main .search input[type="text"] { font-size: 18px; line-height: 45px; height: 44px; border-right: none; float: left; width: 672px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 640px) { body.landing .main .search input[type="text"] { width: auto; border-right: 1px solid #CFCFCF; } } body.landing .main .search input.submit-search { border: 1px solid #cfcfcf; border-width: 1px 1px 1px 0; height: 44px; width: 44px; margin-bottom: 15px; background: url('/etc/designs/slate/images/mag-glass.1e302b2d.png?1394819382') 55% 50% no-repeat white; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.landing .main .search input.submit-search { background-size: 18px 17px; background-image: url('/etc/designs/slate/images/mag-glass@2x.612e0187.png?1394819382'); } } @media (max-width: 640px) { body.landing .main .search input.submit-search { display: none; } } body.landing .main .search .advanced-search-handle { padding: 0 !important; line-height: 48px; border-right: 0 !important; float: right; height: 44px; width: 44px; background: #281b21 url('/etc/designs/slate/images/nav-toggle.905c48af.gif?1394819382') center center no-repeat; display: block; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { body.landing .main .search .advanced-search-handle { background-image: url('/etc/designs/slate/images/nav-toggle@2x.a1c3dd24.gif?1394819382'); background-size: 17.5px 15.5px; } } body.landing .main .search .full-width.left-image { margin-bottom: 10px; } body.landing .main .search .full-width.left-image.no-image .details { width: auto; padding-right: 20px; } body.landing .main .search .full-width.left-image .details { width: 492px; margin-top: 5px; padding-bottom: 5px; } body.landing .main .search .full-width.left-image .details .rubrik { border-color: #281b21; color: #281b21; margin-top: 7px; margin-left: 0; float: left; position: relative; } body.landing .main .search .full-width.left-image .details .timestamp { float: left; margin: 13px 0 1.5em 10px; } body.landing .main .search .full-width.left-image .details .byline { margin-top: 0.3em; margin-bottom: 0; font-size: 13px; } body.landing .main .search .full-width.left-image .details .dek { margin: 0.5em 0 0 0; font-size: 14px; } body.landing .main .search .full-width.left-image .details .hed { font-size: 20px; clear: both; } body.landing .main .search .load-more-button { display: none; } body.landing .main .large-tiles.left { width: 354px; float: left; margin-right: 10px; display: inline; } @media (max-width: 640px) { body.landing .main .large-tiles.left { float: none; width: auto; } } body.landing .main .large-tiles.right { width: 354px; float: right; margin-right: 0; *margin-left: -10px; display: inline; } @media (max-width: 640px) { body.landing .main .large-tiles.right { float: none; width: auto; } } body.landing .main .large-tiles .tile { min-height: 250px; position: relative; } body.landing .main .large-tiles .tile.basic.full-width { min-height: 0px; } body.landing .main .large-tiles .tile.basic.full-width .rubrik { float: left; } body.landing .main .large-tiles .tile.basic.full-width .timestamp { float: left; margin-top: 15px; margin-left: 5px; padding: 5px 1em 3px; } body.landing .main .large-tiles .tile.basic.full-width .full-tile { padding-top: 45px; } body.landing .main .large-tiles .tile.basic.full-width .hed, body.landing .main .large-tiles .tile.basic.full-width .dek { margin-bottom: 12px; } body.landing .main .large-tiles .tile.long-hed .hed { font-size: 25px; } @media (max-width: 640px) { body.landing .main .large-tiles .tile.long-hed .hed { font-size: 20px; } } body.landing .main .large-tiles .tile.short { height: auto !important; } body.landing .main .large-tiles .tile.short .full-tile { position: relative !important; } body.landing .main .large-tiles .tile.short .timestamp { clear: both; display: block; margin-bottom: -25px; padding-top: 35px; } body.landing .main .large-tiles .tile.short .hed { padding-top: 20px; padding-bottom: 20px; } body.landing .main .large-tiles .tile .full-tile { bottom: 0; position: absolute !important; height: auto !important; right: 0; left: 0; padding-right: 20px; padding-left: 20px; } body.landing .main .large-tiles .tile.basic .full-tile { bottom: auto; position: relative !important; padding-top: 60px; padding-bottom: 1px; } body.landing .main .large-tiles .tile.stacked { padding-left: 20px; padding-right: 20px; } body.landing .main .large-tiles .tile.stacked .full-tile { padding: 265px 0 1px 0; bottom: auto; position: relative !important; } body.landing .main .large-tiles .tile .hed { margin-top: 10px; font-size: 32px; } @media (max-width: 640px) { body.landing .main .large-tiles .tile .hed { font-size: 28px; } } body.landing .main .large-tiles .byline { display: block; margin-bottom: 15px; } .advanced-search { background: #281b21; border-bottom: 4px solid #660033; padding: 20px; display: block; color: white; } .advanced-search ul { list-style-type: none; margin: 0; padding: 0; clear: both; } .advanced-search ul li.more { display: none; } .advanced-search a { color: white; font-size: 14px; line-height: 1.5; text-transform: uppercase; margin-right: 20px; white-space: nowrap; } .advanced-search a.active { color: #f0ff00; } .advanced-search a:hover { color: #f0ff00; } .advanced-search a.see-all { display: none; background: url('/etc/designs/slate/images/home/see-all-arrow.445635c2.png?1394819382') top right no-repeat; font-size: 12px; font-weight: bold; float: right; color: #f0ff00; line-height: 18px; padding-right: 18px; margin-right: 0; margin-top: 2px; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { .advanced-search a.see-all { background-image: url('/etc/designs/slate/images/home/see-all-arrow@2x.73b5a46e.png?1394819382'); background-size: 8px 15px; } } .advanced-search a.see-all.mobile-only { display: none; } @media (max-width: 640px) { .advanced-search a.see-all.mobile-only { display: inline; } } .advanced-search > section { overflow: hidden; border-top: 1px solid white; padding-top: 20px; margin-top: 20px; display: none; } .advanced-search > section:first-child { border-top: none; padding-top: 0; margin-top: 0; } .advanced-search > section section { clear: both; } .advanced-search > section h2 { font-size: 17px; text-transform: uppercase; margin: 0 0 10px 0; float: left; } body.rubrik-landing .rubrik { display: none; } body.landing .load-more-button a { font-size: 13px; padding-top: 3px; padding-bottom: 3px; } body.landing .video-page-wrapper { margin-bottom: 50px; } .landing-header { overflow: hidden; *zoom: 1; -webkit-box-shadow: #dbdbdb 0px 0px 2px 1px; -moz-box-shadow: #dbdbdb 0px 0px 2px 1px; box-shadow: #dbdbdb 0px 0px 2px 1px; zoom: 1; color: white; font-size: 15px; font-style: italic; background: #281b21; margin-bottom: 1em; position: relative; } html.lt-ie8 .landing-header { height: 53px; border: 1px solid #dbdbdb; } .landing-header .logo { margin-right: 10px; width: 200px; text-align: center; float: left; } @media (max-width: 640px) { .landing-header .logo { width: 100px; margin-right: 5px; } .landing-header .logo img { width: 90%; height: 90%; } } html.lt-ie8 .landing-header .logo { height: 53px; vertical-align: middle; } html.lt-ie8 .landing-header .logo img { vertical-align: middle; } @media (max-width: 640px) { .landing-header .logo { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; float: none; } } .landing-header .desc { display: inline-block; padding-top: 27px; } html.lt-ie8 .landing-header .desc { line-height: 1; } @media (max-width: 640px) { .landing-header .desc { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 150px; line-height: 1.1; font-size: 12px; margin-top: 8px; } } .landing-header .social { zoom: 1; margin-right: 15px; } html.lt-ie8 .landing-header .social { position: absolute; right: 0; line-height: 1; font-size: 0; bottom: 5px; } @media (max-width: 640px) { .landing-header .social { position: absolute; top: 0; bottom: 0; right: 0; } } @media (max-width: 640px) { .landing-header .social.visible { background: #281b21; z-index: 1; text-align: center; left: 0; margin-right: 0; border: 10px solid red; } .landing-header .social.visible a { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; float: none; } .landing-header .social.visible a.toggle { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/landing-page-s5d69c637d5.7d3b86a7.png'); background-position: 0 0; background-repeat: no-repeat; } } @media (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 640px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 640px) and (min-device-pixel-ratio: 1.5), (max-width: 640px) and (min-resolution: 144dpi) { .landing-header .social.visible a.toggle { background-image: url('/etc/designs/slate/images/social/landing-page2x-s5cf8e4d07a.45e89fd6.png'); background-position: 0 -32px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .landing-header .social a { display: block; text-indent: -10000px; margin-top: 10px; margin-right: 7px; } @media (max-width: 640px) { .landing-header .social a { display: none; } } .landing-header .social a.twitter { height: 32px; width: 31px; background-image: url('/etc/designs/slate/images/social/landing-page-s5d69c637d5.7d3b86a7.png'); background-position: 0 -33px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .landing-header .social a.twitter { background-image: url('/etc/designs/slate/images/social/landing-page2x-s5cf8e4d07a.45e89fd6.png'); background-position: 0 0; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .landing-header .social a.facebook { height: 32px; width: 31px; background-image: url('/etc/designs/slate/images/social/landing-page-s5d69c637d5.7d3b86a7.png'); background-position: 0 -101px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .landing-header .social a.facebook { background-image: url('/etc/designs/slate/images/social/landing-page2x-s5cf8e4d07a.45e89fd6.png'); background-position: 0 -96px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .landing-header .social a.email { height: 32px; width: 31px; background-image: url('/etc/designs/slate/images/social/landing-page-s5d69c637d5.7d3b86a7.png'); background-position: 0 -67px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .landing-header .social a.email { background-image: url('/etc/designs/slate/images/social/landing-page2x-s5cf8e4d07a.45e89fd6.png'); background-position: 0 -64px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .landing-header .social a.toggle { display: none; height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/landing-page-s5d69c637d5.7d3b86a7.png'); background-position: 0 -135px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .landing-header .social a.toggle { background-image: url('/etc/designs/slate/images/social/landing-page2x-s5cf8e4d07a.45e89fd6.png'); background-position: 0 -128px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } @media (max-width: 640px) { .landing-header .social a.toggle { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } } .citation, blockquote { border-left: 2px solid #660033; margin-left: 0px; font-size: 14px; padding-left: 18px; line-height: 2; margin-bottom: 0; margin-top: 0; padding-top: 8px; padding-bottom: 8px; } .citation p, blockquote p { line-height: 2; } /* Sponsored Landing Page */ body.sponsored .ad.section { margin: 17px -1px 0px -1px; width: 100%; } body.sponsored .fresca-top-image { margin-bottom: 10px; } @media (max-width: 640px) { body.sponsored .fresca-top-image { margin-bottom: 0; } } body.sponsored .landing-header { position: relative; background-color: #10dae8; height: 53px; overflow: visible; } @media (max-width: 640px) { body.sponsored .landing-header { margin: 10px 0; } } body.sponsored .landing-header.rollup { margin: 0; } @media (max-width: 640px) { body.sponsored .landing-header.rollup .sponsor-logo img { position: absolute; right: auto; left: 145px; } } @media (max-width: 640px) { body.sponsored .landing-header.rollup .provided-by { width: 120px; top: 13px; } } body.sponsored .landing-header .provided-by { font-family: sl-BrandonGrotBlack; color: black; font-size: 10px; text-transform: uppercase; font-style: normal; position: relative; top: 5px; margin-right: 10px; margin-left: 15px; display: inline-block; } @media (max-width: 640px) { body.sponsored .landing-header .provided-by { top: 3px; } } body.sponsored .landing-header .sponsor-logo { display: inline-block; } body.sponsored .landing-header .sponsor-logo img { height: 44px; position: relative; top: 4px; display: inline-block; } @media (max-width: 640px) { body.sponsored .landing-header .sponsor-logo img { position: absolute; right: 15px; } } @media (max-width: 640px) { body.sponsored .landing-header .social { left: 0; bottom: 0; position: absolute; } } body.sponsored .landing-header .sponsored-info { font-family: sl-ApresLight; color: white; font-size: 11px; font-weight: normal; font-style: normal; border-bottom: 1px dotted rgba(255, 255, 255, 0.4); position: absolute; right: 10px; bottom: 7px; cursor: default; padding: 0; display: inline-block; height: 14px; cursor: pointer; } @media (max-width: 640px) { body.sponsored .landing-header .sponsored-info { left: 15px; bottom: 7px; right: auto; } } body.sponsored .landing-header .sponsored-info.open { height: 14px; background: none; width: auto; } body.sponsored .landing-header .plus-popup { width: 200px; } body.sponsored .landing-header .plus-popup p { color: black; font-style: normal; } body.sponsored .landing-header .plus-popup p a { text-indent: 0; margin: 0; padding: 0; text-align: left; width: auto; float: none; display: inline; } body.sponsored .blog-preview { padding-right: 0; } body.sponsored .blog-preview-photo { width: 345px; height: 245px; overflow: hidden; } body.sponsored .blog-preview-photo img { width: 345px; } body.sponsored .blog-preview-photo .photo-credit { font-family: sl-BrandonGrotMed; text-transform: uppercase; margin-top: 6px; font-size: 10px; margin-bottom: 16px; margin-right: 10px; } @media (max-width: 640px) { body.sponsored .blog-preview-photo { width: 372px; margin-left: -18px; margin-right: 0; } body.sponsored .blog-preview-photo img { width: 372px; margin: 0; } } body.sponsored .rub-hed { color: #222 !important; } body.sponsored .rub-hed:hover { color: #660033 !important; } body.sponsored h2.dek { font-size: 19px; font-family: sl-BrandonGrotMed; } body.sponsored .byline a { color: #1cddec !important; } body.sponsored footer { clear: both; padding-bottom: 75px; } body.sponsored footer a.read-post { font-family: sl-BrandonGrotMe !important; font-size: 13px; display: inline-block; color: #1cddec !important; float: left; margin: 20px 0; text-transform: uppercase; position: relative; top: 7px; } body.sponsored footer .social { margin-right: 15px; margin-top: 15px; } body.sponsored .roll-up .sponsored-info { position: relative; display: none; } .numbered-list { padding-bottom: 10px; } .numbered-list li:first-child { border-top: 0; margin-top: 0; } .numbered-list span { width: 75%; } .about-the-author.fancy.top-of-landing { margin-bottom: 20px; } @media (max-width: 640px) { .about-the-author.fancy.top-of-landing { margin-right: 0; } } .page .sidebar .link-source { margin-bottom: 6px; } .page .sidebar .about-the-author { *zoom: 1; padding-bottom: 15px; } .page .sidebar .about-the-author:after { content: ""; display: table; clear: both; } .page .sidebar .about-the-author .author-name { background: url('/etc/designs/slate/images/sidebar/author-bio-toggle-sprite.f439708a.png?1394819382') 0 -31px no-repeat; padding-left: 24px; } .page .sidebar .about-the-author .author-name.open { background-position: 0 2px; } .page .sidebar .about-the-author .author-details { display: none; } .page .sidebar .about-the-author .author-details.open { display: block; width: auto; padding-bottom: 20px; } .page .sidebar .about-the-author .header { margin-top: 40px; padding-left: 85px; position: relative; } .page .sidebar .about-the-author .author-image { position: absolute; left: 10px; bottom: 0; } .page .sidebar .about-the-author .author-bio { margin-left: 18px; margin-right: 18px; margin-bottom: 1em; border-bottom: 1px solid #281b21; } .page .sidebar .about-the-author .follow-links { margin-right: 18px; } .timestamp { color: #999999; font-size: 11px; text-transform: uppercase; } .blog-preview { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; overflow: hidden; *zoom: 1; padding-left: 18px; padding-right: 18px; margin-bottom: 10px; } html.lt-ie8 .blog-preview { border: 1px solid #e1e1e1; } .blog-preview .timestamp { margin-top: 20px; margin-bottom: 30px; } @media (max-width: 640px) { .blog-preview .timestamp { margin: 10px 0 0 0; } } .blog-preview .hed { width: 340px; font-size: 30px; color: #281b21; } @media (max-width: 640px) { .blog-preview .hed { width: auto; margin-top: 10px; } } .blog-preview .byline a { font-weight: normal; } .blog-preview.no-photo .hed { width: 500px; } @media (max-width: 640px) { .blog-preview.no-photo .hed { width: auto; } } @media (max-width: 640px) { .blog-preview.no-photo .timestamp { margin-top: 20px; } } .blog-preview .blurb { clear: right; margin-top: 45px; } @media (max-width: 640px) { .blog-preview .blurb { margin-top: 0; } } .blog-preview .blurb p { line-height: 1.9; padding-right: 100px; } @media (max-width: 640px) { .blog-preview .blurb p { padding-right: 0; } } .blog-preview .blog-preview-video, .blog-preview .blog-preview-photo { float: right; text-align: right; } @media (max-width: 640px) { .blog-preview .blog-preview-video, .blog-preview .blog-preview-photo { float: none; text-align: left; margin-right: -54px; } } .blog-preview .blog-preview-video img, .blog-preview .blog-preview-photo img { margin-right: -18px; } @media (max-width: 640px) { .blog-preview .blog-preview-video img, .blog-preview .blog-preview-photo img { width: 100%; margin-left: -18px; } } .blog-preview .blog-preview-video .photo-credit, .blog-preview .blog-preview-photo .photo-credit { margin-top: 8px; } @media (max-width: 640px) { .blog-preview .blog-preview-video .photo-credit, .blog-preview .blog-preview-photo .photo-credit { margin-bottom: 5px; float: right; margin-right: 54px; } } .blog-preview .blog-preview-video .player { position: relative; } .blog-preview .blog-preview-video .player a { background: url('/etc/designs/slate/images/home/video-play-button.42ef1b50.png?1394819382') no-repeat center center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media (max-width: 640px) { .blog-preview .blog-preview-video .player a { margin-right: 36px; } } .blog-preview footer { margin-top: 40px; padding-bottom: 65px; } .blog-preview .continue-reading { float: left; font-size: 14px; text-transform: uppercase; } .author-header { position: relative; padding-top: 15px; } .author-header .name { font-size: 20px; float: left; margin-top: 0; } .author-header .follow-links { float: left; margin-left: 10px; padding-left: 10px; } .author-header .row { overflow: hidden; *zoom: 1; } .author-header .author-bio p { width: 550px; margin-top: 0; margin-bottom: 20px; } .author-header .row, .author-header .author-bio { margin-left: 150px; } .author-header .author-image { position: absolute; left: 0; bottom: -20px; } .header-with-social, .landing-push { line-height: 52px; color: white; padding-left: 18px; } @media (max-width: 640px) { .header-with-social, .landing-push { position: relative; line-height: 49px; } } .header-with-social .primary, .landing-push .primary { right: 230px; width: auto !important; } @media (max-width: 640px) { .header-with-social .primary, .landing-push .primary { display: none; } } .header-with-social .title, .landing-push .title { font-size: 18px; margin-right: 10px; } @media (max-width: 640px) { .header-with-social .title, .landing-push .title { font-family: sl-BrandonGrotMed; font-size: 14px; } } .header-with-social .title a, .landing-push .title a { color: white; } .header-with-social .sub-title, .landing-push .sub-title { font-style: italic; } @media (max-width: 640px) { .header-with-social .sub-title, .landing-push .sub-title { display: none; } } .header-with-social .icons, .landing-push .icons { background: #281b21; float: right; line-height: 52px; height: 52px; padding-right: 18px; } .header-with-social .social, .landing-push .social { padding-left: 20px; background: #281b21; } @media (max-width: 640px) { .header-with-social .social.visible, .landing-push .social.visible { left: 0; } .header-with-social .social.visible a, .landing-push .social.visible a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: 20px; } .header-with-social .social.visible a.right-arrow, .landing-push .social.visible a.right-arrow { display: none; } } @media (max-width: 640px) { .header-with-social .social, .landing-push .social { padding-left: 10px; position: absolute; top: 0; bottom: 0; right: 0; padding-right: 10px; } .header-with-social .social a, .landing-push .social a { display: none; } .header-with-social .social a.toggle, .landing-push .social a.toggle { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .header-with-social .social.visible a.toggle .icon, .landing-push .social.visible a.toggle .icon { height: 31px; width: 31px; background-image: url('/etc/designs/slate/images/social/yellow-social-s0693d3d03e.d39b559c.png'); background-position: 0 -99px; background-repeat: no-repeat; } } @media (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 640px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 640px) and (min-device-pixel-ratio: 1.5), (max-width: 640px) and (min-resolution: 144dpi) { .header-with-social .social.visible a.toggle .icon, .landing-push .social.visible a.toggle .icon { background-image: url('/etc/designs/slate/images/social/yellow-social2x-s61a6e79094.8c6ea16c.png'); background-position: 0 -64px; -webkit-background-size: 31px auto; -moz-background-size: 31px auto; -o-background-size: 31px auto; background-size: 31px auto; } } .header-with-social .social .icon, .landing-push .social .icon { margin-top: 10px; } .header-with-social .social a, .landing-push .social a { float: right; } .header-with-social .social .right-arrow .icon, .landing-push .social .right-arrow .icon { margin-top: 14px; margin-left: 10px; } .landing-push { background: #660033; margin-top: 30px; margin-bottom: 30px; margin-left: 18px; margin-right: 18px; } @media (max-width: 640px) { .landing-push { margin: 15px 0 15px 0; padding-right: 50px; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; line-height: normal; height: 52px; } .landing-push .icons { line-height: none; height: auto; } } .header-with-social { background: #281b21; margin-bottom: 20px; } .tag-header { padding-left: 18px; font-size: 18px; background: #281b21; color: white; line-height: 54px; margin-bottom: 10px; text-transform: uppercase; } .comment-preview-icons-sprite, .comment-preview-icons-close, .comment-preview-icons-open, .settings-comments .comments .comment-preview .arrow .icon { background: url('/etc/designs/slate/images/comment-preview-icons-see979a8ffa.ba4dc00a.png') no-repeat; } .comment-preview-icons-close { background-position: 0 0; } .comment-preview-icons-open { background-position: 0 -14px; } body.settings .main { *zoom: 1; width: 718px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; margin-left: -26px; } body.settings .main:after { content: ""; display: table; clear: both; } body.settings .main .account-subscriptions { width: 354px; float: left; margin-right: 10px; display: inline; } body.settings .main .account-settings { width: 354px; float: right; margin-right: 0; *margin-left: -10px; display: inline; } body.settings .main .account-subscriptions .content, body.settings .main .account-settings .content { padding: 0 20px 20px 20px; } body.settings .main .breaking { overflow: hidden; *zoom: 1; height: 515px; color: white; font-size: 18px; } @media (max-width: 640px) { body.settings .main .breaking { height: 290px; } } body.settings .main .breaking .rubrik { margin-left: 21px; margin-top: 10px; color: white; } body.settings .main .breaking .details { position: absolute; bottom: 0; right: 0; padding-left: 20px; padding-right: 20px; width: 470px; float: right; margin-right: 0; *margin-left: -10px; display: inline; padding-top: 20px; padding-bottom: 20px; background: url('/etc/designs/slate/images/home/slatest-details-background.4e9c93d2.png?1394819382') top left no-repeat; } @media (max-width: 640px) { body.settings .main .breaking .details { padding-bottom: 10px; padding-bottom: 10px; width: auto; display: block; float: none; } } body.settings .main .breaking .byline { color: white; } body.settings .main .breaking.no-byline .byline { display: none; } body.settings .main .breaking.no-byline .dek { margin-bottom: 0; } body.settings .main .breaking span { color: #21dbe7; } body.settings .main .breaking.dark { color: #281b21; } body.settings .main .breaking .dek { line-height: 1.2; } @media (max-width: 640px) { body.settings .main .breaking .dek { line-height: 1.1; margin-bottom: 5px; } } body.settings .main .breaking .hed { font-size: 40px; margin: 0; } @media (max-width: 640px) { body.settings .main .breaking .hed { font-size: 32px; } } body.settings .main .breaking:hover .hed { color: #f0ff00 !important; } body.settings .main .full-width.left-image { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; overflow: hidden; *zoom: 1; position: relative; } html.lt-ie8 body.settings .main .full-width.left-image { border: 1px solid #e1e1e1; } body.settings .main .full-width.left-image .rubrik { margin-left: 21px; margin-top: 10px; position: absolute; color: white; } body.settings .main .full-width.left-image .left-image { float: left; } @media (max-width: 640px) { body.settings .main .full-width.left-image .left-image { float: none; width: 100%; min-width: 100%; } } body.settings .main .full-width.left-image .details { float: left; width: 270px; padding-left: 20px; margin-top: 20px; padding-bottom: 20px; } @media (max-width: 640px) { body.settings .main .full-width.left-image .details { width: auto; float: none; padding-right: 20px; } } body.settings .main .full-width.left-image .hed { font-size: 35px; margin: 0; } body.settings .main .full-width.left-image .dek { font-size: 18px; } body.settings .main .full-width.left-image.bg-image { height: 298px; } @media (max-width: 640px) { body.settings .main .full-width.left-image.bg-image { height: 290px; } } body.settings .main .full-width.left-image.bg-image .details { color: white; position: absolute; width: 270px; height: 258px; bottom: 0; right: 0; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; margin-top: 0; background: url('/etc/designs/slate/images/home/dark-gray-screen-tile.664d339e.png?1394819382'); } @media (max-width: 640px) { body.settings .main .full-width.left-image.bg-image .details { background: url('/etc/designs/slate/images/home/slatest-details-background.4e9c93d2.png?1394819382'); height: auto; width: auto; float: none; padding-right: 20px; } } body.settings .main .large-tiles.left { width: 354px; float: left; margin-right: 10px; display: inline; } @media (max-width: 640px) { body.settings .main .large-tiles.left { float: none; width: auto; } } body.settings .main .large-tiles.right { width: 354px; float: right; margin-right: 0; *margin-left: -10px; display: inline; } @media (max-width: 640px) { body.settings .main .large-tiles.right { float: none; width: auto; } } body.settings .main .large-tiles .tile { min-height: 250px; position: relative; } body.settings .main .large-tiles .tile.basic.full-width { min-height: 0px; } body.settings .main .large-tiles .tile.basic.full-width .rubrik { float: left; } body.settings .main .large-tiles .tile.basic.full-width .timestamp { float: left; margin-top: 15px; margin-left: 5px; padding: 5px 1em 3px; } body.settings .main .large-tiles .tile.basic.full-width .full-tile { padding-top: 45px; } body.settings .main .large-tiles .tile.basic.full-width .hed, body.settings .main .large-tiles .tile.basic.full-width .dek { margin-bottom: 12px; } body.settings .main .large-tiles .tile.long-hed .hed { font-size: 25px; } @media (max-width: 640px) { body.settings .main .large-tiles .tile.long-hed .hed { font-size: 20px; } } body.settings .main .large-tiles .tile.short { height: auto !important; } body.settings .main .large-tiles .tile.short .full-tile { position: relative !important; } body.settings .main .large-tiles .tile.short .timestamp { clear: both; display: block; margin-bottom: -25px; padding-top: 35px; } body.settings .main .large-tiles .tile.short .hed { padding-top: 20px; padding-bottom: 20px; } body.settings .main .large-tiles .tile .full-tile { bottom: 0; position: absolute !important; height: auto !important; right: 0; left: 0; padding-right: 20px; padding-left: 20px; } body.settings .main .large-tiles .tile.basic .full-tile { bottom: auto; position: relative !important; padding-top: 60px; padding-bottom: 1px; } body.settings .main .large-tiles .tile.stacked { padding-left: 20px; padding-right: 20px; } body.settings .main .large-tiles .tile.stacked .full-tile { padding: 265px 0 1px 0; bottom: auto; position: relative !important; } body.settings .main .large-tiles .tile .hed { margin-top: 10px; font-size: 32px; } @media (max-width: 640px) { body.settings .main .large-tiles .tile .hed { font-size: 28px; } } body.settings .main .large-tiles .byline { display: block; margin-bottom: 15px; } body.settings .main .black-header, body.settings .main .page .sidebar a.header, .page .sidebar body.settings .main a.header, body.settings .main .page .sidebar .sidebar-black-header, .page .sidebar body.settings .main .sidebar-black-header, body.settings .main #see_more_comments { text-align: center; margin-bottom: 10px; } @media (max-width: 640px) { body.settings .main .black-header, body.settings .main .page .sidebar a.header, .page .sidebar body.settings .main a.header, body.settings .main .page .sidebar .sidebar-black-header, .page .sidebar body.settings .main .sidebar-black-header, body.settings .main #see_more_comments { margin-top: 10px; } } body.settings .main .push-button { width: 171px; margin-right: -3px; color: white; } body.settings .main .push-button:hover { color: #f0ff00; border-bottom-color: white; } body.settings .main .push-button.last { margin-right: 0; } body.settings .main .push-button.active { color: #f0ff00; border-bottom-color: white; } body.settings .main .settings-header-buttons { margin-bottom: 10px; margin-top: 10px; } html.lt-ie8 body.settings .main .settings-header-buttons .last { float: none; } @media (max-width: 640px) { body.settings .main .settings-header-buttons { display: none; } } .settings-header { background: #660033; color: white; line-height: 53px; height: 53px; padding-left: 18px; padding-right: 18px; } .settings-header .username { font-size: 18px; margin-right: 18px; text-transform: uppercase; } .settings-header em { font-style: italic; font-size: 15px; } .settings-header .sign-out { letter-spacing: 1px; font-size: 18px; float: right; } .settings-header .sign-in { letter-spacing: 1px; font-size: 18px; float: right; } .settings-header a { color: white; } .settings-main .account-settings-form { background: #f3f5f5; padding-bottom: 25px; } .settings-main .account-settings-form .row { overflow: hidden; *zoom: 1; width: 500px; margin-left: auto; margin-right: auto; } .settings-main .account-settings-form .row:first-child { padding-top: 20px; } .settings-main .account-settings-form .row p { float: left; } .settings-main .account-settings-form .row p:first-child { margin-right: 15px; } .settings-main .account-settings-form .button-container { text-align: center; } .settings-main .account-settings-form .button-container .push-button { color: white; } .settings-main .account-settings-form .button-container .push-button:hover { color: #f0ff00; } .settings-main .nice-field, .settings-main .nav-panel input[type="text"], .nav-panel .settings-main input[type="text"], .settings-main .nav-panel input[type="password"], .nav-panel .settings-main input[type="password"], .settings-main body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite input[type="text"], body.roadblock #roadblock.roadblock-success .roadblock-content .roadblock-main .roadblock-body .intro section.favorite .settings-main input[type="text"], .settings-main body.landing .main .search input[type="text"], body.landing .main .search .settings-main input[type="text"] { line-height: 40px; width: 200px; } .settings-recommendations .full-width.left-image { margin-bottom: 10px; } #settings-subscriptions .subscription-tile { -webkit-box-shadow: #e1e1e1 0px 0px 1px 1px inset; -moz-box-shadow: #e1e1e1 0px 0px 1px 1px inset; box-shadow: #e1e1e1 0px 0px 1px 1px inset; height: 200px; width: 300px; margin-bottom: 6px; float: right; padding: 40px 25px 5px; border: 3px solid white; } html.lt-ie8 #settings-subscriptions .subscription-tile { border: 1px solid #e1e1e1; } #settings-subscriptions .subscription-tile:hover, #settings-subscriptions .subscription-tile.subscribed { border: 3px solid #660033; } #settings-subscriptions .subscription-tile:hover .subscription-status, #settings-subscriptions .subscription-tile.subscribed .subscription-status { color: #660033; } #settings-subscriptions .subscription-tile .subscription-status { cursor: pointer; font-size: 14px; position: absolute; bottom: 15px; left: 25px; color: #959595; } #settings-subscriptions .subscription-tile .subscription-status.subscribed { color: #660033; background: url('/etc/designs/slate/images/settings-checkbox-icon.91f27749.png?1394819382') center left no-repeat; padding-left: 22px; } #settings-subscriptions .subscription-tile .hed { cursor: pointer; font-size: 35px; line-height: 1; display: block; margin-bottom: 15px; } #settings-subscriptions .subscription-tile .dek { font-size: 18px; line-height: 1.2; cursor: pointer; } #settings-subscriptions .row .subscription-tile:first-child { float: left; } .settings-comments .black-header.your-comments, .settings-comments .page .sidebar a.your-comments.header, .page .sidebar .settings-comments a.your-comments.header, .settings-comments .page .sidebar .your-comments.sidebar-black-header, .page .sidebar .settings-comments .your-comments.sidebar-black-header, .settings-comments .your-comments#see_more_comments { padding-left: 18px; text-align: left !important; } .settings-comments .comments { padding-left: 18px; padding-right: 18px; margin-bottom: 20px; position: relative; } .settings-comments .comments .comment { padding-top: 25px; border-top: 1px solid #d7d8d8; background: inherit; } .settings-comments .comments .comment .comment-text { width: 535px; } .settings-comments .comments .comment .reply-post .comment-text { width: 390px; } .settings-comments .comments .comment .reply-post .comment-textarea { width: 415px; } .settings-comments .comments .comment-counts { font-size: 15px; font-style: italic; } .settings-comments .comments .preview-details { padding-bottom: 5px; } .settings-comments .comments .comment-preview { padding: 0 0 0 18px; border-bottom: 1px solid #d7d8d8; } .settings-comments .comments .comment-preview .description, .settings-comments .comments .comment-preview .title, .settings-comments .comments .comment-preview .timestamp { display: block; } .settings-comments .comments .comment-preview .description { font-size: 12px; padding-top: 8px; } .settings-comments .comments .comment-preview .description .user-ref { color: #660033; } .settings-comments .comments .comment-preview .title { font-size: 18px; margin-bottom: 3px; } .settings-comments .comments .comment-preview .arrow { background: #281b21; width: 47px; position: absolute; right: 0; top: 0; bottom: 0; text-align: center; } .settings-comments .comments .comment-preview .arrow .icon { position: absolute; top: 50%; left: 50%; display: block; background-position: 0 0; width: 15px; height: 14px; margin-top: -7px; margin-left: -7.5px; } .settings-comments .comments .comment-preview.closed .arrow .icon { background-position: 0 -14px; margin-top: -11.5px; margin-left: -6px; width: 12px; height: 23px; } .settings-comments .comments .comment-preview.closed .expanded-comment { display: none; } .settings-comments .comments .comment-preview:hover .title { color: #660033; } .settings-comments .comments .comment-preview.recently-active { background: #f3f5f5; } .settings-account .recommended-stories { overflow: hidden; *zoom: 1; } .settings-account .account-subscriptions, .settings-account .account-settings { background: #f3f5f5; } .settings-account .account-subscriptions .black-header, .settings-account .account-subscriptions .page .sidebar a.header, .page .sidebar .settings-account .account-subscriptions a.header, .settings-account .account-subscriptions .page .sidebar .sidebar-black-header, .page .sidebar .settings-account .account-subscriptions .sidebar-black-header, .settings-account .account-subscriptions #see_more_comments, .settings-account .account-settings .black-header, .settings-account .account-settings .page .sidebar a.header, .page .sidebar .settings-account .account-settings a.header, .settings-account .account-settings .page .sidebar .sidebar-black-header, .page .sidebar .settings-account .account-settings .sidebar-black-header, .settings-account .account-settings #see_more_comments { margin-bottom: 30px; } .settings-account .account-settings .display, .settings-account .account-settings .email { display: block; } .settings-account .account-settings .display { font-size: 18px; line-height: 1; } .settings-account .account-settings .email { font-size: 15px; font-style: italic; } .settings-account .account-subscriptions li { line-height: 1; margin-bottom: 13px; } .settings-account .account-subscriptions li a { color: #281b21; font-size: 18px; background: url('/etc/designs/slate/images/setting-subscription-email-icon.043b89f0.png?1394819382') no-repeat center left; padding-left: 40px; } .settings-account .account-subscriptions li:hover a { color: #660033; } .expanded-comment { padding-right: 5px; } @media (min-width: 641px) and (max-width: 1023px) { .page { width: 712px; } } .big-slider { margin-left: -18px; margin-right: -88px; } @media (max-width: 1023px) { .big-slider { margin-left: 0; margin-right: 0; width: 705px; } } @media (max-width: 640px) { .big-slider { width: auto; } } .meta { background: url('/etc/designs/slate/images/article/meta-underline.7e69d445.gif?1394819382') bottom left no-repeat; padding-bottom: 20px; font-size: 12px; text-transform: uppercase; } .fresca .meta { background: url('/etc/designs/slate/images/article/fresca-meta-wide-underline.cfcca6aa.gif?1394819382') bottom right no-repeat; padding-bottom: 20px; } @media (max-width: 640px) { .fresca .meta { background-image: none; } } @media (max-width: 640px) { .meta { background-image: none; font-size: 10px; } } .meta div { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; *vertical-align: auto; zoom: 1; *display: inline; border-left: 1px solid #281b21; padding: 9px 11px 3px; } @media (max-width: 640px) { .meta div { padding-left: 5px; padding-right: 5px; border-left: 0; } } .meta.blog .logo { vertical-align: bottom; margin-right: 11px; } @media (max-width: 640px) { .meta.blog .logo { display: block; } } .meta.blog .prop-name { padding-left: 0; background: white; color: #281b21; } .meta.blog .prop-name.print-only { display: none; } .meta .prop-name { border-left: none; padding: 0; } .meta .prop-name a { display: block; border-left: 0; background: #281b21; color: white; border-left: 1px solid #281b21; padding: 9px 11px 3px; } .meta .prop-name.print-only { display: none; } .meta .pub-date { color: #8c8c8c; text-transform: uppercase; } @media (max-width: 640px) { .meta .pub-date { display: block; border-left: 0; background: url('/etc/designs/slate/images/article/meta-underline-mobile.9a6a5b14.png?1394819382') top right no-repeat; padding-bottom: 5px; } } .multipart-nav { z-index: 600; display: none; position: absolute; width: 440px; background: #ffffff; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .multipart-nav.fixed { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-overflow-scrolling: touch; } @media (max-width: 640px) { .multipart-nav.fixed { overflow: auto; } } @media (max-width: 640px) { .multipart-nav { left: 5px; right: 5px; width: auto; } } .multipart-nav ul { padding: 0; margin: 0; } .multipart-nav .entry { padding-top: 15px; border-top: 1px solid #d0d0d0; padding-left: 30px; padding-right: 0px; overflow: hidden; *zoom: 1; } .multipart-nav .entry:first-child { margin-top: 0; } @media (max-width: 640px) { .multipart-nav .entry { padding-left: 10px; } } .multipart-nav .label { float: left; font-size: 16px; margin-right: 0; color: #660033; } .multipart-nav .items { padding-left: 30px; padding-right: 30px; width: 274px; float: right; margin-right: 0; *margin-left: -18px; display: inline; padding-left: 0; } @media (max-width: 640px) { .multipart-nav .items { width: 75%; padding-right: 5px; padding-left: 0; } } .multipart-nav .items p:first-child { margin-top: 0; } .multipart-nav .items a { display: block; padding-right: 60px; } @media (max-width: 640px) { .multipart-nav .items a { padding-right: 0; } } .multipart-nav .items a:hover .title, .multipart-nav .items a:hover .byline { color: #660033; } .multipart-nav .items .title { font-size: 18px; margin-bottom: 5px; display: block; color: #281b21; } .multipart-nav .byline { display: block; } .multipart-nav .byline em { color: #660033; } .multipart-nav.fresca-nav .entry { border-top: 1px solid #281b21; padding-left: 0; } .multipart-nav.fresca-nav .entry a { overflow: hidden; *zoom: 1; display: block; } .multipart-nav.fresca-nav .entry a:hover span { color: #660033; } .multipart-nav.fresca-nav .entry .section-header-number, .multipart-nav.fresca-nav .entry .roll-up.fresca .handle, .roll-up.fresca .multipart-nav.fresca-nav .entry .handle { border-right: 0; float: left; width: 30px; padding-right: 25px; } .multipart-nav.fresca-nav .entry .title { font-size: 14px; text-transform: uppercase; color: #281b21; float: left; display: block; margin-top: 6px; } .image img { max-width: 100%; } .image .caption { background-color: #281b21; color: white; font-size: 14px; padding: 5px 18px; } .image.full-width img { max-width: none; } .image.real-width img { max-width: none; } @media (max-width: 1023px) { .image.related-content { display: block !important; float: none !important; margin: 0 auto !important; } .image.related-content img { width: auto !important; } } .image.highlighted { position: relative; float: right !important; } @media (max-width: 1023px) { .image.highlighted { float: none !important; margin-left: auto !important; margin-right: auto !important; } } .image.highlighted:before { content: "" !important; left: -10px !important; display: block !important; height: 40px !important; width: 10px !important; position: absolute !important; background-color: #f7ff7f !important; background-image: none !important; } .image.inline.left { margin-right: 18px; float: left; } @media (max-width: 640px) { .image.inline.left { float: none; margin-right: 0; margin-left: 0; } .image.inline.left img { width: 100%; } } .image.inline.right { margin-left: 18px; float: right; } @media (max-width: 640px) { .image.inline.right { float: none; margin-right: 0; margin-left: 0; } .image.inline.right img { width: 100%; } } .image.fresca-full-width-inline { margin-left: -88px; margin-right: -246px; } @media (max-width: 1023px) { .image.fresca-full-width-inline { margin-right: 0; margin-left: 0; } } .image.fresca-full-width-inline img { max-width: 100%; width: 100%; } @media (max-width: 1023px) { .image.fresca-full-width-inline img { width: auto; } } .image.fresca-full-width-inline .caption, .image.fresca-full-width-inline .credit { margin-right: 246px; } @media (max-width: 640px) { .image.fresca-full-width-inline .caption, .image.fresca-full-width-inline .credit { margin-right: 0; } } .credit { margin-top: 0; font-size: 10px; padding: 3px 5px; text-align: right; } .pullquote { width: 246px; float: left; margin-right: 18px; display: inline; margin-top: 5px; margin-bottom: 5px; margin-right: 23px; color: #281b21; font-size: 32px; } .fresca .pullquote { width: 246px; float: left; margin-right: 18px; display: inline; margin-top: 5px; margin-bottom: 5px; margin-right: 23px; } @media (max-width: 640px) { .fresca .pullquote { display: none; } } @media (max-width: 640px) { .pullquote { display: none; } } .pullquote.notch { margin-left: -18px; padding-left: 18px; margin-right: -18px; padding-right: 18px; margin-top: 5px; margin-bottom: 5px; margin-right: 23px; font-size: 25px; background-repeat: no-repeat; background-position: top left; } @media (max-width: 640px) { .pullquote.notch { display: none; } } .pullquote.notch .quote { margin-top: 60px; margin-bottom: 10px; padding-right: 0 !important; line-height: 1.1 !important; } .pullquote.notch .quote, .pullquote.notch .credit, .pullquote.notch .byline { margin-left: 35px; } .pullquote.notch .credit { padding-left: 0; } .pullquote .quote { margin: 0; padding-right: 0 !important; line-height: 1.1 !important; } .pullquote .credit { display: block; text-align: left; color: #281b21; } .pullquote .byline { display: block; font-size: 15px; color: #660033; background: url('/etc/designs/slate/images/narrow-black-line.4b966049.gif?1394819382') top left no-repeat; padding-top: 5px; } .top-comment { background: url('/etc/designs/slate/images/top-comment-background-tile.10f58d3d.gif?1394819382'); width: 246px; float: left; margin-right: 18px; display: inline; margin-left: -18px; padding-left: 18px; margin-right: -18px; padding-right: 18px; margin-right: 18px; } .top-comment a.primary { height: auto; bottom: 3.1em; } .top-comment .title { font-size: 24px; } .top-comment .title span { padding: 8px 10px; background: #f0ff00; } .top-comment .quote { border-bottom: 1px solid #281b21; padding-bottom: 10px; margin-bottom: 10px; } .top-comment .quote p { font-size: 16px; line-height: 1.4; } .top-comment .comment-options { overflow: hidden; *zoom: 1; font-size: 15px; } .top-comment .comment-options a { text-decoration: none; color: #281b21; display: block; } .top-comment .comment-options .count { color: #660033; float: left; } .top-comment .comment-options .join-in { color: #660033; background: url('/etc/designs/slate/images/join-in-icon.50531212.png?1394819382') center left no-repeat; padding-left: 21px; float: right; } @media (max-width: 640px) { .top-comment { overflow: hidden; *zoom: 1; float: none; width: auto; display: block; margin-right: -18px; } .top-comment a.primary { display: none; } } .about-the-author { margin-bottom: 10px; } .about-the-author.with-head { margin-top: 70px; } .about-the-author.inline { float: left; width: 246px; margin-left: -18px; margin-right: 18px; } .about-the-author.fancy { *zoom: 1; color: #8e4b6a; background: url('/etc/designs/slate/images/article/author-background-tile.c44a1000.png?1394819382'); padding-bottom: 1em; padding-left: 36px; padding-right: 18px; } .about-the-author.fancy:after { content: ""; display: table; clear: both; } .about-the-author.fancy .author-bio { border-bottom: 1px solid #281b21; margin-bottom: 1em; } .about-the-author.fancy p { font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 1.5; } .about-the-author.fancy header { margin-left: -36px; margin-right: -18px; } .about-the-author.fancy .name { text-transform: uppercase; width: 199px; display: block; } @media (max-width: 640px) { .about-the-author.fancy .name { font-size: 11px; padding-top: 3px; } } .about-the-author.fancy .image { margin-left: 97px; text-align: center; } @media (max-width: 640px) { .about-the-author.fancy .image { margin-left: 85px; } } .about-the-author.fancy .noimage { text-align: left; margin-left: 36px; } @media (max-width: 640px) { .about-the-author.fancy { width: auto; float: none; margin-right: -18px; } } .about-the-author header { position: relative; padding-right: 18px; background: #281b21; line-height: 35px; font-size: 13px; color: white; } .about-the-author header .name { margin-left: 130px; } .about-the-author .author-photo { position: absolute; left: 15px; bottom: 0; } .author-bio p { font-size: 15px; line-height: 1.5; color: #660033; } .author-bio p a { color: #660033; } .pagination { overflow: hidden; *zoom: 1; margin-bottom: 30px; border-top: 1px solid #281b21; margin-top: 30px; padding-top: 30px; } .sponsored .pagination { border-top: none; } @media (max-width: 640px) { .pagination .social { display: none; } } .pagination a { color: #660033; } .pagination a.single-page { float: left; } .pagination .wide-pages { padding-top: 1em; margin-top: 1em; text-align: center; } .pagination .wide-pages a { font-weight: bold; } .pagination .wide-pages .number { padding: 2px 5px; } .pagination .wide-pages .number.active, .pagination .wide-pages .number:hover { background: #f0ff00; color: black; } .pagination .wide-pages .prev { color: #660033; float: left; } .pagination .wide-pages .next { color: #660033; float: right; } .pagination .wide-pages .single-page a { font-weight: normal; color: #660033; } .pagination .pages { float: left; list-style-type: none; padding: 0; margin: 0; } @media (max-width: 640px) { .pagination .pages { margin: 0 auto; } } .pagination .pages li { vertical-align: top; display: block; float: left; } .pagination .pages li a { color: #660033; display: block; vertical-align: top; } .pagination .pages li.number.active, .pagination .pages li.number:hover { background: #f0ff00; } .pagination .pages li.number.active a, .pagination .pages li.number:hover a { color: black; } .pagination .pages li.number { margin-right: 0.5em; } @media (max-width: 640px) { .pagination .pages li.number { margin-right: 1em; } } .pagination .pages li.number a { padding-left: 6px; padding-right: 6px; padding-top: 4px; color: #281b21; font-size: 18px; } .pagination .pages li.prev, .pagination .pages li.next { font-size: 16px; padding-top: 5px; } .pagination .pages li.prev { margin-right: 1.5em; } .pagination .pages li.next { margin-left: 1.5em; } @media (max-width: 640px) { .pagination .pages li.next { margin-left: 1em; } } .pagination .pages li.single-page { padding-top: 5px; font-size: 14px; margin-right: 110px; } @media (max-width: 640px) { .pagination .pages li.single-page { margin-right: 1em; font-size: 16px; } } .about-the-author.multi .author-bio { background: url('/etc/designs/slate/images/narrow-black-line.4b966049.gif?1394819382') top left no-repeat; } .about-the-author.multi .author-bio p:first-child { padding-top: 1em; } .citation, .text blockquote { border-left: 2px solid #660033; margin-left: 0px; font-size: 14px; padding-left: 18px; line-height: 2; margin-bottom: 0; margin-top: 0; padding-top: 8px; padding-bottom: 8px; } .citation p, .text blockquote p { line-height: 2; } .citation .byline, .text blockquote .byline { font-style: italic; } .q-and-a .pair { margin-top: 30px; } .q-and-a .question { border-left: 1px solid #281b21; margin-left: 50px; } .q-and-a .question p { font-weight: bold; padding-left: 30px; margin: 0; padding-bottom: 1em; line-height: 1.9; } .q-and-a .question:before { margin-left: -50px; color: #660033; font-size: 24px; float: left; content: "Q:"; } .q-and-a .answer { border-top: 1px solid #281b21; margin-bottom: 3em; } .q-and-a .answer p { line-height: 1.9; } @media (max-width: 640px) { .page .section-header { display: table; width: 100%; } .page .section-header .section-header-number, .page .section-header .roll-up.fresca .handle, .roll-up.fresca .page .section-header .handle { width: 20px; padding-left: 0; padding-right: 10px; float: none; display: table-cell; padding-bottom: 0; vertical-align: bottom; } .page .section-header .title { text-align: left; display: table-cell; padding-bottom: 2px; vertical-align: bottom; line-height: normal; } } .section-header { border-bottom: 1px solid #959595; font-size: 18px; line-height: 18px; } .section-header .title { float: none; line-height: 1.3; width: auto; } .section-header .section-header-number, .section-header .roll-up.fresca .handle, .roll-up.fresca .section-header .handle { font-weight: normal; color: #281b21; } .section-header.general { clear: left; margin-left: -18px; padding-left: 18px; } .fresca .section-header.general { margin-left: -88px; padding-left: 0; } @media (max-width: 1023px) { .fresca .section-header.general { margin-left: 0; } } .section-header.copy { margin-left: auto; } .fresca .section-header { line-height: 18px; } .section-header span { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; *vertical-align: auto; zoom: 1; *display: inline; line-height: 2; font-size: 18px; } .list .item { border-top: 0; padding-left: 0; padding-right: 0; } .list .list-content { margin-left: 55px; margin-bottom: 2em; } @media (max-width: 640px) { .list .list-content { margin-left: 0; } } .list .list-content p { line-height: 1.9; } .list .list-content .image { margin-left: -55px; margin-top: 1em; } @media (max-width: 640px) { .list .list-content .image { margin-left: 0; } } .multipart-pagination { overflow: hidden; *zoom: 1; font-size: 14px; } .multipart-pagination .prev, .multipart-pagination .next { line-height: 1; width: 50%; border-top: 1px solid #281b21; border-bottom: 1px solid #281b21; } .multipart-pagination .next { float: right; text-align: right; } @media (max-width: 640px) { .multipart-pagination .next { overflow: hidden; *zoom: 1; float: none; width: auto; border-left: 1px solid #281b21; position: relative; } } .multipart-pagination .prev { float: left; background: url('/etc/designs/slate/images/article/multipart-pagination-border-tile.35aa3d96.png?1394819382') right top repeat-y; } @media (max-width: 640px) { .multipart-pagination .prev { display: none; } } .multipart-pagination .arrow { display: block; height: 22px; width: 22px; padding: 17px 18px; } .multipart-pagination .title { color: #281b21; font-size: 14px; line-height: 1.5; width: 264px; display: block; padding-top: 7px; } .multipart-pagination .prev .arrow { text-indent: -10000px; background: url('/etc/designs/slate/images/article/multipart-pagination-sprites/prev.f18883e8.png?1394819382') center center #281b21 no-repeat; float: left; margin-right: 10px; } .multipart-pagination .prev .title { margin-left: 60px; } .multipart-pagination .next .title { float: right; margin-right: 10px; } @media (max-width: 640px) { .multipart-pagination .next .title { float: none; text-align: left; padding-left: 10px; margin-right: 70px; width: auto; padding-bottom: 7px; } } .multipart-pagination .next .arrow { float: right; overflow: hidden; text-indent: 10000px; background: url('/etc/designs/slate/images/article/multipart-pagination-sprites/next.783bd99d.png?1394819382') center center #281b21 no-repeat; } @media (max-width: 640px) { .multipart-pagination .next .arrow { position: absolute; right: 0; bottom: 0; top: 0; height: auto; } } .fresca-top-image { position: relative; /* Want this about the width of the main content, centered in the photo container. The photo scales up, the photo text doesnt't */ } .fresca-top-image img { max-width: 100%; width: 100%; } .fresca-top-image .photo-info { left: 50%; margin-left: -537px; position: absolute; overflow: hidden; *zoom: 1; width: 1056px; bottom: 0; } @media (max-width: 1023px) { .fresca-top-image .photo-info { position: relative; width: auto; margin-left: auto; left: auto; } } .fresca-top-image .caption { float: left; background: url('/etc/designs/slate/images/article/top-image-caption-tile.870f713a.png?1394819382'); color: white; padding: 5px 18px; width: 598px; text-align: left; } .fresca-top-image .credit { position: absolute; right: 0; bottom: 0; color: white; padding: 0; margin: 0 0 7px 0; } @media (max-width: 640px) { .fresca-top-image .credit { margin-left: 18px; display: block; width: auto; position: relative; color: #281b21; margin-top: 3px; text-align: left; clear: left; } } .highlight { background-color: #f7ff7f; padding: 3px; } /* Fresca specific stuff */ .intro { color: #660033; } /* Video page specific stuff */ .video-page-wrapper { width: 1063px; } @media (max-width: 1023px) { .video-page-wrapper { width: 718px; } } @media (max-width: 640px) { .video-page-wrapper { width: auto; } } .sidebar-ad { float: right; margin-right: -246px; margin-left: 18px; margin-bottom: 1em; } @media (max-width: 640px) { .sidebar-ad { margin-right: 0; margin-left: 0; float: none; text-align: center; } } @media (max-width: 1023px) { .sidebar-ad { margin-right: 0; } } .facebook-popup { display: block; visibility: hidden; padding: 10px 13px; } .facebook-popup a.share img { margin: 0 0 8px -5px; } .facebook-popup iframe { visibility: hidden !important; } .facebook-popup iframe .show { visibility: visible !important; } .facebook-popup iframe .noshow { visibility: hidden !important; } .plus-popup { display: none; padding: 10px 13px; } .plus-popup a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: 0; } .plus-popup .reprint { margin-top: 3px; width: auto; font-size: 12px; background: #281b21; color: #f0ff00; padding: 6px 8px 0px; margin-right: 18px; } .plus-popup .print, .plus-popup .email { text-indent: -10000px; } .plus-popup .print { background-position: 0 -32px; width: 31px; height: 32px; margin-right: 8px; } .plus-popup .email { background-position: 0 0; width: 31px; height: 32px; } .about-sponsored-popup { display: none; padding: 10px 13px; } .slideshow-preview { overflow: hidden; *zoom: 1; position: relative; margin-left: -18px; margin-right: -88px; } @media (max-width: 1023px) { .slideshow-preview { margin-left: 0; } } @media (max-width: 640px) { .slideshow-preview { margin-right: 0; } } .slideshow-preview a { display: block; width: 100%; height: 100%; } .slideshow-preview .label { font-size: 20px; position: absolute; left: 18px; top: 20px; color: white; background: url('/etc/designs/slate/images/article/slideshow-big-camera.5921db6f.png?1394819382') left center no-repeat; padding-left: 71px; line-height: 57px; } @media (max-width: 640px) { .slideshow-preview .label { text-indent: -10000px; } } .slideshow-preview .title { width: 510px; float: left; font-size: 24px; color: white; line-height: 1.2; padding-top: 17px; letter-spacing: 1px; } @media (max-width: 640px) { .slideshow-preview .title { width: auto; float: none; display: block; font-size: 14px; } } .slideshow-preview .count { font-size: 20px; color: #f0ff00; float: right; line-height: 95px; } @media (max-width: 640px) { .slideshow-preview .count { float: none; line-height: 1; font-size: 15px; } } .slideshow-preview .details { position: absolute; bottom: 0; left: 0; right: 0; height: 95px; padding-left: 18px; padding-right: 18px; background: #281b21; background: rgba(40, 27, 33, 0.8); } @media (max-width: 640px) { .slideshow-preview .details { height: auto; padding-top: 15px; padding-bottom: 15px; } } footer .item { overflow: hidden; *zoom: 1; border-top: 1px solid #e3e3e3; padding: 5px 18px; padding-top: 15px; padding-bottom: 15px; } footer .item.no-border { border-top: 0; } footer .item.first, footer .item:first-child { border-top: 0; } footer .item.right-align { text-align: right; } footer .item.right-align .story-link { float: right; } @media (max-width: 640px) { footer .item.right-align .story-link { float: none; } } footer .item.right-align img { margin-right: 0; margin-left: 18px; } footer .item.tablet-main-content-only { display: none; } footer .item.sponsored { border: 2px solid #21dbe7; } footer .item.sponsored:hover .title, footer .item.sponsored:hover .detail { color: #21dbe7; } @media (max-width: 640px) { .home footer .item.sponsored { padding-left: 10px !important; } } footer .item.see-all { border-top: 0; } footer .item.see-all a { font-size: 14px; color: #660033; padding-bottom: 15px; padding-top: 10px; display: block; } footer .item.small .story-link { display: block; font-size: 16px; } footer .item.small .title { width: auto; } footer .item.no-image .title { width: auto; } footer .item.tall-ad { margin-left: -18px; margin-right: -18px; border-top: 0; } footer .item.big-image .title, footer .item.big-image img { float: none; display: block; } footer .item.big-image .title { margin-top: 10px; width: auto; } footer .item .title { float: left; width: 175px; line-height: 1.2; } @media (max-width: 640px) { footer .item .title { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-box-ordinal-group: 2; box-ordinal-group: 2; display: block; float: none; width: auto; text-align: left; } .home footer .item .title { float: left; width: 50%; } } footer .item img { float: left; max-width: 90px; margin-right: 18px; } @media (max-width: 640px) { footer .item img { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-box-ordinal-group: 1; box-ordinal-group: 1; display: block; top: 0; left: 0; float: none; margin-bottom: 5px; margin-right: 0; margin-left: 0 !important; } .home footer .item img { margin-right: 10px; float: left; } } .extra-wide-col footer .item img { margin-right: 14px; } footer .item .ad img { float: none; max-width: none; margin-right: auto; } footer .item .rubrik-link { color: #660033; font-size: 11px; display: block; margin-bottom: 15px; } footer .item .rubrik-link.ec-rubrik-link { color: #21dbe7; margin-bottom: 10px; } .extra-wide-col .rightrailembedded footer .item .title { width: 156px; } footer .item .story-link { overflow: hidden; *zoom: 1; font-size: 18px; clear: left; } footer .item .story-link.noclear { clear: none; } footer .item .story-link:hover .title, footer .item .story-link:active .title { color: #660033; } .extra-wide-col footer .item .story-link .title { width: 160px; } footer .item a { display: block; color: inherit; } footer .item a:hover { color: #660033; } footer .item .detail { font-size: 11px; text-transform: uppercase; color: #8c8c8c; display: block; } footer .item .sponsor { background: white; color: #21dbe7; display: block; font-size: 11px; text-transform: uppercase; } footer .the-full-slate .col .item:first-child { border-top: 1px solid #e3e3e3; } footer .up-next { border-bottom: 1px solid #edecec; border-right: 1px solid #edecec; border-left: 1px solid #edecec; } footer .up-next .item { float: left; width: 305px; } @media (max-width: 640px) { footer .up-next .item { float: none; display: table-cell; width: 50%; } footer .up-next .item a { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; float: none; } } footer .up-next .item:first-child { border-left: #d9d8d8; } footer .black-header, footer .page .sidebar a.header, .page .sidebar footer a.header, footer .page .sidebar .sidebar-black-header, .page .sidebar footer .sidebar-black-header, footer #see_more_comments { text-align: center; } footer .row { overflow: hidden; *zoom: 1; margin-bottom: 30px; } footer .footer-tiles .tile { overflow: hidden; *zoom: 1; padding-left: 18px; padding-right: 18px; } footer .footer-tiles .tile .rubrik { color: #660033; margin-left: 0; } footer .footer-tiles .tile .hed { color: #660033; padding-bottom: 15px; margin: 0; font-size: 26px; } footer .footer-tiles .tile.short .link-source { margin-bottom: -35px; padding-top: 40px; } footer .footer-tiles .from-around-the-web .hed { color: #281b21; padding-top: 40px; } footer .footer-tiles .more-from-slate .hed { color: #281b21; padding-top: 60px; } footer .footer-tiles .tiles { margin-top: 10px; } footer .item-group { border: 1px solid #edecec; margin-top: 10px; } footer .col { width: 334px; float: left; } footer .col:first-child { margin-right: 18px; } @media (max-width: 640px) { footer .col { width: auto; float: none; margin-right: 0 !important; } } footer .col .item { padding-left: 0; padding-right: 0; margin-left: 18px; margin-right: 18px; border-top: 1px solid #292126; border-bottom: 0; } footer .col .item:first-child { border-top: 0; } footer .link-source { margin-top: 5px; } footer .fullwidth-wrapper { float: left; } .link-source { display: block; font-size: 10px; color: #21dbe7 !important; } #see_more_comments { display: none; margin-bottom: 10px; margin-left: -18px; margin-right: -18px; } @media (max-width: 640px) { #see_more_comments { display: block; } } #see_more_comments a { display: block; color: white; padding: 10px 15px; background: url('/etc/designs/slate/images/down-toggle-sprite.fad50b7a.png?1394819382') 95% 15px no-repeat; } @media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2), (resolution: 192dpi) { #see_more_comments a { background: #281b21 url('/etc/designs/slate/images/down-toggle-sprite@2x.3895e6c5.png?1394819382') 95% 22px no-repeat; background-size: 9.5px 65px; } } #see_more_comments a:hover, #see_more_comments a:active { color: #f0ff00; } #see_more_comments.open a { background-position: 95% -36px; } @media (max-width: 640px) { .from-our-sponsors { display: none; } } /* Sponsored/Embedded Content */ body.sponsored .moresponsoredrightrail, body.sponsored .sponsored-rail-box { border: 2px solid #1cddec; margin-top: 20px; margin-bottom: 20px; } body.sponsored .moresponsoredrightrail .sponsored-hed, body.sponsored .sponsored-rail-box .sponsored-hed { background-color: #1cddec; padding: 7px 15px; color: white; text-transform: uppercase; font-size: 14px; font-family: sl-ApresRegular; margin: 0; } body.sponsored .moresponsoredrightrail .item.lead img, body.sponsored .sponsored-rail-box .item.lead img { max-width: 294px; clear: both; margin-bottom: 10px; } body.sponsored .moresponsoredrightrail .item.lead .title, body.sponsored .sponsored-rail-box .item.lead .title { width: auto; } body.sponsored .comments { display: none !important; } body.sponsored footer .social { margin-top: 0; } @media (max-width: 640px) { body.sponsored footer aside { display: none; } } body.sponsored .about-the-author.inline { margin-left: 0; } @media (min-width: 1024px) { body.sponsored .page .sidebar { position: absolute; right: 5px; } } /* Sponsored Video Content */ body.sponsored.video { /* #main_sidebar { z-index: 100; position: absolute; right: 20px; } */ } body.sponsored.video article { width: 100%; float: left; z-index: 1; } body.sponsored.video section.content { padding-right: 0 !important; } body.sponsored.video .article-header { position: relative; } body.sponsored.video #header_social { position: absolute; right: 0px; top: 17px; margin-top: 0; } body.sponsored.video .landing-header { width: 686px; } @media (max-width: 640px) { body.sponsored.video .landing-header { width: auto; } } body.sponsored.video #sponsored_video_shell { background-color: #333; padding: 30px 20px; color: white; } body.sponsored.video #sponsored_video_shell .social { top: 5px; } body.sponsored.video #sponsored_video_shell .social .count { color: white; } body.sponsored.video .hed { font-size: 36px; margin-bottom: 12px; max-width: 800px; } body.sponsored.video .pub-date { color: #c5c5c5; text-transform: uppercase; font-size: 11px; } body.sponsored.video .contentSidebar { display: none; } body.sponsored.video object { display: block; margin: 0 auto; } .item .ob_what { text-align: right; } .item .amelia { background: url("http://widgets.outbrain.com/images/widgetIcons/ob_logo_16x16.png") no-repeat center top; display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; margin-bottom: -2px; padding: 0px 5px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* Hide the top logo */ .fyre-widget .fyre-logo-drop, .fyre-widget .fyre-logo-help, .fyre-widget .fyre-help { display: none !important; } /* Style the bottom logo */ #powered_by_livefyre_new a { background: url("http://zor.livefyre.com/wjs/v1.0/images/icons/poweredbylivefyre.png") no-repeat left top; display: block; height: 24px; font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; text-decoration: none; color: #404040; padding-left: 28px; padding-top: 4px; } #powered_by_livefyre_new a:hover { text-decoration: underline; } .fyre-modal { z-index: 1000 !important; } /* Styles for stories on landscape ipad */ @media (min-width: 1024px) { body.article.story .page { width: 1014px; padding: 0 5px; } } @media (min-width: 1024px) { body.article.story .page .main { width: 676px; } } body.article.story.skinned .page { padding-top: 5px; } @media (min-width: 1024px) { body.article.story .roll-up .container { width: 1014px; padding-left: 10px; padding-right: 0; } } @media (min-width: 1024px) { body.article.story .roll-up .main { width: 666px; margin-right: 0; } } @media (min-width: 1024px) { body.article.story footer .up-next .item { padding-left: 16px; padding-right: 16px; } } @media print { .page .sidebar, .page .social, .page footer, .footer-base, .footer-base-toc .copyright li, .footer-link-cols, .roll-up, .top, .authorbox { display: none; } a:link:after { display: none; } a:link { text-decoration: none; } .page .main .content > p a, .page .main .content .body .text > p a, .page .main .content .copy > p a, .page .main .content .copy .body .text > p a, .author-header .author-bio p a { font-family: sl-ApresRegular; color: #281b21; } .meta { background: none; border-bottom: 1px solid black; margin-bottom: 20px; padding-bottom: 0; } .meta .prop-name .print-only { display: inline-block; } .meta .prop-name a, .meta .pub-date { background: none; color: #281b21; } .page .main .content a, .byline a { color: #281b21; } .footer-base-toc { border-top: 3px solid #281b21; background: none; } .footer-base-toc .container { padding: 0; } .footer-base-toc .copyright li.blurb { display: block; margin: 0; color: #281b21; } body.article.story .page .main, .page .main .content, .page .body { width: auto; padding: 0; } .page .article-header .hed, .page .article-header .dek { width: auto; margin-left: 0; margin-right: 0; } }