hr{background:#ddd;color:#ddd;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr .space{background:#fff;color:#fff;visibility:hidden}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr .space{background:#fff;color:#fff;visibility:hidden}
article{float:left;margin-right:0;width:950px;width:950px;margin:0 auto;display:block;}
* html article{display:inline;overflow-x:hidden}
article:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
* html article{text-align:left;height:1%}
li{list-style:none}
ol,ul{margin:0}
.intro{float:left;width:400px;margin:.5em 0;}
.intro h1{display:none}
.intro h2{font-size:2em;margin-bottom:0}
.intro p{margin:.8em 0 1.45em;font-family:'Akzidenz Grotesk Roman','Akzidenz Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:2em}
.intro a.login{white-space:nowrap;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.25em .8em .32em .8em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#66b8ff;background:-webkit-gradient(linear,left top,left bottom,from(#66b8ff),to(#269aff));background:-moz-linear-gradient(top,#66b8ff,#269aff);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #66b8ff), color-stop(1, #269aff));background:-webkit-linear-gradient(top, #66b8ff 0%, #269aff 100%);background:-moz-linear-gradient(top, #66b8ff 0%, #269aff 100%);background:-o-linear-gradient(top, #66b8ff 0%, #269aff 100%);background:-ms-linear-gradient(top, #66b8ff 0%, #269aff 100%);background:linear-gradient(top, #66b8ff 0%, #269aff 100%);border:1px solid #08c;color:#fff;text-shadow:-1px -1px #007ae6;font-family:'Akzidenz Grotesk Roman','Akzidenz Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;}
.no-cssgradients .intro a.login{background:#269aff}
.intro a.login:hover{background:#00db00;background:-webkit-gradient(linear,left top,left bottom,from(#00db00),to(#00a800));background:-moz-linear-gradient(top,#00db00,#00a800);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #00db00), color-stop(1, #00a800));background:-webkit-linear-gradient(top, #00db00 0%, #00a800 100%);background:-moz-linear-gradient(top, #00db00 0%, #00a800 100%);background:-o-linear-gradient(top, #00db00 0%, #00a800 100%);background:-ms-linear-gradient(top, #00db00 0%, #00a800 100%);background:linear-gradient(top, #00db00 0%, #00a800 100%);border-color:#009600;text-decoration:none}
.no-cssgradients .intro a.login:hover{background:#00a800}
.screenshots{float:right;width:512px;height:368px;margin:.5em 0;overflow:scroll;border:4px solid #f0f0f0;}
html.js .screenshots{overflow:hidden}
html.js .screenshots{visibility:hidden}
.screenshots:hover{border-color:#08c}
.intro,.screenshots{margin-bottom:3em}
ul.uses{clear:both;width:950px;margin:0 auto;display:block;border:1px solid #f0f0f0;border-width:1px 0;margin:2em 0;padding:2em 0;}
ul.uses:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
* html ul.uses{text-align:left;height:1%}
ul.uses > li{display:inline-block;float:left;margin-right:10px;width:310px;margin-right:0;margin-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:1em;}
* html ul.uses > li{display:inline;overflow-x:hidden}
ul.uses > li:first-child{margin-left:0}
ul.uses > li li{position:relative;padding-left:1em;}
ul.uses > li li:before{content:'»';color:#aaa;position:absolute;left:0}
ul.categories{clear:both;width:950px;margin:0 auto;display:block;}
ul.categories:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
* html ul.categories{text-align:left;height:1%}
ul.categories > li{display:inline-block;float:left;margin-right:10px;width:230px;margin-right:0;margin-left:10px;}
* html ul.categories > li{display:inline;overflow-x:hidden}
ul.categories > li:first-child{margin-left:0}
ul.categories > li .things{position:relative;width:100%;height:238px;margin:1em 0 3em;}
ul.categories > li .things .thing{position:absolute;background-color:#fff;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}
ul.categories > li .things .thing:hover{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:10 !important}
ul.categories > li .things .thing:first-child{left:0;top:0;}
ul.categories > li .things .thing:first-child + .thing{left:60px;top:60px;}
ul.categories > li .things .thing:first-child + .thing + .thing{left:30px;top:30px}