html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after,section#container:after,section#container header:after,section#container header nav:after,section#container header nav ul:after,footer section#footer-container:after,footer section#footer-container section#products:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}pre{background:#f7f7f7;border:1px solid #f0f0f0;margin:0 0 12px 0;overflow-x:auto;padding:15px}pre,code{font:12px/18px monaco,monospace;white-space:pre}pre a,code a{font-weight:400}pre code{display:block;color:#333}pre .subst,pre .title{font-weight:normal;color:#333}pre .comment,pre .template_comment,pre .javadoc,pre .diff .header{color:#808080;font-style:italic}pre .annotation,pre .decorator,pre .preprocessor,pre .doctype,pre .pi,pre .chunk,pre .shebang,pre .apache .cbracket,pre .input_number{color:#808000}pre .tag,pre .pi{background:#efefef}pre .tag .title,pre .id,pre .attr_selector,pre .pseudo,pre .literal,pre .keyword,pre .hexcolor,pre .css .function,pre .ini .title,pre .css .class,pre .list .title,pre .tex .command{color:#000080}pre .attribute,pre .rules .keyword,pre .number,pre .date,pre .regexp,pre .tex .special{color:#0000ff}pre .number,pre .regexp{font-weight:normal}pre .string,pre .value,pre .filter .argument,pre .css .function .params,pre .apache .tag{color:#008000}pre .symbol,pre .ruby .symbol .string,pre .ruby .symbol .keyword,pre .ruby .symbol .keymethods,pre .char,pre .tex .formula{color:#dc322f}pre .phpdoc,pre .yardoctag,pre .javadoctag{text-decoration:underline}pre .variable,pre .envvar,pre .apache .sqbracket,pre .nginx .built_in{color:#cb4b16}pre .addition{background:#baeeba}pre .deletion{background:#ffc8bd}pre .diff .change{background:#bccff9}section#container section#posts .post #disqus_thread{border-top:1px solid #ddd;margin-top:60px}section#container section#posts .post #disqus_thread ul li.dsq-post-as{position:static}section#container section#posts .post #disqus_thread ul li{margin:0 3px 5px 0}section#container section#posts .post #disqus_thread ul li:after{content:''}section#container section#posts .post #disqus_thread h3{margin-bottom:10px}section#container section#posts .post #disqus_thread #dsq-account-dropdown a{font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif}section#container section#posts .post #disqus_thread div.dsq-comment-text{font:400 14px/22px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif}section#container section#posts .post #disqus_thread .dsq-comment-footer a{color:#777;font-size:13px;font-weight:400}section#container section#posts .post #disqus_thread .dsq-comment-meta a,section#container section#posts .post #disqus_thread .dsq-comment-actions a{opacity:1}section#container section#posts .post #disqus_thread #dsq-footer li{margin-right:12px}section#container section#posts .post #disqus_thread #dsq-footer li a{color:#333;text-decoration:none;font-style:normal}section#container section#posts .post #disqus_thread #dsq-footer li a em{font-style:normal}body{background:#fff;border-top:4px solid #ad141e;color:#333}section#container{margin:0 auto;padding:20px 0 80px;width:995px}section#container header{border-bottom:1px solid #ddd;margin:0 0 40px 0;padding:0 0 40px 0}section#container header h2.logo{float:left;width:145px}section#container header h2.logo a{background:url("http://thoughtbot.com/assets/giantrobots/images/logo.png") no-repeat;display:block;height:85px;margin:15px 0 0 30px;text-indent:-9999px;width:85px}section#container header hgroup{float:left;padding:40px 0 0 25px;width:570px}section#container header hgroup h2{font:700 12px/14px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:0 0 6px 0;text-transform:uppercase}section#container header hgroup h2 a{color:#333;font-weight:700;text-decoration:none}section#container header hgroup h2 a:hover{color:#ad141e}section#container header hgroup h3{color:#777;font:400 13px/16px "skolar-1","skolar-2",Georgia,serif;font-style:italic}section#container header hgroup h3 a{color:#777;font-weight:400;text-decoration:none}section#container header hgroup h3 a:hover{text-decoration:underline}section#container header nav{float:left;margin:0 0 0 25px;padding:35px 0 0 0;width:230px}section#container header nav ul{margin:0 15px 0 0}section#container header nav ul li{float:right;margin-left:15px;width:42px}section#container header nav ul li a{display:block;height:41px;text-indent:-9999px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}section#container header nav ul li#twitter a{background:url("http://thoughtbot.com/assets/giantrobots/images/twitter.png") -8px -1px no-repeat}section#container header nav ul li#twitter a:hover{background-position:-8px -48px}section#container header nav ul li#contact a{background:url("http://thoughtbot.com/assets/giantrobots/images/contact.png") 0 -1px no-repeat}section#container header nav ul li#contact a:hover{background-position:0 -47px}section#container header nav ul li#rss a{background:url("/assets/giantrobots/images/rss.png") 0px 0px no-repeat}section#container header nav ul li#rss a:hover{background-position:0px -47px}section#container aside{float:left;margin:10px 0 0 25px;width:230px}section#container aside .message a{background:#f7f7f7;border:1px solid #dedede;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;display:block;padding:15px;text-decoration:none;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}section#container aside .message a img{float:left;margin:0 15px 0 0}section#container aside .message a span.addled-name{color:#777;display:block;font:400 14px/14px "skolar-1","skolar-2",Georgia,serif;font-style:italic;margin:0 0 4px 0;text-decoration:none}section#container aside .message a span.addled-creative{color:#444;display:block;font:700 16px/16px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;text-decoration:none}section#container aside .message a:hover{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 0 8px rgba(0,0,0,0.05);-moz-box-shadow:0 0 0 8px rgba(0,0,0,0.05);-o-box-shadow:0 0 0 8px rgba(0,0,0,0.05);box-shadow:0 0 0 8px rgba(0,0,0,0.05)}section#container section#posts{float:left;width:740px}section#container section#posts .post{border-bottom:3px solid #dddddd;margin:0 0 60px 0;padding:0 0 20px 170px;position:relative}section#container section#posts .post .meta-info{left:10px;position:absolute;top:18px;width:145px}section#container section#posts .post .meta-info p.post-date{font:400 14px/14px "skolar-1","skolar-2",Georgia,serif;margin:0 0 44px 0}section#container section#posts .post .meta-info p.post-date a{color:#333;font-weight:400}section#container section#posts .post .meta-info p.tagged{font:600 12px/12px "skolar-1","skolar-2",Georgia,serif;margin:0 0 10px 0;text-transform:uppercase}section#container section#posts .post .meta-info ul.tags{color:#777;margin:0 0 36px 0}section#container section#posts .post .meta-info ul.tags li{font:400 13px/14px "skolar-1","skolar-2",Georgia,serif;font-style:italic;margin:0 0 10px 0;position:relative}section#container section#posts .post .meta-info ul.tags li a{color:#777;font-weight:normal;text-decoration:none}section#container section#posts .post .meta-info ul.tags li:after{content:"\2014";font-size:13px;left:-14px;position:absolute;top:0}section#container section#posts .post .meta-info p.comments{font:400 14px/14px "skolar-1","skolar-2",Georgia,serif;margin-top:-3px;width:145px}section#container section#posts .post .meta-info p.comments a{color:#333;font-weight:400}section#container section#posts .post h2,section#container section#posts .post h3{color:#111;font:700 14px/21px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:20px 0 0px 0;text-transform:uppercase}section#container section#posts .post h4{color:#333;font:700 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:20px 0 0px 0}section#container section#posts .post p{font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:0 0 12px 0}section#container section#posts .post blockquote{color:#555;font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;font-style:italic;margin:0 0 12px 0;padding:0 30px 0 30px}section#container section#posts .post blockquote p{color:#555;font-style:italic}section#container section#posts .post ul{margin:0 0 16px 0}section#container section#posts .post ul li{font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:0 0 4px 0;position:relative}section#container section#posts .post ul li:after{content:"\2022";font-size:18px;font-weight:700;left:-12px;position:absolute;top:-2px}section#container section#posts .post ol{margin:0 0 16px 0}section#container section#posts .post ol li{font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;list-style:outside;list-style-type:decimal;margin:0 0 4px 0;position:relative}section#container section#posts .post img{max-width:570px;margin-bottom:10px}section#container section#posts .post a{color:#ad141e;font-weight:700;text-decoration:none}section#container section#posts .post a:hover{text-decoration:underline}section#container section#posts .post em{font-style:italic}section#container section#posts .post strong{font-weight:700}section#container section#posts .post table{font:400 14px/22px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin-bottom:12px;width:570px}section#container section#posts .post table tr{border-bottom:1px solid #ddd}section#container section#posts .post table td,section#container section#posts .post table th{padding:4px;width:50%}section#container section#posts .post table th{font-weight:700;text-align:left}section#container section#posts .post dl{font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:10px 0 20px}section#container section#posts .post dl dd{margin:0 0 8px 20px}section#container section#posts .post section.post-footer{margin:20px 0 0 0}section#container section#posts .post section.post-footer p.author{font:400 14px/14px "skolar-1","skolar-2",Georgia,serif;font-style:italic;left:-12px;position:relative}section#container section#posts .post section.post-footer p.author:before{content:"\2014"}section#container section#posts .post h1.title{font:300 36px/38px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:0 0 30px 0;text-transform:none}section#container section#posts .post h1.title a{color:#111;font-weight:300;text-decoration:none}section#container section#posts .post.photo .meta-info,section#container section#posts .post.video .meta-info{top:0px}section#container section#posts .post.photo .caption,section#container section#posts .post.video .caption{margin-top:8px}section#container section#posts .post.photo .post-footer p.comments,section#container section#posts .post.video .post-footer p.comments{padding-bottom:0px;position:relative;top:-30px}section#container section#posts .post.link .meta-info{top:10px}section#container section#posts .post.link h1.title{font-size:24px;line-height:30px}section#container section#posts .post.link h1.title a{font-weight:400}section#container section#posts .post.quote .meta-info{top:8px}section#container section#posts .post.quote q{font:400 18px/26px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;position:relative}section#container section#posts .post.quote q:before{content:'\201C';color:#333;font-size:36px;position:absolute;top:4px;left:-20px}section#container section#posts .post.quote q q:before{content:'\2018'}section#container section#posts .post.quote q q:after{content:'\2019'}section#container section#posts .post.quote p.source{left:-16px;margin:10px 0 0 0;position:relative}section#container section#posts .post.quote.medium q,section#container section#posts .post.quote.long q{font:400 15px/24px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif}section#container section#posts .post.quote .post-footer p.comments{padding-bottom:0px;position:relative;top:-18px}.old img{float:none !important}#pagination{padding:0 0 20px 170px;width:570px}#pagination a{color:#444;font:700 13px/13px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;padding:6px 9px;text-decoration:none;text-transform:uppercase}#pagination a:hover{color:#000}#pagination #older-link{float:left;margin:0 0 0 0;padding:15px 0 0 0;width:145px}#pagination #older-link a{background:url("http://thoughtbot.com/assets/giantrobots/images/arrows.png") 0 10px no-repeat;margin:0 0 0 -3px}#pagination #newer-link{float:right;margin:0 0 0 0;padding:15px 0 0 0;text-align:right;width:145px}#pagination #newer-link a{background:url("http://thoughtbot.com/assets/giantrobots/images/arrows.png") right -18px no-repeat;margin:0 -3px 0 0}footer{background:#efefef;border-top:1px solid #e0e0e0;padding:60px 0 120px}footer section#footer-container{margin:0 auto;width:995px}footer section#footer-container h6{color:#4a4a4a;font:300 18px/18px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Helvetica,sans-serif;margin:0 0 20px 0}footer section#footer-container nav{float:left;margin-right:25px;width:315px}footer section#footer-container nav ul{float:left;width:145px}footer section#footer-container nav ul#secondary-links{margin-left:25px}footer section#footer-container nav ul li{color:#7a7a7a;font:400 14px/18px "skolar-1","skolar-2",Georgia,serif;margin:0 0 6px 0}footer section#footer-container nav ul li a{color:#7a7a7a;text-decoration:none}footer section#footer-container nav ul li a:hover{color:#3a3a3a}footer section#footer-container section#products{float:left;width:655px}footer section#footer-container section#products section.product{float:left;margin-right:25px;width:145px}footer section#footer-container section#products section.product a.logo{background:#e9e9e9;border:1px solid #dedede;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:block;height:100px;padding:15px 0;text-align:center;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s}footer section#footer-container section#products section.product a.logo:hover{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 0 6px rgba(0,0,0,0.04);-moz-box-shadow:0 0 0 6px rgba(0,0,0,0.04);-o-box-shadow:0 0 0 6px rgba(0,0,0,0.04);box-shadow:0 0 0 6px rgba(0,0,0,0.04)}footer section#footer-container section#products section.product#hoptoad a.logo{padding:18px 0 14px 0}footer section#footer-container section#products section.product#copycopter a.logo{padding:25px 0 5px 0}footer section#footer-container section#products section.product#copycopter a.logo img{width:110px}footer section#footer-container section#products section.product#trajectory a.logo{height:90px;padding:40px 0 0px 0}footer section#footer-container section#products section.product#trajectory a.logo img{width:110px}footer section#footer-container section#products section.product#radish{margin-right:0}