.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(images/marker.png) no-repeat}ul.sake{margin:0;padding:0;list-style:none;position:absolute;margin:6px 0 0;z-index:10;padding:0 8px;text-align:center;left:0;top:37px}ul.sake li.sake{cursor:pointer;line-height:1.2em;margin:0 6px 6px 0;display:inline-block;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}ul.sake li.sake b{font-size:1.5em;font-weight:normal}.hide{display:none}html{height:100%}body{margin:0;padding:0;font:12px Trebuchet MS,Arial;color:#333;-webkit-transition:all,1s;-moz-transition:all,1s;-o-transition:all,1s;transition:all,1s}body.inverted{color:#eee}body.inverted #logo{background-position:left bottom}body.inverted .icon.pf{background-position:left bottom}body.inverted .icon.search{background-position:-46px -15px}body.inverted h2{color:#ccc!important}body.inverted a,body.inverted h2{color:#ccc}body a{color:#444}body a.color{text-decoration:none;border-bottom:1px dashed}img{border:none}.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}.clearfix{zoom:1}textarea,input{font:12px Arial}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;line-height:12px}.ajax{text-decoration:none;border-bottom:1px dashed;cursor:pointer}#colorize{visibility:hidden;opacity:0;width:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}#colorize.visible{opacity:1;visibility:visible}#colorize #color{width:100%;height:300px;background:#000;-webkit-transition:all,0.2s;-moz-transition:all,0.2s;-o-transition:all,0.2s;transition:all,0.2s;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}#colorize h1{font-size:18px;line-height:1em;margin:10px 20px 0}#colorize h1 #current-color{font-size:25px;font-weight:bold}#colorize h2{margin:5px 20px 0;color:#444;font-family:Arial;line-height:1.2em}#background-color-change{margin:0;padding:0;list-style:none;position:absolute;top:50%;margin-top:-135px;left:20px}#background-color-change li{position:relative;height:30px;padding:10px}#background-color-change li span{width:30px;height:30px;float:left;overflow:hidden;background:#fff;text-indent:-9999px;-webkit-box-shadow:#333,0px,2px,2px;-moz-box-shadow:#333,0px,2px,2px;box-shadow:#333,0px,2px,2px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px}#background-color-change li strong{width:120px;display:none;height:30px;line-height:30px;padding:0 5px;margin:0 0 0 10px;border:2px solid #00ADEF;position:absolute;top:8px;font-weight:normal;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}#background-color-change li:hover strong{display:inline-block}#color-finder{width:30%;margin:auto;position:relative;overflow:visible!important;opacity:0}#color-finder.visible{opacity:1}#color-finder h2{font-size:18px;line-height:1em;margin:10px 8px 10px;text-align:center;white-space:nowrap}#color-finder h2.active{float:left}#color-finder h2 small{font-size:0.6em}#color-finder h2 .search{position:absolute;left:-18px;top:3px}#color-finder h2 a{position:relative}#color-finder #color-finder-input{margin-left:130px;display:none}#color-finder #color-finder-input input{width:100%;padding:6px;margin:6px 0 0;border:2px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}#color-finder #color-finder-input input:focus{outline:none}#color-finder #color-finder-input a{text-decoration:none;border:none;display:block;height:100%;padding:6px 9px}#color-finder #color-finder-input ul{margin-left:-25%}#main-colorpicker{position:absolute;top:0;right:-220px;width:200px;display:none}#main-colorpicker .mainColor .colorInput{float:right;width:5em}#main-colorpicker .mainColor .mainColorPicker{padding-top:25px}#main-colorpicker h3{font-size:18px;line-height:1em;margin:15px 18px 10px}#main-colorpicker h3 a{text-decoration:none}#main-colorpicker #link input{width:166px;margin:0 10px}#main-colorpicker #i-like-it{position:relative}#main-colorpicker #i-like-it #vk_like{margin:5px 0 0 10px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}#main-colorpicker #i-like-it #plus{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;position:absolute;top:7px;right:10px}.colorInput{padding:6px;border:2px solid #ddd;background:#fff;color:#666;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}.colorInput:focus{outline:none}.vcard{position:absolute;bottom:20px;right:20px}.vcard .note{font:11px Arial;text-align:right}.icon{display:inline-block;position:relative}.icon.pf{overflow:hidden;text-indent:-9999px;text-align:left;width:9px;height:10px;background:url("images/icons.png") no-repeat left top}.icon.twitter{width:35px;height:19px;overflow:hidden;text-indent:-9999px;background:url("images/icons.png") no-repeat -10px top;position:absolute;top:3px;left:-25px;-webkit-transition:all,0.5s;-moz-transition:all,0.5s;-o-transition:all,0.5s;transition:all,0.5s}.icon.twitter:hover{top:-2px;left:-20px}.icon.colorChange{width:16px;height:15px;overflow:hidden;text-indent:-9999px;background:url("images/icons.png") no-repeat -10px -20px;margin:0 5px 0 0;top:3px}.icon.search{width:15px;height:15px;overflow:hidden;text-indent:-9999px;background:url("images/icons.png") no-repeat -46px 0;margin:0 5px 0 0;top:1px}#logo{width:150px;height:44px;background:url("images/logo.png") no-repeat top left;text-indent:-9999px;overflow:hidden}.backgroundColor{position:absolute;display:none;padding:40px}.backgroundColor .backgroundColorInput{width:5em;float:right}.backgroundColor .backgroundColorPicker{padding-top:25px}@media screen and (max-width:740px){body{width:100%}#main-colorpicker{display:block!important;overflow:hidden;height:0;opacity:0;position:relative;top:0;right:0;margin:20px auto 20px;padding:0 0 20px;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}#main-colorpicker.visible{visibility:visible;opacity:1;height:auto}#main-colorpicker h3{text-align:center}#main-colorpicker h3 a{text-decoration:underline}#colorize{position:relative;top:0;left:0;width:auto;margin:20px}#colorize #color{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px}#color-finder{margin-top:20px;width:50%!important}#color-finder #color-finder-input{margin:0;display:block;width:100%}#color-finder h2{display:none}.vcard{display:none}#background-color-change{opacity:0;visibility:hidden;position:fixed;left:0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-ms-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;background:rgba(0,0,0,0.8);-webkit-transition:opacity 1s;-webkit-transition-delay:2s;-moz-transition:opacity 1s 2s;-o-transition:opacity 1s 2s;transition:opacity 1s 2s}#background-color-change.visible{opacity:1;visibility:visible}}