body{-webkit-backface-visibility:hidden;backface-visibility:hidden;}.homepage-grid .four{width:240px;}.homepage-grid .five{width:290px;}.homepage-grid .offset-by-one-half{margin-left:60px;}div.top-stripe{width:100%;height:4px;background:#248ca6;margin-bottom:15px;}div.header{background:url(/media/imgs/website/homepage/header-background.png) repeat-x;height:460px;}.header .button.giant span{background:url(/media/imgs/website/homepage/arrow-sprite.png) right 3px no-repeat;padding-right:33px;}.header .button.giant{position:relative;}#install-img{height:100px;left:-33px;position:absolute;top:-18px;width:100px;}a.logo{display:block;text-indent:-9999px;background:url(imgs/logo.png) no-repeat;width:118px;height:48px;margin-bottom:30px;}body.home a.logo:hover{cursor:default;}a.sub-link{color:#248ca6;display:inline-block;margin-top:25px;font-size:13px;line-height:14px;text-shadow:0 1px 0 #fff;background:url(/media/imgs/website/homepage/arrow-sprite.png) -1px -40px no-repeat;padding-left:12px;}a.sub-link strong{font-size:15px;}.sub-link.offset-by-one-half{margin-left:25px;}.readers h3,.readers p{margin-right:20px;}div.nav{background:#258da6;border:1px solid #effbff;border-top:none;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;color:rgba(255,255,255,.82)!important;color:#eee;padding:6px 20px;position:absolute;right:0;top:-15px;-webkit-box-shadow:rgba(0,0,0,.28) 0 -2px 3px inset;-moz-box-shadow:rgba(0,0,0,.28) 0 -2px 3px inset;-o-box-shadow:rgba(0,0,0,.28) 0 -2px 3px inset;box-shadow:rgba(0,0,0,.28) 0 -2px 3px inset;}div.nav a:link,div.nav a:visited{color:#fff;font-weight:bold;right:0;text-shadow:rgba(0,0,0,.42) 0 1px 0;}div.nav a:focus,div.nav a:hover{text-decoration:underline;border-color:#fff;-webkit-box-shadow:rgba(0,0,0,.42) 0 -2px 4px inset;-moz-box-shadow:rgba(0,0,0,.42) 0 -2px 4px inset;-o-box-shadow:rgba(0,0,0,.42) 0 -2px 4px inset;box-shadow:rgba(0,0,0,.42) 0 -2px 4px inset;}.social-media{position:relative;}.facebook-area{position:absolute;right:10px;top:3px;}h1.tagline{color:#729ba2;text-shadow:0 -2px 1px rgba(255,255,255,1);margin-bottom:15px;width:364px;height:91px;display:block;}p.lead{font-size:16px;color:#505758;margin-bottom:20px;}div#contact p.dark.lead{font-size:15px;line-height:24px;color:#374b4c;margin-top:13px;}div#contact .small.dark.lead{font-size:12px;margin-top:0;}div#contact .medium.dark.lead{font-size:14px;margin-top:0;}#contact .column-row{position:relative;}.ribbon{background:#e4e4e4;background:-moz-linear-gradient(top,#e4e4e4 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#e4e4e4 0,#f0f0f0 100%);background:-o-linear-gradient(top,#e4e4e4 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#e4e4e4 0,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4',endColorstr='#f0f0f0',GradientType=0);background:linear-gradient(top,#e4e4e4 0,#f0f0f0 100%);-webkit-box-shadow:rgba(0,0,0,.42) 0 0 3px,#fff 0 0 1px inset;-moz-box-shadow:rgba(0,0,0,.42) 0 0 3px,#fff 0 0 1px inset;-o-box-shadow:rgba(0,0,0,.42) 0 0 3px,#fff 0 0 1px inset;box-shadow:rgba(0,0,0,.42) 0 0 3px,#fff 0 0 1px inset;height:50px;margin-bottom:35px;}body.ie .no-boxshadow{border-top:1px solid #bacad4;border-bottom:1px solid #dbdbdb;}.ribbon .container{height:50px;position:static;}.ribbon .tut-arrow{background-image:url(/media/imgs/website/homepage/tut-arrow-shadow.png);background-position:0 0;background-repeat:no-repeat;cursor:default;text-indent:-12px;width:215px;}.ribbon .tutorial,.ribbon .tut-arrow{font:18px/23px "Helvetica Neue",Helvetica,"Arial",Verdana,sans-serif;}.ribbon .tutorial p{color:#999;line-height:50px;}.ribbon .tutorial.step5 p{color:#444;text-align:center;}@-webkit-keyframes flashBar{0%{background-color:rgba(255,200,100,0);}55%{background-color:rgba(255,200,100,.6);}100%{background-color:rgba(255,200,100,0);}}@-moz-keyframes flashBar{0%{background-color:rgba(255,200,100,0);}55%{background-color:rgba(255,200,100,.6);}100%{background-color:rgba(255,200,100,0);}}@keyframes flashBar{0%{background-color:rgba(255,200,100,0);}55%{background-color:rgba(255,200,100,.6);}100%{background-color:rgba(255,200,100,0);}}.tut-step5 .tutorial.step5 p{-webkit-animation:flashBar .8s ease-in-out;-moz-animation:flashBar .8s ease-in-out;animation:flashBar .8s ease-in-out;}.ribbon .tutorial p strong{color:#333;}@-webkit-keyframes flash{0%{background-color:rgba(183,213,255,0);}30%{background-color:rgba(183,213,255,1);}55%{background-color:rgba(183,213,255,0);}70%{background-color:rgba(183,213,255,1);}100%{background-color:rgba(183,213,255,0);}}@-moz-keyframes flash{0%{background-color:rgba(183,213,255,0);}30%{background-color:rgba(183,213,255,1);}55%{background-color:rgba(183,213,255,0);}70%{background-color:rgba(183,213,255,1);}100%{background-color:rgba(183,213,255,0);}}@keyframes flash{0%{background-color:rgba(183,213,255,0);}30%{background-color:rgba(183,213,255,1);}55%{background-color:rgba(183,213,255,0);}70%{background-color:rgba(183,213,255,1);}100%{background-color:rgba(183,213,255,0);}}#demotext.flash{-webkit-animation:flash .4s ease-in-out;-moz-animation:flash .4s ease-in-out;animation:flash .4s ease-in-out;}#demotext{padding:3px;}.ribbon .tutorial{width:100%;}.ribbon .tut-arrow{color:#fff;display:block;font-weight:bold;height:40px;line-height:40px;padding:5px 5px 10px 5px;position:absolute;text-align:center;text-shadow:rgba(0,0,0,.82) 0 1px 0;max-width:300px;}.tutorial .tut-arrow{opacity:0;visibility:hidden;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1);-webkit-transition:-webkit-transform .1s ease-in-out .42s,opacity .1s ease-out .42s;-moz-transition:-moz-transform .1s ease-in-out .42s,opacity .1s ease-out .42s;-ms-transition:-ms-transform .1s ease-in-out .42s,opacity .1s ease-out .42s;-o-transition:-o-transform .1s ease-in-out .42s,opacity .1s ease-out .42s;transition:transform .1s ease-in-out .42s,opacity .1s ease-out .42s;}.tutorial .tut-arrow.shown{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}.tut-step5 .tut-arrow.shown{opacity:0;visibility:hidden;}.step2,.step3,.step4,.step5{opacity:0;z-index:1;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}.tutorial.step1 p{margin-left:240px;opacity:1;-webkit-transition:opacity .2s ease-in-out .5s;-moz-transition:opacity .2s ease-in-out .5s;-ms-transition:opacity .2s ease-in-out .5s;-o-transition:opacity .2s ease-in-out .5s;transition:opacity .2s ease-in-out .5s;}body.tut-step0 .tutorial.step1 p{opacity:0;}.tutorial.step1 .tut-arrow{background-image:url(/media/imgs/website/homepage/tut-arrow.png);background-position:0 5px;padding-right:20px;opacity:0;width:200px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}.no-cssanimations .tutorial.step1 .tut-arrow{-webkit-transform:translateX(-40px);-moz-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px);}.no-cssanimations body.tut-step1 .tutorial.step1 .tut-arrow{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}@-webkit-keyframes float{0%{-webkit-transform:translateX(0px);}4%{-webkit-transform:translateX(0px);}50%{-webkit-transform:translateX(10px);}96%{-webkit-transform:translateX(0px);}100%{-webkit-transform:translateX(0px);}}@-moz-keyframes float{0%{-moz-transform:translateX(0px);}4%{-moz-transform:translateX(0px);}50%{-moz-transform:translateX(10px);}96%{-moz-transform:translateX(0px);}100%{-moz-transform:translateX(0px);}}@keyframes float{0%{transform:translateX(0px);}4%{transform:translateX(0px);}50%{transform:translateX(10px);}96%{transform:translateX(0px);}100%{transform:translateX(0px);}}.cssanimations body.tut-step1 .tutorial.step1 .tut-arrow{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation:float 1.4s ease-out 1.5s 2;-moz-animation:float 1.4s ease-out 1.5s 2;animation:float 1.4s ease-out 1.5s 2;}body.tut-step1 .tutorial.step1,body.tut-step2 .tutorial.step2,body.tut-step3 .tutorial.step3,body.tut-step4 .tutorial.step4,body.tut-step5 .tutorial.step5{opacity:1;z-index:10000;}body.ie .tutorial.step1 .tut-arrow{visibility:hidden;}body.tut-step1 .tutorial.step1 .tut-arrow{opacity:1;visibility:visible;}body.tut-step5 .tutorial.step1{display:none;}body.home .tutorial.step1 .tut-arrow.faded{opacity:.1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation:none;-moz-animation:none;animation:none;}body.ie .tutorial.step1 .tut-arrow.faded{visibility:hidden;}.step5 a:focus,.step5 a:hover{text-decoration:underline;}#slideshow-container{width:457px;height:329px;margin:-30px 0 0 0;background-color:white;border:1px solid #888;-moz-box-shadow:0 1px 3px #999;-webkit-box-shadow:0 1px 3px #999;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}#slideshow-container ol{list-style:none;margin:0;}#slideshow-container ol li{float:left;color:#CB3819;}#launchrock{display:none;padding:0 10px;font-family:"Helvetica Neue",Helvetica,"Arial",Verdana,sans-serif;font-size:13px;line-height:18px;color:#555;}#hotspot-beta{padding-left:56px;margin-left:-20px;background:url(/media/imgs/css/zurb/search.png) no-repeat left top;}.blogpost-link,.blogpost-link:active,.blogpost-link:hover{color:inherit;text-decoration:underline;}h3.tagline{color:#cb3819;font-size:18px;line-height:22px;font-weight:bold;height:2.5em;font-family:"HelveticaNeue-Medium","Helvetica Neue Medium","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}h3.tagline span.darken{color:#b23116;font-style:italic;}h3.tagline span{white-space:nowrap;}h3.tagline+p{line-height:23px;font-size:14px;}h2{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-weight:300;color:#252525;margin-bottom:0;}h3{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-size:20px;font-weight:300;color:#424242;}.download-link .ie,.download-link .chrome,.download-link .firefox,.download-link .safari{display:none;}body.ff3 .firefox,body.ff3-5 .firefox,body.ie8 .ie,body.ie9 .ie,body.chrome4 .chrome,body.safari5 .safari{display:block;}body.gecko a.firefox,body.ie a.ie,body.chrome a.chrome,body.safari a.safari,body.unk a.unk,body.gecko span.firefox,body.ie span.ie,body.chrome span.chrome,body.safari span.safari,body.unk span.unk{display:inline;}h2.header{border-bottom:1px solid #c8c8c8;margin-bottom:30px;}h2.header span{display:block;width:130px;background:#fff;margin-bottom:-15px;}h3.header{border-top:1px solid #c8c8c8;padding-top:20px;margin-bottom:20px;}p.available-browsers{background:url(/media/imgs/browser-logo-all.png) 0 0 no-repeat;height:56px;padding:6px 18px 0 170px;}blockquote{font-family:Times New Roman,Serif;color:#555;font-size:20px;line-height:22px;border:none;text-indent:0;padding:0;margin-bottom:40px;}blockquote cite{color:#248ca6;font-size:12px;line-height:16px;margin-top:7px;}div#footer{width:100%;padding:10px 0;background:#384b4c;overflow:hidden;margin-top:32px;}p.copyright{color:#fff;float:left;margin-bottom:0;}ul.footer-nav{float:right;margin-bottom:0;}ul.footer-nav li{float:left;margin-left:12px;}ul.footer-nav li a{color:#fff;}body.secondary #sign-up{padding:54px 20px 48px 40px;}#sign-up .sidebar-right{margin-top:0;padding:0 0 0 45px;width:250px;height:435px;}#sign-up .extension-download{margin-left:-8px;}#sign-up fieldset.actions{padding-bottom:0;}#sign-up form{margin-bottom:0;}#sign-up .sidebar-heading{color:#252525;font-size:14px;line-height:20px;margin-bottom:5px;}body.secondary #extension-page{padding:45px 18px 60px 28px;width:894px;}#extension-page .extension-download a.button{margin-bottom:62px;}#extension-page h2{margin-bottom:20px;}.small-caps{font-variant:small-caps;}.emphasis{color:#1b8ca8;}.small-print{font-size:12px;}body.secondary #facebook_welcome{padding-bottom:62px;}#facebook_welcome h2{margin:1em 0 1.6em;}#facebook_welcome p{font-size:16px;line-height:36px;}#facebook_welcome li{font-size:14px;line-height:26px;}#facebook_welcome li:before{color:#4aa965;content:'\2713';font-weight:bold;padding-right:.8em;}#facebook_welcome li.fb-success{font-size:16px;}#facebook_welcome li.fb-success:before{color:#425E97;}#fb_connect{cursor:pointer;background:url(/media/imgs/website/welcome/sprite-fb_connect.png) 0 0 no-repeat;color:#fff;display:block;font:bold 20px/48px "lucida grande",tahoma,verdana,arial,sans-serif;height:48px;margin:2.5em auto 1.6em;text-align:center;text-indent:48px;text-shadow:#000 0 1px 0;width:365px;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s;}#fb_connect.disabled{filter:alpha(opacity=42);opacity:.42;cursor:default;}#fb_connect.disabled:focus,#fb_connect.disabled:hover{background-position:0 0;}#fb_connect img{padding-top:8px;}#fb_connect:focus,#fb_connect:hover{background-position:0 -48px;}#fb_connect:active{background-position:0 -96px;}.facebook-topic h2{line-height:30px;margin-bottom:30px;}.facebook-topic h2 small{font-size:14px;line-height:14px;color:#666;}.facebook-topic img.poster-image{float:left;margin:0 24px 12px 0;}.facebook-topic p.large{font-size:16px;}.about-extension{margin:42px -30px 24px;clear:both;height:99px;border-top:#E1ECF0 1px solid;border-bottom:#DCEEEE 1px solid;background:#f7fafd;background:-moz-linear-gradient(top,#e0f1f9 0,#ecf5fa 6px,#f7fbfe 17px,#f7fbfe 88px,#f0f7fd 99px);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e0f1f9),color-stop(6%,#ecf5fa),color-stop(17%,#f7fbfe),color-stop(88%,#f7fbfe),color-stop(100%,#f0f7fd));background:-webkit-linear-gradient(top,#e0f1f9 0,#ecf5fa 6px,#f7fbfe 17px,#f7fbfe 88px,#f0f7fd 99px);background:-o-linear-gradient(top,#e0f1f9 0,#ecf5fa 6px,#f7fbfe 17px,#f7fbfe 88px,#f0f7fd 99px);background:-ms-linear-gradient(top,#e0f1f9 0,#ecf5fa 6px,#f7fbfe 17px,#f7fbfe 88px,#f0f7fd 99px);background:linear-gradient(top,#e0f1f9 0,#ecf5fa 6px,#f7fbfe 17px,#f7fbfe 88px,#f0f7fd 99px);}.about-extension a{margin:17px 74px 0 0;}.about-extension h3{margin-top:24px;text-align:center;line-height:.5em;`;}.about-extension div p{text-align:center;line-height:1.5em;}.about-extension div{width:290px;text-align:center;margin-left:115px;}body.secondary{background:#e5f0f8;}body.secondary div.columns.blocked{background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:16px 30px;}body.secondary div.sixteen.columns.blocked{width:880px;}div.content{float:left;margin-left:30px;}div.sidebar{float:left;padding:0 29px 0 0;margin-top:35px;border-right:1px solid #bbb;}div.sidebar-right{float:left;padding:0 0 0 29px;margin-top:35px;border-left:1px solid #bbb;}div#contact p.lead{color:#698F95;}div.one-third{width:33%;float:left;margin-bottom:50px;}div.error{background-color:#9a271f;color:#fff;}div.error strong{color:#fff;}div.error small{color:#fff;}div.error{margin:0 0 18px;padding:9px 15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#fff!important;text-shadow:0 0 1px rgba(0,0,0,0.01);}div.error a{color:#fff!important;font-weight:bold;text-decoration:underline;}ul.sidebar-nav{margin-left:-20px;}ul.sidebar-nav li{margin-bottom:7px;text-align:right;}ul.sidebar-nav li a{color:#757575;font-size:16px;}ul.sidebar-nav li.active a{color:#333;font-weight:bold;}.sidebar-right ul.sidebar-nav li{margin-bottom:7px;text-align:left;}.button.orange{width:160px;text-align:center;}a.glogo{display:block;text-indent:-9999px;background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_116x41dp.png) no-repeat;width:116px;height:41px;margin-bottom:30px;margin-top:10px;}div.announcement{font-size:18px;border:1px solid #666;-webkit-box-shadow:0 1px 1px #666;-moz-box-shadow:0 1px 1px #666;box-shadow:0 1px 1px #666;}.announcement a:link,.announcement a:visited,.announcement a:hover{color:#06c;}.announcement .bigpad{padding-left:88px;padding-right:88px;}.announcement h3{font-weight:bold;font-size:18px;padding-bottom:10px;color:#222;}