/*! css3please.com | 2012-08-03 17:33:50 */
html,body{padding:0;margin:0;background:#def}body{font-family:arial,tahoma,verdana;font-size:75%;line-height:1.5;padding:20px}h1{font-family:georgia,garamond,serif;font-weight:normal;color:rgba(0,0,0,0.5);text-shadow:1px 1px 2px rgba(0,0,0,0.25)}p{width:230px}#save{width:300px;height:300px;padding:20px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;border:1px dashed rgba(0,0,0,0.5);color:rgba(0,0,0,0.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#save a.reset{position:absolute;color:rgba(0,0,0,0.5);left:20px;bottom:20px;text-decoration:none;font-size:10px}#save a.reset:hover{-webkit-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);-moz-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0px,0px);-ms-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);-o-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0)}#play{width:300px;height:300px;padding:20px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;background:#ffa;-webkit-user-select:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);box-shadow:0 0 10px rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0)}#play span{position:absolute;border:1px solid silver;background:white;font-size:14px;padding:4px 8px;white-space:nowrap;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#play span:hover{border-color:gray}#play .rotate{right:-65px;top:45%;cursor:n-resize}#play .scale{bottom:-40px;right:-50px;cursor:nw-resize;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#play .skewx{left:42%;bottom:-15px;cursor:w-resize}#play .skewy{left:-25px;top:45%;cursor:n-resize;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}#play .move{top:10px;right:10px;cursor:move}#output{position:absolute;width:100%;bottom:0;left:0;padding:20px 20px;border-top:1px solid gray;background:#fff;font-family:courier new;text-align:center;white-space:pre;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(../img/colorpicker/colorpicker_background.png);font-family:Arial,Helvetica,sans-serif;display:none;z-index:100}.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:#f00;overflow:hidden;cursor:crosshair}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(../img/colorpicker/colorpicker_overlay.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../img/colorpicker/colorpicker_select.gif);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../img/colorpicker/colorpicker_indic.gif) left top;margin:-4px 0 0 0;left:0}.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:#f00}.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:#f00}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;font-family:Arial,Helvetica,sans-serif;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px}.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(../img/colorpicker/colorpicker_hex.png) top;left:212px;top:142px}.colorpicker_hex input{right:6px}.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute}.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{background-image:url(../img/colorpicker/colorpicker_rgb_r.png);top:52px;left:212px}.colorpicker_rgb_g{background-image:url(../img/colorpicker/colorpicker_rgb_g.png);top:82px;left:212px}.colorpicker_rgb_b{background-image:url(../img/colorpicker/colorpicker_rgb_b.png);top:112px;left:212px}.colorpicker_hsb_h{background-image:url(../img/colorpicker/colorpicker_hsb_h.png);top:52px;left:282px}.colorpicker_hsb_s{background-image:url(../img/colorpicker/colorpicker_hsb_s.png);top:82px;left:282px}.colorpicker_hsb_b{background-image:url(../img/colorpicker/colorpicker_hsb_b.png);top:112px;left:282px}.colorpicker_submit{position:absolute;width:22px;height:22px;background:url(../img/colorpicker/colorpicker_submit.png) top;left:322px;top:142px;overflow:hidden}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}html{overflow-y:scroll;background:none}article,aside,figure,footer,header,hgroup,nav,section{display:block}a{cursor:pointer;outline:none}a:link{color:#aaa}q:before,q:after{content:""}img{border:0;vertical-align:text-bottom}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{margin:20px 0}blockquote,dl,ol,menu,p,pre,ul{margin:16px 0}body{margin:8px}ol,ul ol{list-style:decimal outside}ul,ol ul{list-style:disc outside}ul ul{list-style:circle}ol ol{list-style:upper-roman}.rule_wrapper{margin:0 0 15px 0;position:relative}.toolbox_container{position:absolute;visibility:hidden;bottom:18px;left:15px}.rule_wrapper:hover .toolbox_container{visibility:visible}.toolbox{position:relative;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.button_container{position:relative;float:left}.copybutton{width:24px;height:24px;background:url(../img/clipboard.png) no-repeat 0 0;background-position:0 0;background-position-x:0;background-position-y:0}.copybutton.hover{background:url(../img/clipboard.png) no-repeat 0 -24px;background-position:0 -24px;background-position-x:0;background-position-y:-24px}.resetbutton{width:24px;height:24px;background:url(../img/reset.png) no-repeat 0 0;background-position:0 0;background-position-x:0;background-position-y:0;display:none}.resetbutton:hover{background:url(../img/reset.png) no-repeat 0 -24px;background-position:0 -24px;background-position-x:0;background-position-y:-24px}abbr{border-bottom:1px dotted;border-bottom-color:inherit}body{background-color:#FFF;color:#d8d8d8}hr{border:0 solid #808080;border-width:0 0 1px;height:0}body{font:16px/20px Times,"Times New Roman",Georgia,serif}code,h3,h4,h5,h6,kbd,listing,pre,samp,tt{line-height:20px}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:30px}h3{font-size:18px}h4,h5,h6{font-size:16px}sub,sup{font-size:12px;line-height:0}code,kbd,listing,pre,samp,tt{font-size:13px}dfn{font-style:italic}body{background-color:#0c1021;overflow-x:hidden}#sandboxwrap{position:fixed;right:25px;top:50px;z-index:10}#sandbox{font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;border:1px solid rgba(21,11,11,0.2);overflow:hidden;padding:20px;width:440px;z-index:2;color:rgba(0,0,0,0.6);font-size:16px}#sandbox h1{font-weight:normal;margin:0 0 20px 0;font-size:56px;word-spacing:2px}#sandbox abbr{cursor:help;font-size:1.3em;color:#ff2166;text-shadow:0 0 1px #333;border-bottom:1px dashed #888}#sandbox p{font-size:30px;line-height:50px;margin:0;width:auto}.rule,.rule input{font:14px/20px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;white-space:pre;margin:0;position:relative;z-index:1;display:inline}.bracket{color:#f8f8f8}.rule .comment{color:#08f;color:rgba(0,136,255,.9)}.rule.comment{display:block}.comment a{color:inherit;text-decoration:none}.commentedout .endcomment{display:none}.commentclose{visibility:hidden}.commentedout .commentclose{visibility:visible}.commentedout .rule,.commentedout .rule span{color:#08f;color:rgba(0,136,255,.9)!important}body .declaration .comment,span.comment .comment{color:rgba(0,136,255,.3)!important}pre.comment .comment{color:rgba(0,136,255,.5);-moz-transition:color 0.6s ease-out;-o-transition:color 0.6s ease-out;-webkit-transition:color 0.6s ease-out}.rule_wrapper:hover pre.comment .comment{color:rgba(0,136,255,.9)}.rule_wrapper pre.comment span.comment a:hover,.rule_wrapper pre.comment span.comment a.hover{color:rgba(0,136,255,1)}body .commentclose .comment{color:rgba(0,136,255,.9)!important}.footer .comment a,.comment a{border-bottom:1px solid hsla(208,100%,70%,0.4)!important}.rule .selector{color:#ff6400}.rule .property,span.ie{color:#8da6ce}.rule .comment .declaration{color:#8da6ce}.rule .value,span.ie .filter{color:#61ce3c}.rule b{border-bottom:1px dotted #808080;color:#d8fa3c;font-weight:normal;padding:0 0 1px;position:relative}.rule b[readonly]{border-bottom:0;opacity:.82}.commentedout .rule b[readonly]{opacity:1}.rule b input{background:none;border:0;color:inherit;display:none;left:-1px;min-width:2em;outline:0;padding:0;position:absolute;top:0;width:200%}.rule b.edit span{visibility:hidden}.rule b.edit input{display:inline;color:white}#guestbook{position:absolute;right:10px;padding-bottom:10px}::-moz-selection{background:#FF5E99;color:#fff}::selection{background:#FF5E99;color:#fff}#sandbox{margin-bottom:20px}#sandboxwrap .rule.comment{text-align:right}body{-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-ms-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out}.cb{display:none}.flash .cb{display:inline}#matrixbox{position:relative;top:160px}#output{position:static;background:none;border:0;text-align:inherit;font-family:inherit}#box_matrix{position:relative;z-index:10;background:#0c1021;min-height:270px;margin-right:-10px}#play,#save{height:160px;width:160px;padding:50px;text-align:center;right:12%;z-index:20;left:auto;color:black}#save{color:white;border-color:white}.light body,.light #box_matrix{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));background-image:-webkit-linear-gradient(top,#eee,#fff);background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-o-linear-gradient(top,#eee,#fff);background-image:linear-gradient(to bottom,#eee,#fff);color:#ff6400}.light .rule_wrapper pre.comment .comment,.light .rule .comment,.light .commentedout .rule,.light .commentedout .rule span{color:#50bd2b!important}.light .rule_wrapper:hover pre.comment .comment,.light .rule_wrapper pre.comment span.comment a:hover,.light .rule_wrapper pre.comment span.comment a.hover{color:#2d9e06}.light .rule .property,span.ie{color:#333}.light .rule b{color:rgba(0,136,255,0.898438)}.light .rule b.edit input{color:red}.light .rule .value,span.ie .filter{color:saddleBrown}.light .footer .comment a,.light .comment a{border-bottom:1px solid #50bd2b}.light .rule.comment .comment a{border-bottom:none}