html, body, body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,a{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}img,object,embed{max-width:100%}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll}html,button,input,select,textarea{color:#222}body{margin:0;font-size:1em;line-height:1.4}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration:line-through}::-moz-selection{background:#ddd;color:#000;text-shadow:none}::selection{background:#ddd;color:#000;text-shadow:none}img::selection{background:transparent}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em
0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,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:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label,input[type=button],input[type=submit],button{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{font:normal 18px/30px "Georgia Pro",georgia,serif;text-rendering:optimizeLegibility;color:#222;background-color:#fff;height:100%}a{color:#2455c3;text-decoration:none}a:hover,a:focus{text-decoration:underline}p{-moz-font-feature-settings:"liga=1, dlig=1, onum=1";-moz-font-feature-settings:"liga", "dlig", "onum";-ms-font-feature-settings:"liga", "dlig", "onum";-webkit-font-feature-settings:"liga", "dlig", "onum";-o-font-feature-settings:"liga", "dlig", "onum";font-feature-settings:"liga", "dlig", "onum"}html[data-useragent*='Chrome'][data-platform*='Mac'] p{-webkit-font-feature-settings:normal;font-feature-settings:normal}:target:not(#comments):not(.global-nav){-webkit-animation:target-fade 2s 1;-moz-animation:target-fade 2s 1}@-webkit-keyframes target-fade{0%{background-color:rgba(255,248,135,1);outline:6px
solid rgba(255,248,135,1)}100%{background-color:rgba(255,248,135,0);outline:6px
solid rgba(255,248,135,0)}}@-moz-keyframes target-fade{0%{background-color:rgba(255,248,135,.1);outline:6px
solid rgba(255,248,135,1)}100%{background-color:rgba(255,248,135,0);outline:6px
solid rgba(255,248,135,1)}}.main-content>p.buttonish-holder{margin-top:36px;margin-bottom:36px;font-size:14px;text-align:center}.buttonish,.buttonishish{display:inline-block;padding:2px
9px;font-family:"Franklin ITC Pro Light",sans-serif;color:#fff;text-decoration:none;background:#999;border-radius:24px;font-style:normal}html:not(.no-js) .buttonish{position:relative;padding:2px
24px 2px 36px;color:#999}html:not(.no-js) .buttonish:after{content:"Loading Comments";position:absolute;top:2px;left:0;height:100%;width:100%;text-align:center;text-indent:18px;color:#fff}html:not(.no-js) .buttonish:before{content:url(http://alistapart.com/d/_repo/site_assets/img/spinner_buttonish.gif);display:inline-block;position:relative;top:3px;left:-24px}.head-east-young-man{float:right}.head-west-young-man{float:left}.killer-logo,.deadly-subtitle{position:absolute;z-index:100;top:0;width:100%;text-align:center}.killer-logo{overflow:hidden}.killer-logo>a{display:inline-block;width:960px;height:120px;background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_a-list-apart.svg);background-size:contain;background-repeat:no-repeat;margin-top:-18px;-webkit-print-color-adjust:exact;-webkit-transition:-webkit-transform 4000ms ease-out;-moz-transition:-moz-transform 4000ms ease-out;-o-transition:-o-transform 4000ms ease-out;-ms-transition:-ms-transform 4000ms ease-out;transition:transform 4000ms ease-out}.no-svg .killer-logo>a{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_a-list-apart.png)}.killer-logo
img{display:none;width:960px;max-width:960px}.no-touch .logo-holder .killer-logo
a.yeeeeeeaahhh{-webkit-transform:translate(0,10px) rotate(.4deg);-moz-transform:translate(0,10px) rotate(.4deg);-o-transform:translate(0,10px) rotate(.4deg);-ms-transform:translate(0,10px) rotate(.4deg);transform:translate(0,10px) rotate(.4deg)}.go-to-nav{display:none}.deadly-subtitle{display:block;width:100%;height:50px;top:auto;bottom:0;background:url(http://alistapart.com/d/_repo/site_assets/img/bg_for-people-who.svg) no-repeat top center;text-indent:100%;color:transparent;overflow:hidden;white-space:nowrap;-webkit-print-color-adjust:exact}.no-svg .deadly-subtitle{background-image:url(http://alistapart.com/d/_repo/site_assets/img/bg_for-people-who.png)}.deadly-subtitle
img{display:none}ul.inline-items
li{display:inline-block}.user-tools{position:fixed;z-index:10000;bottom:0;right:0;padding:3px
12px;background:#fff;font-size:12px;line-height:18px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-top-left-radius:7px;box-shadow:0px 0px 10px rgba(0,0,0,.2);font-family:"Franklin ITC Pro Light",sans-serif;color:#666}.global-nav{position:absolute;z-index:100;top:0;width:100%;background:#fff;background:rgba(255,255,255,.95);border-bottom:1px solid #d8d8d8;font-family:"Franklin ITC Pro Bold",sans-serif;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;padding:0
24px}.global-nav
ul{margin:0
auto;line-height:41px}.global-nav
li{margin-right:20px}.global-nav .back-to-top{display:none}.global-nav
a{color:#222;text-transform:uppercase;white-space:nowrap}.global-nav li:first-child
a{display:inline-block;width:24px;line-height:40px;overflow:hidden;vertical-align:top;text-indent:100%;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_navigation-laurel.svg) no-repeat center}.no-svg .global-nav li:first-child
a{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_navigation-laurel.png)}.global-nav li.head-east-young-man{margin-right:0;padding-top:8px}.main-search{padding:3px
8px 3px 3px;background:#000;border-radius:50px;line-height:10px;text-align:right;white-space:nowrap}.main-search
input{display:inline-block;vertical-align:middle;outline:0}.main-search label.submit-search{display:inline-block;width:16px;height:18px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_magnify_v.svg) no-repeat center}.main-search label.submit-search
input{visibility:hidden}.no-svg .main-search label.submit-search{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_magnify_v.png)}.main-search label.submit-search
input{opacity:0}.main-search input[type=search]{-webkit-appearance:none;width:1px;font-size:10px;padding:3px
0;border:0;border-radius:50px;color:#555;background:#fafafa;opacity:0;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;transition:all 200ms ease-in}.ie9 .main-search
input{border:0;border-radius:24px}.no-touch .main-search:hover input[type=search],
.no-touch .main-search input[type=search]:valid,
.no-touch .main-search input[type=search]:focus,
.open-search input[type=search]{width:200px;padding:3px
9px;opacity:1}.main-wrapper{position:relative;min-height:100%;margin:0
auto;padding:96px
0 0}.home-page .main-wrapper,
.issue-page .main-wrapper{min-height:0;margin-top:0}.home-page .main-wrapper,
.issue-page .main-wrapper{padding-top:0}.issue-page .multi-column-display{margin-top:0;padding-top:30px;padding-bottom:0}.home-page .logo-holder + .main-wrapper,
.issue-page .logo-holder+.main-wrapper{margin-top:156px}.single-column-display,.two-column-display,.multi-column-display{margin:155px
auto 0;padding:0;border-top:1px solid #d8d8d8}.alt-layout .two-column-display{padding-bottom:386px}.single-column-display+.multi-column-display{margin-top:0}.home-page .multi-column-display{margin-top:0;padding-top:30px;padding-bottom:0}.home-page .multi-column-display
.column{vertical-align:top}.main-wrapper.stacker{min-height:0;padding-bottom:24px}.main-wrapper.stacker:first-of-type{margin-top:156px}.main-wrapper.stacker:last-of-type{}.blog-summary{margin:0
0 36px;font-size:24px;line-height:36px}.blog-summary.link-post{}.blog-summary.native-post{}.blog-summary.native-post+.blog-summary.native-post{margin-top:0;padding-top:0;border-top:0}.blog-summary
h1{font-family:"Franklin ITC Pro Bold",sans-serif;font-size:30px}.sponsored .basic-title + .blog-summary
h1{padding-right:15%}.blog-summary h1
a{color:#222}.blog-summary.link-post
h1{}.blog-summary.native-post
h1{}.blog-summary.native-post h1
a{}.blog-summary.link-post h1:before{content:" ";background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_compass.svg);background-size:contain;display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:baseline}.no-svg .blog-summary.link-post h1:before{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_compass.png)}.blog-summary.link-post
p{}.blog-summary.link-post .byline,
.blog-summary.link-post .byline
a{font-family:"Franklin ITC Pro Light",sans-serif;font-style:italic;font-size:14px;color:#999}.blog-summary.native-post
.byline{font-size:18px;font-style:italic}.blog-summary.native-post .byline a.author,
.entry-details a.author,
.meta a.author,
.blog-summary.native-post .byline a.aside-author,
.entry-details a.aside-author,
.meta a.aside-author{font-family:"Franklin ITC Pro Bold",sans-serif;font-style:normal;text-transform:uppercase}.item-summary{display:inline-block;vertical-align:top;width:216px;margin:0
24px 24px 0}.item-summary:nth-of-type(4n){margin-right:0}.secondary-column .item-summary,
.more-content .item-summary{width:auto}.more-content .item-summary{margin-right:0}.item-summary.article
img{position:relative;top:6px;display:block;float:left;margin:0
6px 12px 0;border-radius:5px}.item-summary>figure{height:188px;line-height:188px}.item-summary.article .column-name{margin-bottom:4px;font-size:12px;line-height:16px}.item-summary.article>h1{margin-bottom:2px;font-size:18px;line-height:24px}.item-summary:not(.article)>h1{font-size:18px;line-height:24px;line-height:24px}.item-summary:not(.topic) > h1
a{color:#222}.item-summary.topic > h1
a{padding-right:4px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.item-summary>p{margin-bottom:12px;font-size:14px;line-height:24px}.secondary-column .item-summary>p{}.item-summary.article p,
.item-summary.link-post
p{margin-bottom:0}.item-summary
footer{font-size:12px;line-height:24px;color:#888}.item-summary footer
a{color:#888}.item-summary:not(.article)>h2{font-size:14px;line-height:24px;font-family:"Franklin ITC Pro Bold";font-weight:normal;font-style:italic}.item-summary>h2:after{content:":"}.item-summary
li{font-size:14px;line-height:24px;border-top:1px dotted #bfbfbf;font-style:italic}.item-summary li
a{position:relative;display:block;color:#222}.item-summary li a
span{position:absolute;right:0}.wide-hero{position:relative;width:960px;max-width:100%;min-height:220px;margin:-12px auto 0;text-align:center}@media only screen and (min-width: 1400px){.wide-hero.responsive-hero{width:1400px;max-width:1400px;margin:-12px -200px 0 -200px}}@media only screen and (max-width: 450px){.wide-hero.responsive-hero{max-height:300px}.wide-hero.responsive-hero
img{max-height:268px}}.wide-hero
figcaption{visibility:hidden;width:0;height:0;overflow:hidden}.home-page:not(.alt-layout) .wide-hero,
.issue-page .wide-hero{padding-top:96px}.home-page.alt-layout .wide-hero{min-height:0;margin-top:12px}.article-layout .main-content>.tall-hero{position:relative;float:left;width:348px;max-width:40%;min-height:100px;margin:0
24px 60px 0;padding-top:48px}.entry-header .issue-number,
.wide-hero .issue-number,
.tall-hero .issue-number,
.issue-page .logo-holder+.issue-number{position:absolute;bottom:24px;left:-24px;width:120px;height:120px;padding:52px
0 0 0;color:#fff;font-family:"Franklin ITC Pro Bold",sans-serif;font-size:54px;letter-spacing:-.025em;font-weight:normal;text-align:center;font-style:normal}@media only screen and (min-width: 600px){.entry-header .issue-number,
.wide-hero .issue-number,
.tall-hero .issue-number,
.issue-page .logo-holder+.issue-number{background:transparent url(http://alistapart.com/d/_repo/site_assets/img/bg_issue-badge_3.svg) no-repeat}}.compact-issue .wide-hero .issue-number{bottom:auto;top:-71px;left:50%;width:80px;height:80px;margin-left:-40px;padding-top:34px;font-size:36px;letter-spacing:-.030em;background-size:cover}.entry-header > .issue-number:first-child,
.issue-page .logo-holder+.issue-number{z-index:1000;bottom:auto;top:72px;left:50%;margin-left:-516px}.no-svg .entry-header .issue-number,
.no-svg .wide-hero .issue-number,
.no-svg .tall-hero .issue-number,
html[data-useragent*='MSIE'] .entry-header .issue-number,
html[data-useragent*='MSIE'] .wide-hero .issue-number,
html[data-useragent*='MSIE'] .tall-hero .issue-number{background-image:url(http://alistapart.com/d/_repo/site_assets/img/issue-badge.png)}.tall-hero .issue-number{top:0;bottom:auto}.issue-number:hover{text-decoration:none}.entry-header .issue-number span,
.wide-hero .issue-number span,
.tall-hero .issue-number span,
.issue-page .logo-holder + .issue-number
span{position:absolute;top:0;left:0;width:120px;height:120px;padding-top:24px;color:#fff;text-align:center;font-family:"Georgia Pro Cond",serif;font-size:16px;line-height:22px;letter-spacing:0;font-weight:normal;font-style:italic}.compact-issue .wide-hero .issue-number
span{width:100%;padding-top:14px;font-size:14px}.main-content .basic-title{margin-bottom:24px;font-size:36px;line-height:48px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal}.main-content .basic-title.alt{font-size:24px;line-height:36px}.main-content .basic-title
b{font-weight:normal}.main-content .blog-title{margin-bottom:36px;padding:240px
0 36px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-size:48px;text-transform:uppercase;text-align:center;border-bottom:1px dotted #7f7f7f;background:url(http://alistapart.com/d/_repo/site_assets/img/blog-header.jpg) center 22px no-repeat}.ala-slug{width:960px;margin:50px
auto 24px;padding:18px
86px;text-align:center;font-family:"Georgia Pro";font-style:normal;font-size:14px;line-height:24px;background:#f0f0f0;border-radius:6px}.entry-header{max-width:960px;margin:0
auto;margin-bottom:30px;font-style:italic;text-align:center}.home-page .entry-header,
.issue-page .entry-header{margin:0
auto 42px}.entry-header .entry-title{margin:0
0 6px;padding:0
48px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal;font-size:48px;line-height:56px}.entry-header .entry-title
a{color:#222}.home-page .entry-header .entry-title,
.issue-page .entry-header .entry-title{margin:0
0 6px;padding:0;font-size:48px;line-height:56px;font-style:normal}.home-page .compact-issue .entry-header .entry-title{font-size:32px;line-height:32px}.entry-header .entry-title:first-child,
.entry-header .issue-number+.entry-title{margin-top:75px}.home-page .entry-header .entry-title:first-child,
.issue-page .entry-header .entry-title:first-child{margin-top:0;padding:0
48px}.home-page .entry-header .entry-title a,
.issue-page .entry-header .entry-title
a{color:#222}.entry-header p,
.entry-header
h2{padding:0
48px}.entry-header .entry-details{font-family:"Georgia Pro Cond";font-style:italic;font-weight:normal;margin-bottom:12px;font-size:18px;line-height:30px}.compact-issue .entry-header .entry-details{padding:0;font-size:14px;line-height:22px}.entry-header .entry-details
a{white-space:nowrap}.home-page .entry-header .entry-summary,
.issue-page .entry-header .entry-summary{padding:0;font-size:24px;line-height:36px;font-style:normal;text-align:left}.home-page .compact-issue .entry-header .entry-summary{font-size:16px;line-height:24px}.entry-header
.name{font-family:"Franklin ITC Pro Bold",sans-serif;font-style:normal;text-transform:uppercase}.optional-break{display:block}.entry-header
time{white-space:nowrap}.entry-header time:before,
footer a.author + time:before,
footer a.aside-author+time:before{content:" ∙ "}.comment-count{white-space:nowrap}.comment-count.no-comments{}.home-page .comment-count,
.issue-page .comment-count{}.comment-count:before{}.comment-count:after{}.comment-count.no-comments:after{}.author-header,.blog-header{position:relative;min-height:120px;margin:36px
0;padding-left:132px}.author-header.no-photo{min-height:0;padding-left:0}.blog-header{padding-left:0}.article-layout .author-header,
.article-layout .blog-header{width:960px;max-width:100%;margin-top:72px;margin-bottom:36px;margin-left:auto;margin-right:auto;padding-left:132px}.sponsored .article-layout .author-header,
.sponsored .article-layout .blog-header{padding-right:132px}.url-display{margin-bottom:12px;font-family:"Menlo",monospace;font-size:14px}.author-header
img{position:absolute;top:8px;left:0;border-radius:5px}.author-header+.column-intro,.blog-header+.column-intro{font-size:24px;line-height:36px}.author-header + .column-intro a,
.blog-header + .column-intro
a{font-style:italic}.author-header + .column-intro a:after,
.blog-header + .column-intro a:after,
.item-summary.link-post > h1 a:after,
.board-link a:after{content:"›";padding-left:6px}.column-name{display:block;font-family:"Franklin ITC Pro Bold",sans-serif;font-size:14px;line-height:30px;text-transform:uppercase;font-weight:normal;font-style:normal}.column-name.latest:before{content:"Latest:";padding-right:6px;color:#bb3825}.column-name
i{font-family:"Georgia Pro",georgia,serif;text-transform:none}.author-header h1,
.blog-header
h1{margin-bottom:0;font-size:48px;line-height:54px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal;margin-bottom:6px}.author-header
h1{margin-bottom:6px}.author-header h1 a,
.blog-header h1
a{color:#222}.author-header p.meta,
.blog-header
p.meta{font-size:14px;font-style:italic}ul.fancy-links
li{display:inline-block;margin-bottom:2px;font-size:12px;font-family:"Franklin ITC Pro Light",sans-serif}ul.fancy-links li
a{display:block;padding:0
6px 0 26px;color:#222;border:1px
solid #ccc;background:url(http://alistapart.com/d/_repo/site_assets/img/bookmark.png) 7px center no-repeat;border-radius:5px}ul.fancy-links li
a.twitter{padding-left:32px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_twitter.png) 5px center no-repeat}ul.fancy-links li
a.github{padding-left:32px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_github.png) 5px center no-repeat}ul.fancy-links li
a.dribbble{padding-left:32px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_dribbble.png) 5px center no-repeat}ul.fancy-links li
a.facebook{padding-left:32px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_facebook2.png) 5px center no-repeat}.article-layout .main-content{width:960px;max-width:100%;margin:0
auto}.single-column-display .col-holder,
.two-column-display .col-holder,
.multi-column-display .col-holder{width:960px;max-width:100%;margin:0
auto;padding-left:12px;padding-right:12px}.home-page .two-column-display .col-holder,
.issue-page .two-column-display .col-holder{padding-left:0}.single-column-display .main-content{padding-top:12px;padding-right:6px}.two-column-display .main-content{display:inline-block;vertical-align:top;width:588px;padding:12px
24px 54px 0;border-right:1px solid #d8d8d8}.home-page .two-column-display .main-content,
.issue-page .two-column-display .main-content{width:600px;max-width:100%}.multi-column-display .main-content{display:inline-block;vertical-align:top;width:960px;max-width:100%;min-height:512px;padding:12px
0 54px 0}.col-holder .secondary-column{display:inline-block;vertical-align:top;width:347px;margin-left:-1px;padding:0
0 54px 24px;border-left:1px solid #d8d8d8}.home-page .col-holder .secondary-column,
.issue-page .col-holder .secondary-column{padding-top:24px}.secondary-column
h2{margin:27px
0 12px;font-size:18px;line-height:30px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.secondary-column h2[data-display-letter]:after{content:" (" attr(data-display-letter) ")"}.home-page .secondary-column h2,
.issue-page .secondary-column
h2{margin-top:0}.alphabits{position:relative;height:24px;margin-bottom:18px;overflow:hidden}.alphabits
ol{position:absolute;top:0;left:30px;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;transition:all 200ms ease-in;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.alphabits ol
li{display:inline-block}.alphabits
a{display:inline-block;vertical-align:top;width:24px;height:24px;margin-right:5px;font-size:18px;line-height:24px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal;text-align:center;background:#eee;border-radius:5px;color:#222;text-transform:uppercase;-webkit-transition:background 200ms ease-in;-moz-transition:background 200ms ease-in;-o-transition:background 200ms ease-in;-ms-transition:background 200ms ease-in;transition:background 200ms ease-in}.alphabits a:hover{text-decoration:none;background:#ddd;cursor:pointer}.alphabits
a.arrow{position:absolute;top:-1px;left:-1px;font-size:14px;line-height:28px;border:1px
solid #fff;box-sizing:content-box}.alphabits
a.arrow.right{left:auto;right:2px}.alphabits
a.active{color:#fff;background:#bb3925;cursor:default}ul.secondary-nav{margin:81px
0 48px;border-top:1px dotted #bfbfbf}ul.secondary-nav.compressed{margin:0
0 48px;border-top:1px dotted #bfbfbf}.alpha-container{height:812px;overflow:auto}.alpha-container
li{position:relative;z-index:10;background:#fff}.alpha-container[data-show] li{display:none}.alpha-container[data-show=a] li[data-letter=a],
.alpha-container[data-show=b] li[data-letter=b],
.alpha-container[data-show=c] li[data-letter=c],
.alpha-container[data-show=d] li[data-letter=d],
.alpha-container[data-show=e] li[data-letter=e],
.alpha-container[data-show=f] li[data-letter=f],
.alpha-container[data-show=g] li[data-letter=g],
.alpha-container[data-show=h] li[data-letter=h],
.alpha-container[data-show=i] li[data-letter=i],
.alpha-container[data-show=j] li[data-letter=j],
.alpha-container[data-show=k] li[data-letter=k],
.alpha-container[data-show=l] li[data-letter=l],
.alpha-container[data-show=m] li[data-letter=m],
.alpha-container[data-show=n] li[data-letter=n],
.alpha-container[data-show=o] li[data-letter=o],
.alpha-container[data-show=p] li[data-letter=p],
.alpha-container[data-show=q] li[data-letter=q],
.alpha-container[data-show=r] li[data-letter=r],
.alpha-container[data-show=s] li[data-letter=s],
.alpha-container[data-show=t] li[data-letter=t],
.alpha-container[data-show=u] li[data-letter=u],
.alpha-container[data-show=v] li[data-letter=v],
.alpha-container[data-show=w] li[data-letter=w],
.alpha-container[data-show=x] li[data-letter=x],
.alpha-container[data-show=y] li[data-letter=y],
.alpha-container[data-show=z] li[data-letter=z]{display:block}ul.secondary-nav li
a{display:block;padding:9px
12px 9px 0;border-bottom:1px dotted #bfbfbf;font-size:18px;line-height:24px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}ul.secondary-nav.compressed li
a{padding:7px
7px 7px 0;font-size:14px;line-height:14px}ul.secondary-nav li a:after{content:"›";display:inline-block;margin-left:6px}ul.secondary-nav li
a.active{color:#222}.issue-header{width:960px;margin:0
auto 24px;text-align:center}.compact-issue .issue-header{width:auto;margin-bottom:18px}.alt-layout .issue-header{width:auto}.issue-header.no-illo{margin-top:176px}.issue-header
time{text-transform:uppercase;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.compact-issue .issue-header
time{font-size:16px;line-height:16px}.issue-header time.new:before{content:"New!";display:inline-block;margin-right:6px;padding:2px
4px;color:#fff;background:#bb3825;border-radius:4px;line-height:16px;font-weight:normal}html[data-useragent*='MSIE'] .issue-header time.new:before{padding-top:4px;padding-bottom:1px}.issue-header
p{font-family:"Georgia Pro Cond",georgia,serif;font-size:18px;line-height:30px;font-style:italic}.compact-issue .issue-header
p{font-size:16px;line-height:22px}.content-minutiae{float:left;width:108px;margin:0
24px 24px 0;font-size:12px;line-height:24px;clear:left}.issue-header .content-minutiae{float:right;margin:0
-12px 0 0}.content-minutiae h1,
.content-minutiae time,
.content-minutiae
li{display:block;border-bottom:1px dotted #bfbfbf}.content-minutiae
time{color:#bb3825;text-transform:uppercase;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.main-content > p,
.main-content > pre,
.main-content > ol,
.main-content > ul,
.main-content > figure,
.main-content .entry-footnotes{margin-bottom:24px}.main-content > p > code,
.main-content > ul > li > code,
.main-content > ol > li > code,
.main-content figcaption>code{font-size:16px}.main-content>iframe{margin-bottom:24px !important}.main-content>ul>li,.main-content>ol>li{margin-bottom:12px}.main-content>ul.entry-list>li{margin-bottom:24px}.main-content figure.cat-image{float:left;width:216px;margin:0
24px 24px 0}.main-content figure.cat-image
img{max-height:102px}.main-content p.cat-description{min-height:102px}.article-layout .main-content > p,
.article-layout .main-content > pre,
.article-layout .main-content > ol,
.article-layout .main-content > ul,
.article-layout .main-content > figure,
.article-layout .main-content > div.illustration,
.article-layout .main-content .entry-footnotes{margin-right:132px;margin-left:132px;-moz-font-feature-settings:"liga=1, dlig=1, onum=1";-moz-font-feature-settings:"liga", "dlig", "onum";-ms-font-feature-settings:"liga", "dlig", "onum";-webkit-font-feature-settings:"liga", "dlig", "onum";-o-font-feature-settings:"liga", "dlig", "onum";font-feature-settings:"liga", "dlig", "onum"}.article-layout .main-content > figure.full-width{margin-left:0;margin-right:0;}.article-layout .main-content > figure iframe,
.article-layout .main-content > figure video,
.article-layout .main-content > figure object,
.article-layout .main-content > figure video
object{display:block;max-width:100%;margin:0
auto}.article-layout .main-content > * b,
.article-layout .main-content > *
strong{font-family:"Georgia Pro Semibold";font-weight:normal}.article-layout .main-content:not(.wide-video)>iframe{margin-right:132px !important;margin-left:132px !important}html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > p,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > pre,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > ol,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > ul,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > figure,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > div.illustration,
html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content .entry-footnotes{-webkit-font-feature-settings:normal;font-feature-settings:normal}.article-layout .main-content > p
small{display:block;font-size:14px;line-height:24px}p.question{font-family:"Franklin ITC Pro Bold"}.article-layout .main-content .sidebar,
.article-layout .main-content
.supplement{float:right;width:347px;margin:12px
0 24px 24px;padding:12px;font-size:14px;line-height:24px;background:#f0f0f0;border-radius:12px;text-align:center;font-style:italic}.article-layout .main-content
.supplement{width:244px}.article-layout .main-content .sidebar
h1{font-family:"Georgia Pro",georgia,serif;font-size:14px}.article-layout .main-content .sidebar
h2{font-family:"Franklin ITC Pro Bold";font-weight:normal;font-style:normal;font-size:18px}.article-layout .main-content .sidebar h2
a{color:#222}.article-layout .main-content .sidebar p
a{font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal;text-transform:uppercase}.article-layout .main-content .sidebar p+h2{margin-top:12px}.article-layout .main-content figure
.sidebar{margin-right:0}.article-layout .main-content > p:first-child:not(.buttonish-holder):not(.editors-note),
.article-layout .main-content>figure.quote:first-child{margin-right:0;margin-left:0;margin-bottom:30px;font-size:24px;font-style:normal;line-height:36px;-moz-font-feature-settings:"liga=1, dlig=1, onum=1";-moz-font-feature-settings:"liga", "dlig", "onum";-ms-font-feature-settings:"liga", "dlig", "onum";-webkit-font-feature-settings:"liga", "dlig", "onum";-o-font-feature-settings:"liga", "dlig", "onum";font-feature-settings:"liga", "dlig", "onum"}html[data-useragent*='Chrome'][data-platform*='Mac'] .article-layout .main-content > p:first-child,
.article-layout .main-content>figure.quote:first-child{-webkit-font-feature-settings:normal;font-feature-settings:normal}.article-layout .main-content>figure.quote:first-child{text-align:center;border-left:0;padding:0
36px}.article-layout .main-content > figure.quote:first-child
blockquote{font-style:normal;font-family:"Franklin ITC Pro Bold";font-weight:normal}.article-layout .main-content > figure.quote:first-child blockquote:before{content:"“"}.article-layout .main-content > figure.quote:first-child blockquote:after{content:"”"}.article-layout .main-content > figure.quote:first-child
figcaption{text-align:center;font-size:18px;color:#222;margin:0}.article-layout .main-content>figure.video{position:relative;height:0;margin-bottom:66px;padding-top:30px;padding-bottom:56.25%}.article-layout .main-content > figure.video iframe,
.article-layout .main-content > figure.video object,
.article-layout .main-content > figure.video
embed{position:absolute;top:0;left:0;width:100%;height:100%}.article-layout .main-content > figure.video
figcaption{position:absolute;bottom:-50px;width:100%}.main-content>figure.text{text-align:center;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.article-layout .main-content>p.editors-note{margin-left:62px;margin-right:62px;padding:6px
12px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;font-size:16px;line-height:24px;background:#eee;color:#666;text-align:center;border-radius:6px}.article-layout .main-content > p.editors-note
b{font-family:"Franklin ITC Pro Bold",sans-serif}.article-layout .main-content>p.editors-note.column-note{margin-left:0;margin-right:0;text-align:left}.article-layout .main-content > p span.first-words{text-transform:uppercase}.main-content>ul:not(.entry-list){margin-left:24px;list-style-type:disc}.main-content > ol,
.article-layout .main-content>ul{margin-right:132px;margin-left:132px;padding-left:24px;overflow:auto}.main-content>ol{margin-left:0;list-style-type:decimal}.main-content > ol
li{margin-left:18px}.main-content > ul:not(.entry-list) ul{margin-left:48px;list-style-type:circle}.main-content > ul:not(.entry-list) ul
ul{list-style-type:square}.main-content>ul.masthead-list{margin-top:32px;margin-left:0}.main-content > ul.masthead-list
li{display:inline-block;vertical-align:top;width:50%;margin-bottom:12px;padding-right:24px;font-size:14px;line-height:18px}.main-content > ul.masthead-list li.el-jefe{width:100%;margin-bottom:24px;font-size:18px;line-height:24px}.main-content > ul.masthead-list li b,
.main-content > ul.masthead-list li>a{font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.main-content > ul.masthead-list li
.title{display:block;font-style:italic}.main-content>h2,.main-content>h3,.main-content>h4{font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.article-layout .main-content > h2,
.article-layout .main-content > h3,
.article-layout .main-content > h4,
.article-layout .main-content > h5,
.article-layout .main-content>h6{margin-left:132px;margin-right:132px}.main-content>h2{font-size:24px;line-height:30px;color:#ba3925;margin-top:36px;margin-bottom:12px}.main-content>h2.alternate{font-family:"Georgia Pro"}.main-content>h2.alt{font-size:18px;line-height:24px;color:#222}.main-content>h2.alt-small{font-size:18px;line-height:24px;color:#222}.main-content>h3{text-transform:uppercase;margin-bottom:3px}.main-content>figure,.main-content>.illustration{margin-top:36px;margin-bottom:36px}.main-content > figure
table{min-width:75%;border-top:1px dotted #bfbfbf}.main-content > figure table
tbody{border-bottom:1px dotted #bfbfbf}.main-content > figure table tr:nth-child(odd) td{background:#eee}.main-content > figure table th,
.main-content > figure table
td{padding:12px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;text-align:left;padding:4px
6px}.main-content > figure table
td{font-size:16px;padding:2px
6px}.main-content > figure table+figcaption{display:block;width:100%;font-family:"Franklin ITC Pro Light",sans-serif;text-transform:uppercase;font-size:12px;font-style:normal;text-align:left;padding:0
6px;margin:0}.main-content > figure img,
.main-content > div.illustration
img{display:block;margin:0
auto}.main-content > figure.single-image
img{max-width:75%}.main-content > figure.single-image-90
img{max-width:90%}.main-content > figure
img.border{padding:2px;border:2px
solid #eee}.main-content>figure.multi{text-align:center}.main-content > figure.multi
img{display:inline-block;vertical-align:middle;max-width:48%;margin:0
6px}.main-content > figure.multi.triple
img{max-width:31%}.main-content > figure figcaption,
.main-content > div.illustration
p{display:block;margin:12px
0;text-align:center;font-size:14px;line-height:24px;font-style:italic;font-family:"Georgia Pro Cond"}.main-content>figure.quote,.main-content>article.link-post>figure.quote{margin-top:32px;padding:0
12px;border-left:1px dotted #bfbfbf}.main-content>figure.quote>blockquote,.main-content>article.link-post>figure.quote>blockquote{font-style:italic}.main-content>figure.quote>blockquote>p,.main-content>article.link-post>figure.quote>blockquote>p{margin-bottom:18px}.main-content>figure.quote>blockquote+figcaption,.main-content>article.link-post>figure.quote>blockquote+figcaption{display:block;font-size:14px;text-align:left;font-style:italic}.main-content>figure.quote>blockquote+figcaption:before,.main-content>article.link-post>figure.quote>blockquote+figcaption:before{content:"—"}.main-content>figure.tweet{border-left:0}.main-content > figure.tweet
iframe{margin-left:auto !important;margin-right:auto !important}.main-content > figure.tweet
blockquote{padding:0
12px;border-left:1px dotted #bfbfbf}.main-content
pre{margin-left:132px}.col-holder .main-content
pre{margin-left:0}.hentry .main-content *[id*="section"]:hover,
.hentry .main-content *[id*="section"]:target,
.hentry .main-content *[id*="figure"]:hover,
.hentry .main-content *[id*="figure"]:target,
.hentry .main-content *[id*="snippet"]:hover,
.hentry .main-content *[id*="snippet"]:target{position:relative;cursor:default}.hentry .main-content *[id*="section"]:hover:after,
.hentry .main-content *[id*="section"]:target:after,
.hentry .main-content *[id*="figure"]:hover:after,
.hentry .main-content *[id*="figure"]:target:after,
.hentry .main-content *[id*="snippet"]:hover:after,
.hentry .main-content *[id*="snippet"]:target:after{content:"#" attr(id);display:inline-block;vertical-align:middle;padding-left:12px;color:#ccc;font-size:12px;line-height:12px;text-transform:none}.hentry .main-content *[id*="figure"]:hover:after,
.hentry .main-content *[id*="figure"]:target:after,
.hentry .main-content *[id*="snippet"]:hover:after,
.hentry .main-content *[id*="snippet"]:target:after{content:"#" attr(id);position:absolute;right:100%;top:6px;margin-right:12px;font-family:"Franklin ITC Pro Bold",sans-serif}.entry-footnotes{padding-top:12px;border-top:1px solid #ddd;font-size:14px;line-height:24px}.entry-footnotes
h1{font-family:"Franklin ITC Pro Bold",sans-serif;font-size:14px;line-height:24px;font-weight:normal;font-style:normal;text-transform:uppercase}.the-footnotes
li{position:relative}.the-footnotes
a.count{display:inline-block;position:absolute;right:100%;width:24px}.laurel-line{position:relative}.laurel-line:before{content:url(http://alistapart.com/d/_repo/site_assets/img/laurel.png);position:absolute;left:50%;top:-11px;width:30px;height:25px;margin-left:-18px;padding:0
3px;background:#fff}code{padding:0
3px;font-family:"Menlo",monospace;background:#eee}pre{padding:12px;border-top:1px dotted #bfbfbf;border-bottom:1px dotted #bfbfbf;-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;-o-transition:all 100ms ease-in;-ms-transition:all 100ms ease-in;transition:all 100ms ease-in}pre
code{padding:0;tab-size:3;background:transparent;color:#444;font-size:15px;line-height:24px;-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;-o-transition:all 100ms ease-in;-ms-transition:all 100ms ease-in;transition:all 100ms ease-in}.article-layout .main-content > pre b,
.article-layout .main-content > pre
strong{font-family:"Menlo",monospace;font-weight:bold}.entry-footer{min-height:280px;padding:35px
0 60px}.entry-footer
.byline{width:696px;max-width:100%;margin:0
auto}.entry-footer .byline
img{display:block;float:left;margin:4px
12px 12px 0;border-radius:6px}.entry-footer h1,
.entry-footer
h3{margin-left:132px;font-family:"Franklin ITC Pro Bold",sans-serif;font-size:14px;line-height:24px;font-weight:normal;font-style:normal;text-transform:uppercase}.entry-footer
h1{margin-right:132px;margin-left:132px;margin-bottom:30px;text-align:center;text-transform:none;font-size:18px;line-height:30px}.entry-footer
h2{font-family:"Franklin ITC Pro Bold",sans-serif;font-size:18px;line-height:24px;font-weight:normal}.entry-footer h2
a{color:#222}.entry-footer
h3{margin-left:0}.entry-footer .byline+.byline{margin-top:24px}.entry-footer .byline .author-bio,
.entry-footer .byline .author-more{margin-bottom:12px;font-size:14px;line-height:24px}.entry-footer .photo + h2,
.entry-footer .photo + h2 + .author-bio,
.entry-footer .photo + h2 + .author-bio + h3,
.entry-footer .photo+h2+.author-bio+h3+.author-more{margin-left:132px}.entry-footer .byline .author-bio p+p{margin-top:12px}.author-more
li{display:inline}.author-more li:not(:last-child):after{content:","}.post-article{border-top:1px solid #e5e5e5}.column-holder{display:table;width:960px;max-width:100%;margin:0
auto}.column{display:table-cell;width:50%;padding-right:24px}.variable-column,.fixed-column{display:inline-block;vertical-align:top}.fixed-column{max-width:216px}.variable-column h2,
.more-content
h2{margin-bottom:12px;font-family:"Franklin ITC Pro Bold",sans-serif;font-size:18px;line-height:24px;font-weight:normal;font-style:normal}.more-content
h2{margin-bottom:6px}.fixed-column .the-deck{display:block;height:auto;padding:12px;background:#f0f0f0;border-radius:4px}.fixed-column .the-deck .deck-inner,
.fixed-column .the-deck .deck-inner a img,
.fixed-column .the-deck .deck-inner
p.ads{display:block;padding-left:0}.fixed-column .the-deck .deck-inner
a{display:block;width:120px;height:90px;margin:0
auto 12px}.fixed-column .the-deck .deck-inner
p{text-align:center}.fixed-column .the-deck .deck-inner p
a{display:inline}.fixed-column .the-deck .deck-inner a
img{position:static}.unequal-columns
.column{width:600px}.column:not(:first-child){width:50%;padding-left:24px;border-left:1px solid #e5e5e5}.unequal-columns .column:not(:first-child){width:360px}.comment-holder,.more-content{padding-top:48px;padding-bottom:48px;font-size:14px;line-height:24px}.comment-holder{text-align:center}.comment-nav{margin-top:-24px;margin-bottom:36px;font-size:12px;text-align:center}.post-article.single-column{border-top:0;width:600px;margin-left:auto;margin-right:auto}.post-article.single-column .column-holder{width:100%}.post-article.single-column .column-holder
.column{padding-top:0}.classy{margin-bottom:36px;font-family:"Franklin ITC Pro Light",sans-serif;font-size:36px;line-height:36px;font-weight:normal;font-style:normal;text-align:center}ol.article-comments{position:relative;margin-top:72px;list-style-type:none;text-align:left}ol.article-comments>li{position:relative;min-height:96px;margin:12px
0 48px;padding:17px
11px;border:1px
solid #ddd;border-radius:6px}ol.article-comments > li .comment-tools{position:absolute;bottom:3px;right:6px;font-family:"Franklin ITC Pro Light",sans-serif;font-size:11px;text-transform:uppercase}.edit-comment,.embed-comment{position:relative;z-index:1000;top:17px;display:none;margin-left:72px;font-family:"Franklin ITC Pro Light",sans-serif}.edit-comment .button-holder,
.embed-comment .button-holder{padding:12px
0;background:#fff;text-align:right}.edit-comment .button-holder .cancel-edit,
.embed-comment .button-holder .cancel-embed{background:transparent;color:#999}.article-comments .edit-comment textarea,
.article-comments .embed-comment
textarea{margin-bottom:0;font-size:14px}.article-comments .embed-comment
textarea{height:58px;min-height:0;font-size:13px;white-space:nowrap;overflow:hidden}.article-comments .edit-comment input[type="submit"],
.article-comments .embed-comment input[type="submit"]{padding:3px
6px;font-size:12px}ol.article-comments > li .comment-tools
a{padding:2px
6px;background:#eee;color:#fff;border-radius:20px;text-decoration:none;-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;-o-transition:background .2s ease-in;-ms-transition:background .2s ease-in;transition:background .2s ease-in}ol.article-comments > li:hover .comment-tools
a{background:#ccc}ol.article-comments > li .comment-tools a:hover{background:#aaa}ol.article-comments>li:not([data-count]):not(.commenter-signin):not(.comment-form){margin-left:30px;margin-right:30px}ol.article-comments li.author-comment{background:#fcfcfc}ol.article-comments li.system-message{min-height:0;text-align:center}ol.article-comments li[data-count]:before,
ol.article-comments li.commenter-signin.no-comments:before,
ol.article-comments li.comment-form.no-comments:before,
ol.article-comments li.system-message:before{content:attr(data-count);position:absolute;top:-27px;z-index:100;left:30px;min-width:20px;width:48px;height:26px;margin-left:-13px;font-family:"Franklin ITC Pro",sans-serif;font-size:14px;line-height:28px;color:#fff;background:#bb3825;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #890c05}ol.article-comments li.commenter-signin.no-comments:before,
ol.article-comments li.comment-form.no-comments:before,
ol.article-comments li.system-message:before{display:none}.comment-byline{margin-left:72px;margin-bottom:9px;font-size:12px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;color:#666}.comment-byline time
a{color:#666}.commenter-name{font-family:"Franklin ITC Pro Bold";font-size:18px}.comment-body{margin-left:72px;word-break:break-word;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;-o-transition:opacity 200ms ease-in;-ms-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in}.comment-body > p,
.comment-body
blockquote{margin-bottom:9px}.comment-body>ul>li{margin-left:24px;list-style-type:disc}.comment-body
blockquote{margin-left:6px;padding-left:12px;font-style:italic;border-left:1px dotted #bdbdbd}ol.article-comments li .comment-body:after{content:"";position:absolute;top:100%;left:41px;width:1px;height:50px;border-left:1px solid #eaeaea	}ol.article-comments li.commenter-signin,
ol.article-comments li.comment-form{padding-top:32px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;text-align:center}ol.article-comments li.commenter-signin:after,
ol.article-comments li.comment-form:after{content:"";position:absolute;top:-13px;left:50%;width:24px;height:24px;margin-left:-12px;background:#fff;border:1px
solid #ebebeb;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}ol.article-comments li + li.commenter-signin:after,
ol.article-comments li+li.comment-form:after{left:30px;margin-left:0}li.commenter-signin h3,
li.comment-form
h3{margin-bottom:12px;font-size:24px;line-height:24px}li.commenter-signin h4,
li.comment-form
h4{margin-bottom:12px}li.commenter-signin p,
li.comment-form
p{margin-bottom:12px}div#login-buttons{}ul.login-buttons{margin-bottom:18px}ul.login-buttons
li{display:inline-block;margin-right:9px}ul.login-buttons li:last-child{margin-right:0}ul.login-buttons li
a{display:block;padding:12px;border:1px
solid #ccc;border-radius:6px;color:#000;font-family:"Franklin ITC Pro Bold";font-weight:normal;-webkit-transition:background-color 200ms ease-in;-moz-transition:background-color 200ms ease-in;-o-transition:background-color 200ms ease-in;-ms-transition:background-color 200ms ease-in;transition:background-color 200ms ease-in}ul.login-buttons li.twitter
a{padding-left:43px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_twitter_v.svg) 9px center no-repeat}.no-svg ul.login-buttons li.twitter
a{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_twitter2.png)}ul.login-buttons li.facebook
a{padding-left:40px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_facebook_v.svg) 9px center no-repeat}.no-svg ul.login-buttons li.facebook
a{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_facebook_v.png)}ul.login-buttons li.ala
a{padding-left:40px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_login-laurel.svg) 9px center no-repeat}.no-svg ul.login-buttons li.ala
a{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_login-laurel.png)}ul.login-buttons li a:hover{background-color:#efefef;text-decoration:none}.article-comments #login-buttons,
.article-comments form#sign-in-form,
.article-comments form#register-form,
.article-comments
form#forgot_password_form{max-height:0;overflow:hidden;-webkit-transition:max-height 400ms ease-in;-moz-transition:max-height 400ms ease-in;-o-transition:max-height 400ms ease-in;-ms-transition:max-height 400ms ease-in;transition:max-height 400ms ease-in}.article-comments #login-buttons.active,
.article-comments form#sign-in-form.active,
.article-comments form#forgot_password_form.active,
.article-comments form#register-form.active{max-height:999px}.article-comments form
label{display:block;font-size:16px}.article-comments
label.checkbox{margin-bottom:18px}.article-comments input[type=text],
.article-comments input[type=email],
.article-comments input[type=password]{display:block;width:75%;margin:6px
auto 18px;padding:12px;border:1px
solid #ccc;border-radius:6px;color:#000;outline:0;box-shadow:inset 0px 0px 10px rgba(0,0,0,.05);text-align:center;letter-spacing: .1em;font-family:"Franklin ITC Pro Light",sans-serif;font-size:24px;font-weight:normal;font-style:normal;-webkit-transition:box-shadow 100ms ease-in;-moz-transition:box-shadow 100ms ease-in;-o-transition:box-shadow 100ms ease-in;-ms-transition:box-shadow 100ms ease-in;transition:box-shadow 100ms ease-in}.article-comments
textarea{display:block;width:100%;min-height:150px;margin-bottom:18px;padding:12px;border:1px
solid #ccc;border-radius:6px;color:#000;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;font-size:18px;outline:0;box-shadow:inset 0px 0px 10px rgba(0,0,0,.05);-webkit-transition:all 200ms ease-in-out, height 100ms ease-in-out;-moz-transition:all 200ms ease-in-out, height 100ms ease-in-out;-ms-transition:all 200ms ease-in-out, height 100ms ease-in-out;-o-transition:all 200ms ease-in-out, height 100ms ease-in-out;transition:all 200ms ease-in-out, height 100ms ease-in-out}.js textarea[data-autoresize]{resize:none}textarea:not([data-autoresize]){-webkit-transition:all 200ms ease-in-out, height 0;-moz-transition:all 200ms ease-in-out, height 0;-ms-transition:all 200ms ease-in-out, height 0;-o-transition:all 200ms ease-in-out, height 0;transition:all 200ms ease-in-out, height 0}.article-comments textarea:focus,
.article-comments input:focus,
.article-comments textarea:valid,
.article-comments input:valid{box-shadow:inset 0px 0px 10px rgba(0,0,0,.15)}.article-comments textarea.logged-in{position:relative;z-index:10;margin-bottom:0}.article-comments .commenter-info{position:relative;z-index:9;top:-6px;min-height:60px;padding:18px
102px 12px 12px;text-align:left;line-height:16px;font-size:13px;background:#ededed;position:relative;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.article-comments .commenter-info
a{font-size:12px;white-space:nowrap}.article-comments .commenter-info .user-url{display:block;font-size:12px}.article-comments input[type="submit"]{padding:6px
18px;background:#bb3825;border:0;border-radius:6px;color:#fff;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal}.article-comments .commenter-info input[type="submit"]{position:absolute;right:12px;top:50%;margin-top:-12px}p.never-mind{margin-top:12px}img.commenter-avatar{position:relative;top:4px;display:block;float:left;margin-right:12px;border-radius:6px;width:60px;height:60px}.article-comments .commenter-info img.commenter-avatar{top:-4px;float:left;width:40px;height:40px;margin-right:12px}.global-footer{position:relative;padding-bottom:60px;width:100%;background:#ededed url(http://alistapart.com/d/_repo/site_assets/img/noise.png);font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;font-size:14px;line-height:18px}.global-footer .inline-items{width:960px;max-width:100%;margin:0
auto 22px;line-height:50px}.global-footer
.copyright{line-height:24px}.global-footer
li{margin-right:30px}.global-footer li
small{font-size:14px;display:block}.global-footer li.head-east-young-man{margin-right:0;display:inline-block}.global-footer li.head-east-young-man
a{margin:0
3px}.global-footer .inline-items
a{font-family:"Franklin ITC Pro Bold";font-weight:normal;color:#222}.promo-holder{margin-bottom:58px;padding:12px
0;background:rgba(255,255,255,.3)}.partner-promos{width:960px;max-width:100%;margin:0
auto}.partner-promos
li{display:inline-block;vertical-align:middle;width:50%;min-height:90px;margin-right:0;padding-right:102px;font-size:12px}.partner-promos
a{display:block;height:100%;min-height:90px;color:#222;text-decoration:none}.partner-promos a:hover{background:rgba(255,255,255,.5);outline:10px
solid rgba(255,255,255,.5)}.partner-promos
h1{font-family:"Franklin ITC Pro Bold";font-weight:normal;text-transform:uppercase}.partner-promos
.arrow{font-family:"Franklin ITC Pro Bold";font-weight:normal;color:#2455c3;display:inline-block}.partner-promos .arrow:hover{text-decoration:underline}.partner-promos .arrow:after{content:" ›"}.partner-promos
img{float:left;margin-right:12px;margin-bottom:12px;position:relative;top:4px}.affiliates{margin-top:-12px}.global-footer .affiliates>a{display:inline-block;width:60px;height:60px;text-indent:100%;overflow:hidden;color:transparent;white-space:nowrap}.affiliates > a
img{display:none}.affiliates
.aea{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_an-event-apart_mark.svg)}.no-svg .affiliates
.aea{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_an-event-apart_mark.png)}.affiliates
.aba{height:63px;background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_a-book-apart_3.svg);background-size:contain;background-repeat:no-repeat}.no-svg .affiliates
.aba{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_a-book-apart_3.png)}.affiliates
.hc{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_happy-cog.svg)}.no-svg .affiliates
.hc{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_happy-cog.png)}.affiliates
.hch{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_happy-cog-hosting.svg)}.no-svg .affiliates
.hch{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_happy-cog-hosting.png)}.affiliates
.eh{width:125px;height:20px;background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_engine-hosting.svg)}.no-svg .affiliates
.eh{background-image:url(http://alistapart.com/d/_repo/site_assets/img/logo_engine-hosting.png)}.entry-list>li{margin-bottom:32px}.entry-list li .entry-title{font-size:18px;line-height:24px;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal;font-style:normal}.entry-list li
p{font-size:14px;line-height:24px}.entry-list li
p.meta{font-style:italic}ul.bullets{list-style-type:disc}.the-deck{position:relative;vertical-align:middle;margin:24px
0;line-height:22px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal;font-size:12px;padding:12px;background:#f0f0f0;border-radius:4px;min-height:114px}.the-deck .deck-inner{display:table-cell;vertical-align:middle;padding-left:132px}.the-deck
a{color:#666}.the-deck
img{position:absolute;top:12px;left:12px}.the-deck
p.ads{font-size:14px}.the-deck p.ads
a{color:#2455c3}.job-board{margin:36px
0;font-size:14px;line-height:24px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal}.job-board
h4{text-transform:uppercase;font-family:"Franklin ITC Pro Bold";font-weight:normal;color:#bb3825}.job-board
.job{font-family:"Franklin ITC Pro Bold";font-weight:normal}.paginator{margin-top:30px;text-align:center;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:normal}.paginator ul,
.paginator
li{display:inline-block;margin:0
5px}.paginator
a{display:inline-block;padding:2px
12px 0 12px;font-size:12px;line-height:24px;text-transform:uppercase;color:#fff;background:#c3c2be;border-radius:15px;-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;-o-transition:background .2s ease-in;-ms-transition:background .2s ease-in;transition:background .2s ease-in}.paginator a.previous::before{content:"\21E0\00A0\00A0"}.paginator a.next::after{content:"\00A0\00A0\21E2"}.paginator a:hover{text-decoration:none;background:#aaa}html.modal{height:100%;width:100%}body.modal{display:table;height:100%;width:100%}.modal-box{display:table-cell;text-align:center;vertical-align:middle}.modal-message{display:inline-block;padding:12px
24px;background:#fff;border:1px
solid #ccc;border-radius:7px;box-shadow:0px 0px 10px rgba(0,0,0,.2);font-family:"Franklin ITC Pro Light",sans-serif;color:#666;font-size:12px;line-height:18px}.modal-message
p{margin:12px
0;color:#000;font-size:24px;line-height:30px}.modal-message
ul{margin:24px
0;color:#000;font-size:24px;line-height:30px}.modal-message ul li:after{content:"."}.modal-message
a{font-size:12px;line-height:18px}.modal-message a:before{content:"‹ ";font-size:16px}.main-content
.gist{font-size:15px;line-height:24px}.main-content .gist .gist-file{border:0}.main-content .gist .gist-file .gist-meta{font-size:11px;line-height:15px;background:transparent}.main-content .gist .gist-file .gist-data{background:#fff;border-top:1px dotted #bfbfbf;border-bottom:1px dotted #bfbfbf}.main-content .gist .gist-file .gist-data .line-numbers{background:#eee}.main-content .gist
pre{white-space:pre}@media only screen and (min-width: 1944px) and (min-height: 960px){.killer-logo>a{width:1920px;height:240px;margin-top:-64px}.global-nav
ul{width:1920px}.main-wrapper{padding-top:168px}.home-page .wide-hero, .issue-page .wide-hero{padding-top:168px}.single-column-display,.two-column-display,.multi-column-display{margin-top:240px;padding-top:0}.deadly-subtitle{background-size:cover}.global-footer .inline-items{width:1920px}}@media
print{body.printable .global-nav,
body.printable .share-tools,
body.printable .post-article,
body.printable .user-tools,
body.printable .global-footer .inline-items:not(.copyright),
body.printable .global-footer .inline-items.copyright small + small,
body.printable .global-footer .affiliates,
body.printable .global-footer .promo-holder,
body.printable .deadly-subtitle,
body.printable .content-minutiae{display:none ! important}body.printable .killer-logo{max-width:100%;padding-right:36px;padding-left:36px}body.printable .killer-logo>a{max-width:100%;margin-top:0;-webkit-print-color-adjust:exact}body.printable .issue-number{left:0 ! important;-webkit-print-color-adjust:exact}body.printable .entry-header,
body.printable .blog-header,
body.printable .author-header{width:auto ! important;margin-right:36px ! important;margin-left:36px ! important}body.printable .entry-title{font-size:36px ! important;line-height:48px ! important}body.printable .article-layout .main-content > h2,
body.printable .article-layout .main-content > h3,
body.printable .article-layout .main-content > h4,
body.printable .article-layout .main-content > h5,
body.printable .article-layout .main-content > h6,
body.printable .article-layout .entry-footer{margin-right:36px;margin-left:36px;font-size:16px ! important}body.printable .article-layout .entry-footer{min-height:none;padding-bottom:0}body.printable .article-layout .main-content>h2{font-size:20px}body.printable .article-layout .main-content > p,
body.printable .article-layout .main-content > pre,
body.printable .article-layout .main-content > ol,
body.printable .article-layout .main-content > ul,
body.printable .article-layout .main-content > figure,
body.printable .article-layout .main-content > div.illustration,
body.printable .article-layout .main-content .entry-footnotes{margin-right:36px ! important;margin-left:36px ! important;margin-bottom:12px ! important;font-size:16px !important;line-height:24px ! important}body.printable .entry-details{font-size:16px !important;line-height:24px ! important}body.printable .article-layout .main-content>p{widows:3;orphans:3}body.printable .article-layout .main-content blockquote,
body.printable .article-layout .main-content figcaption,
body.printable .article-layout .main-content ul li,
body.printable .article-layout .main-content
code{font-size:16px !important;line-height:24px ! important}body.printable .article-layout .main-content
pre{border-top-style:solid ! important;border-bottom-style:solid ! important}body.printable .article-layout .main-content
a{color:#222 ! important}body.printable .article-layout .main-content p a[href]:after,
body.printable .article-layout .main-content li a[href]:after,
body.printable .article-layout .main-content blockquote a[href]:after{content:" (" attr(href) ")";word-wrap:break-word;font-style:italic}body.printable .content-minutiae h1,
body.printable .content-minutiae
li{border-bottom:0}body.printable .content-minutiae a:after{content:"" ! important}body.printable .main-content > figure img,
body.printable .main-content > div.illustration
img{max-width:4in;max-height:4in}body.printable .the-footnotes{margin-left:24px ! important}body.printable .article-layout .main-content a[href^="#"]:after,
body.printable .article-layout .main-content a[href^="javascript"]:after{content:"" ! important}body.printable .main-wrapper{min-height:none;padding-bottom:0}body.printable .global-footer{position:static;height:auto;margin-top:0;margin-right:36px;margin-left:36px;padding-bottom:0;background:transparent;-webkit-print-color-adjust:exact}body.printable .global-footer .inline-items.copyright{height:30px;margin:0;padding-left:36px;line-height:30px;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_navigation-laurel.svg) left no-repeat;-webkit-print-color-adjust:exact}}
.sponsor-top{display:none;position:absolute;z-index:1000;top:72px;right:24px;width:180px;text-align:center;padding:12px
0 6px;border-radius:6px;background:#fff;background:rgba(255,255,255,0.9);box-shadow:0 0 12px rgba(0,0,0,0.5)}.secondary-column .sponsor-top{position:static;width:auto;margin-top:24px;padding:0;box-shadow:none}.secondary-column .bsap+ul.secondary-nav{margin-top:24px}@media only screen and (min-width: 1280px){.sponsor-top{right:auto;left:50%;margin-left:432px}.secondary-column .sponsor-top{margin-left:0}}.sponsor-top .sponsor-logo{display:block;max-width:90%;max-width:calc(100% - 24px);max-height:50px;margin-bottom:9px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0
auto}.secondary-column .sponsor-top .sponsor-logo,
.secondary-column .sponsor-top
p{margin-left:0;background-position:left center}.sponsor-top .sponsor-intro,
.sponsor-lower .sponsor-intro{font-style:italic;display:block;font-size:10px;color:#666}.sponsor-top .sponsor-name,
.sponsor-lower .sponsor-name{text-transform:uppercase;font-family:"Franklin ITC Pro Bold",sans-serif;font-weight:bold}.sponsor-top .sponsor-url,
.sponsor-lower .sponsor-url{display:block;font-size:10px}.sponsor-top
p{display:inline-block;text-align:left;font-size:12px;line-height:18px;margin:0
12px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal}.job-board,.sponsor-lower{margin:36px
0;font-size:14px;line-height:24px;font-family:"Franklin ITC Pro Light",sans-serif;font-weight:normal;font-style:normal}.job-board h4,
.sponsor-lower
h4{text-transform:uppercase;font-family:"Franklin ITC Pro Bold";font-weight:normal;color:#bb3825}
@media only screen and (max-width: 1150px){.sponsor-top{top:48px;width:156px;text-align:center}.secondary-column .sponsor-top{text-align:left}.sponsor-top .sponsor-logo{width:132px;height:60px}.sponsor-top .sponsor-extended{display:none}.secondary-column .sponsor-extended{display:inline}.sponsor-top
p{line-height:16px}}@media only screen and (max-width: 984px){body{}.global-nav{padding:0
12px}.global-nav .head-east-young-man{position:absolute;right:6px;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.killer-logo>a{margin-left:-10%}.main-wrapper{padding-bottom:0}.main-wrapper.stacker:last-of-type{padding-bottom:0}.issue-header{width:auto;margin:0
36px 12px}.entry-header{width:auto;margin-left:36px;margin-right:36px}.wide-hero{width:auto;margin-left:36px;margin-right:36px}.wide-hero[data-issue-number]:before,.wide-hero[data-issue-number]:after{left:12px}.entry-header > .issue-number:first-child, .issue-page .logo-holder+.issue-number{left:12px;margin-left:0}.entry-header .wide-hero{margin-left:0;margin-right:0}.entry-header p,
.entry-header
h2{padding:0}.article-layout .main-content{width:auto;margin-left:36px;margin-right:36px}.article-layout .main-content > h2,
.article-layout .main-content > h3,
.article-layout .main-content > h4,
.article-layout .main-content > h5,
.article-layout .main-content>h6{margin-left:0;margin-right:0}.article-layout .main-content > p,
.article-layout .main-content > pre,
.article-layout .main-content > ol,
.article-layout .main-content > ul,
.article-layout .main-content > blockquote,
.article-layout .main-content > figure,
.article-layout .main-content > div.illustration,
.article-layout .main-content .entry-footnotes{margin-right:0;margin-left:0}.article-layout .main-content:not(.wide-video)>iframe{margin-right:0 !important;margin-left:0 !important}.article-layout .main-content>iframe{margin-right:0 !important;margin-left:0 !important}.content-minutiae{float:right;width:108px;margin:0
0 24px 24px;font-size:12px;line-height:24px;clear:right}.tall-hero+.content-minutiae{float:left;clear:left;margin:0
24px 24px 0}.article-layout .main-content
.sidebar{width:50%;margin-right:0}.article-layout .main-content .entry-footnotes
li{margin-left:24px}.article-layout .entry-footer{width:auto;margin-left:36px;margin-right:36px}.entry-footer{padding-bottom:36px}.entry-footer
.byline{width:auto}.item-summary{width:33%;margin-right:0}.item-summary:nth-of-type(3n){margin-right:0}.item-summary:nth-of-type(4n){margin-right:0}.item-summary>figure,.item-summary>h1,.item-summary>h2,.item-summary>p,.item-summary>ul,.item-summary>.column-name{margin-right:24px}.item-summary:nth-of-type(3n) figure,
.item-summary:nth-of-type(3n) h1,
.item-summary:nth-of-type(3n) h2,
.item-summary:nth-of-type(3n) p,
.item-summary:nth-of-type(3n) ul,{margin-right:0}.multi-column-display .main-content{padding-right:0}.single-column-display .col-holder,
.two-column-display .col-holder,
.multi-column-display .col-holder{padding-left:36px;padding-right:36px}.two-column-display .main-content,
.two-column-display .secondary-column{display:inline-block;width:66%;padding-left:0;padding-right:0;border-right:0;border-left:0}.two-column-display .main-content{margin-right:24px}.two-column-display .secondary-column{width:30%;margin-right:0}.entry-footer .byline img,
.author-header
img{}.entry-footer h1,
.entry-footer h2,
.entry-footer h3,
.entry-footer .byline .author-bio,
.entry-footer .byline .author-more{padding-left:12px}.author-header{margin-left:36px;margin-right:36px;width:auto}.main-content .author-header{margin-left:0;margin-right:0}.author-header h1,.fancy-links{}.author-header p.meta, .blog-header
p.meta{line-height:24px}.author-header .column-name{margin-bottom:0}.col-holder .secondary-column .author-nav{}.col-holder .secondary-column .author-nav.active{}.col-holder .secondary-column .author-nav:not(.active) h2{}.col-holder .secondary-column .author-nav
h2{}.alphabits
a.arrow.right{right:-6px}.alpha-container{}.column-holder{display:block;overflow:hidden;width:auto;margin-left:36px;margin-right:36px}.fixed-column{max-width:none}.post-article.single-column{width:auto}.post-article.single-column .column-holder{width:auto}.comment-holder,.more-content{padding-top:18px}.comment-holder h1.classy,
.more-content
h1.classy{margin-bottom:36px}ol.article-comments{margin-top:18px}ol.article-comments>li{margin-top:12px;margin-bottom:12px;padding:12px;overflow:hidden}.comment-body{clear:both;margin-left:0;margin-top:18px}.commenter-name+time{display:block}.column,
.unequal-columns .column,
.unequal-columns .column:not(:first-child){display:block;width:auto;padding-bottom:24px;padding-left:0;padding-right:0}.unequal-columns .column:not(:first-child){padding-top:0;border:0}.author-header h1, .blog-header
h1{font-size:36px;line-height:42px}.article-layout .author-header,
.article-layout .blog-header,
.sponsored .article-layout .author-header,
.sponsored .article-layout .blog-header{width:auto;margin-left:36px;margin-right:36px;padding-right:0}aside.the-deck,aside.job-board{display:block;vertical-align:top;width:auto;min-width:none;margin:24px
0}.the-deck .deck-inner,
.the-deck .deck-inner a img,
.the-deck .deck-inner
p.ads{display:block;padding-left:0}.the-deck .deck-inner
a{display:block;width:120px;height:90px;margin:0
auto 12px}.the-deck .deck-inner
p{text-align:center}.the-deck .deck-inner p
a{display:inline}.the-deck .deck-inner a
img{position:static}.global-footer{position:relative;bottom:auto;left:auto;padding-bottom:30px}.global-footer
li{margin-right:0;line-height:18px}.global-footer .copyright
li{line-height:24px}.global-footer .inline-items{padding-top:12px;padding-left:36px;padding-right:36px;line-height:24px}.global-footer .inline-items
li{margin-right:18px;margin-bottom:24px}.global-footer .inline-items li.head-east-young-man{float:none;margin-right:0}.promo-holder{margin-bottom:12px}.global-footer li
small{display:block}.deadly-subtitle{background-position:-15px 0px}.home-page .two-column-display .col-holder{padding-left:24px}.home-page .two-column-display .main-content{width:100%;padding-bottom:0}.home-page .global-nav{padding-top:0}.home-page .entry-header,
.issue-page .entry-header{margin-left:36px;margin-right:36px}.variable-column{width:66%}.variable-column>.item-summary{width:49%}.variable-column:first-child{width:33%}.variable-column:first-child>.item-summary{width:100%}.home-page .variable-column .item-summary:nth-of-type(2n) > figure,
.home-page .variable-column .item-summary:nth-of-type(2n) > h1,
.home-page .variable-column .item-summary:nth-of-type(2n) > h2,
.home-page .variable-column .item-summary:nth-of-type(2n)>p{margin-right:0}.issue-page .variable-column .item-summary:nth-of-type(2n) > figure,
.issue-page .variable-column .item-summary:nth-of-type(2n) > h1,
.issue-page .variable-column .item-summary:nth-of-type(2n) > h2,
.issue-page .variable-column .item-summary:nth-of-type(2n)>p{margin-right:0}.home-page .fixed-column,
.issue-page .fixed-column{width:auto;display:block}.ala-slug{display:none}.promo-holder{padding-left:36px;padding-right:36px}.partner-promos{padding:0}.partner-promos
li{display:inline-block;vertical-align:top;width:50%;min-height:90px;margin-right:0;padding-right:24px;padding-left:0;font-size:12px}.partner-promos li
a{display:block;width:100%;margin:0
auto;text-align:left}.partner-promos
img{}.sponsor-top{right:0;border-top-right-radius:0;border-bottom-right-radius:0}.secondary-column .sponsor-top{right:auto}}@media only screen and (max-width: 800px){a{text-rendering:auto}}
@media only screen and (max-width: 767px){.two-column-display .main-content,
.two-column-display .secondary-column{display:block;width:auto;margin-left:0;margin-right:0}.item-summary{width:49%}.item-summary:nth-of-type(2n) figure,
.item-summary:nth-of-type(2n) h1,
.item-summary:nth-of-type(2n) h2,
.item-summary:nth-of-type(2n) p,
.item-summary:nth-of-type(2n) ul{margin-right:0}.item-summary:nth-of-type(3n) figure,
.item-summary:nth-of-type(3n) h1,
.item-summary:nth-of-type(3n) h2,
.item-summary:nth-of-type(3n) p,
.item-summary:nth-of-type(3n) ul{margin-right:24px}.variable-column,.variable-column:first-child{width:auto}.variable-column .item-summary{width:auto}}@media only screen and (max-width: 600px){html,body{font-size:18px;line-height:26px}.sponsor-top,
.secondary-column .sponsor-top{position:absolute;right:0;top:0;width:auto;height:41px;padding:0;background:none;border-radius:0;box-shadow:none;text-align:left;vertical-align:middle}.secondary-column .sponsor-top{margin-top:-156px}.sponsor-top.sponsor-alt{right:auto;height:auto;text-align:left}.sponsor-top
p{margin:1px
12px 0 0;line-height:18px;font-size:14px;text-align:left;padding-right:12px}.sponsor-top.sponsor-alt
p{margin:0
12px;line-height:18px;font-size:12px;width:auto}.sponsor-top .sponsor-logo{display:inline-block;vertical-align:top;left:auto;max-height:32px;max-width:70px;margin-top:6px;margin-right:6px}.sponsor-top.sponsor-alt .sponsor-logo{margin-top:0}.sponsor-top .sponsor-extended, .sponsor-top .sponsor-url{display:none}.sponsor-top.sponsor-alt .sponsor-extended{display:inline-block}.global-nav{position:static;padding:0;border-top:1px solid #222}.global-nav.deluxe{position:absolute;display:none;top:41px;left:0;border-top:none}.global-nav:target{-webkit-animation:none;-moz-animation:none}.show-nav .global-nav.deluxe{display:block}.global-nav ul.inline-items
li{display:inline;margin-right:0;padding:0}.global-nav .back-to-top{display:inline}.global-nav.deluxe .back-to-top{display:none}.global-nav .head-east-young-man{z-index:200;top:8px}.global-nav ul.inline-items li
a{display:block;padding:0
12px;border-bottom:1px solid #eee}.global-nav li:first-child
a{width:auto;text-indent:0;background-image:none}.killer-logo>a{margin-left:-25%}.go-to-nav{position:absolute;display:block;z-index:100;top:0;width:100%;height:41px;background-color:#fff;background-color:rgba(255,255,255,.95);background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_hamburger.svg);background-repeat:no-repeat;background-position:12px center;border-bottom:1px solid #d8d8d8;text-indent:100%;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.no-svg .go-to-nav{background-image:url(http://alistapart.com/d/_repo/site_assets/img/icon_hamburger.gif)}.show-nav .go-to-nav:before{content:"";position:absolute;width:18px;height:18px;top:11px;left:12px;z-index:-1;background:url(http://alistapart.com/d/_repo/site_assets/img/icon_hamburger.svg) center center no-repeat white;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.single-column-display .main-content{padding-right:0}.single-column-display .col-holder, .two-column-display .col-holder, .multi-column-display .col-holder{padding-left:18px;padding-right:18px}.classy{font-size:24px;line-height:30px}.column-holder{margin-left:18px;margin-right:18px}.two-column-display .main-content, .two-column-display .secondary-column{display:block;width:auto;margin-left:0;margin-right:0}pre
code{font-size:14px}.main-content .basic-title{margin-bottom:24px;font-size:24px;line-height:30px}.issue-header{margin-bottom:12px}.home-page .entry-header{margin-bottom:24px}.issue-header, .home-page .entry-header, .issue-page .entry-header{margin-left:18px;margin-right:18px;width:auto}.home-page .entry-header .entry-title, .issue-page .entry-header .entry-title{margin:0
0 6px 0;font-size:30px;line-height:36px}.home-page .entry-header .entry-title:first-child,
.issue-page .entry-header .entry-title:first-child{padding:0
12px}.home-page .entry-header .entry-title a, .issue-page .entry-header .entry-title
a{font-size:30px;line-height:36px}.home-page .entry-header .entry-summary, .issue-page .entry-header .entry-summary{font-size:18px;line-height:28px}.item-summary>figure,.item-summary>h1,.item-summary>h2,.item-summary>p,.item-summary>ul{margin-right:0}.wide-hero{min-height:100px;padding-bottom:24px;margin-bottom:3px;margin-left:18px;margin-right:18px;margin-top:12px}.entry-header{margin-left:18px;margin-right:18px}.entry-header .issue-number span, .wide-hero .issue-number span, .tall-hero .issue-number
span{width:auto;height:auto;position:static;color:#bb3825;padding:0;font-size:18px}.entry-header .issue-number, .wide-hero .issue-number, .tall-hero .issue-number{left:0;bottom:0;width:100%;height:auto;background:none;background-image:none;color:#bb3825;padding:0;font-size:18px;font-family:"Georgia Pro"}.no-svg .entry-header .issue-number,
.no-svg .wide-hero .issue-number,
.no-svg .tall-hero .issue-number,
html[data-useragent*='MSIE'] .entry-header .issue-number,
html[data-useragent*='MSIE'] .wide-hero .issue-number,
html[data-useragent*='MSIE'] .tall-hero .issue-number{background-image:none}.entry-header > .issue-number:first-child, .issue-page .logo-holder+.issue-number{left:0;top:144px}.issue-header
p{font-size:14px;line-height:24px}.entry-header{margin-bottom:24px}.entry-header .entry-title{font-size:30px;line-height:36px;padding:0
12px;margin-bottom:6px}.entry-header .entry-details{font-size:14px;line-height:22px}.article-layout .main-content{margin-left:18px;margin-right:18px}.article-layout .main-content > p:first-child:not(.buttonish-holder):not(.editors-note), .article-layout .main-content>figure.quote:first-child{font-size:18px;line-height:26px;margin-bottom:24px}.article-layout .main-content>p.editors-note{font-size:14px;line-height:22px;margin-left:0;margin-right:0}.article-layout .main-content>p.editors-note.column-note{font-size:14px;line-height:24px}.article-layout .main-content > figure.quote:first-child
figcaption{font-size:14px;line-height:24px}.article-layout .main-content>h2{font-size:20px;margin-bottom:14px;line-height:28px}.article-layout .main-content>h3{font-size:16px;line-height:28px}.main-content > p, .main-content > pre, .main-content > ol, .main-content > ul, .main-content > figure, .main-content .entry-footnotes{margin-bottom:18px}.main-content ul > li, .main-content ol>li{margin-bottom:9px}.item-summary.topic ul > li, .content-minutiae ul>li{margin-bottom:0}.content-minutiae{margin:0
0 18px 18px}.article-layout .entry-footer{margin-left:18px;margin-right:18px}.entry-footer h1,
.entry-footer h2,
.entry-footer h3,
.entry-footer .byline .author-bio,
.entry-footer .byline .author-more{margin-left:0;margin-right:0;padding-left:0}.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo+h2+.author-bio+h3+.author-more{margin-left:0}.entry-footer .byline
img{float:left;margin-bottom:0;width:60px;height:60px}.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo+h2+.author-more{margin-left:0}.entry-footer .photo + h2, .entry-footer .photo + h2 + .author-bio, .entry-footer .photo + h2 + .author-bio + h3, .entry-footer .photo+h2+.author-bio+h3+.author-more{margin-left:0}.item-summary{width:auto;margin-right:0}.item-summary:nth-of-type(2n){margin-right:0}.item-summary:nth-of-type(3n){margin-right:0}.item-summary:not(.topic){width:auto;margin-right:0}.item-summary>figure{height:auto}.item-summary figure
a{display:block}.item-summary figure a
img{min-width:100%}.comment-holder h1.classy, .more-content
h1.classy{font-size:24px;line-height:30px;font-weight:300}.article-comments #login-buttons.active{height:145px}.article-comments #login-buttons
li{margin-bottom:9px}html:not(.no-js) .buttonish{margin-bottom:24px;padding:2px
24px;background:#2455c3;color:transparent}html:not(.no-js) .buttonish:before{display:none}html:not(.no-js) .buttonish:after{content:"Load Comments";text-indent:0}.article-layout .main-content
.sidebar{margin:0
0 18px 18px;padding:12px;font-size:12px;line-height:20px}.article-layout .main-content .sidebar
h1{font-size:12px}.article-layout .main-content .sidebar
h2{font-size:14px}.alpha-container{height:320px}.author-header{}.author-header
img{top:4px;width:60px;height:60px}.author-header{padding-left:72px;min-height:60px}.author-header p.meta, .blog-header
p.meta{line-height:24px}.author-header .column-name, .author-header h1, .author-header
p.meta{}.author-header .column-name{line-height:18px}.author-header h1, .blog-header
h1{font-size:30px;line-height:36px;margin-bottom:4px}.author-header+.column-intro,.blog-header+.column-intro{font-size:18px;line-height:30px}.article-layout .blog-header, .article-layout .author-header{margin-left:18px;margin-right:18px;width:auto;max-width:none}.blog-summary{margin:0
0 24px;padding:0;font-size:18px;line-height:28px}.blog-summary.link-post{padding-left:0}.blog-summary
h1{font-size:24px;text-indent:0;margin-bottom:2px}.blog-summary.native-post
.byline{font-size:14px;line-height:24px;font-style:italic}.blog-summary.link-post h1:before{width:14px;height:14px}.global-footer{}.deadly-subtitle{}.deadly-subtitle
img{width:auto;max-width:none;margin-left:0}.global-footer .inline-items{padding-left:18px;padding-right:18px}.global-footer .inline-items
li{margin-right:12px}.promo-holder{padding-left:18px;padding-right:18px}.partner-promos
li{display:block;width:auto;margin-bottom:12px}}@media only screen and (max-width: 491px){.article-layout .main-content
.supplement{float:none;width:80%;margin-left:auto;margin-right:auto}}@media only screen and (max-width: 320px){body{font-family:"Georgia Pro Cond"}.global-nav{}.entry-header .entry-details{font-size:14px;line-height:20px}.article-layout .main-content > p:first-child:not(.buttonish-holder):not(.editors-note), .article-layout .main-content>figure.quote:first-child{font-size:18px;line-height:26px;margin-bottom:22px}.article-layout .main-content>p.editors-note{line-height:20px}.article-layout .main-content > * b,
.article-layout .main-content > *
strong{font-family:"Georgia Pro Cond";font-weight:bold}.author-header h1, blog-header
h1{font-size:24px;line-height:28px;margin-top:2px}.author-header p.meta, .blog-header
p.meta{line-height:22px}.partner-promos li
img{width:60px;height:45px;margin-right:6px}.partner-promos
.arrow{margin-left:66px}}
