body{color:#3a3a3a;background:rgba(0,0,0,.9);margin:0;font-family:Andada,serif;font-size:16px}body.light{background:#fff}#head div.wrapper{width:1100px}a{color:#28f}a:hover{color:#f28}#head{height:71px;z-index:1000;width:100%;background:#151515;border-bottom:1px solid #000;margin:0;padding:0;font-family:Lucida Grande,Helvetica,Arial,san-serif;position:absolute;box-shadow:0 3px 3px rgba(0,0,0,.25)}#head div.wrapper{width:1000px;margin:0 auto;padding-bottom:15px}#head span{float:left}#head span img{border:0;padding:19px 0 15px}#nav img{opacity:.5;border:0;transition-property:opacity;transition-duration:.25s}#nav li:hover img{opacity:.95}#nav{float:right;display:inline-block}#nav li{float:left;margin:0 5px;padding:0 0 8px;list-style:none;display:block;position:relative}#nav a{color:#666;height:30px;border-top-left-radius:10px;border-top-right-radius:10px;margin:0;padding:10px 15px;font-weight:700;display:block}#nav .current a{border-radius:10px}#nav .current a,#nav li:hover>a{color:#fff;background:rgba(255,255,255,.15)}#nav ul li:hover a,#nav li:hover li a{border:none}#nav ul a{height:20px;background:rgba(255,255,255,.95);border-radius:0;text-decoration:none}#nav ul a.selected{color:#fff;background:linear-gradient(#999,#888)!important}#nav ul a:hover{color:#fff;background:#0078ff}#nav li:hover>ul{background:#0078ff;display:block}#nav ul{min-width:150px;white-space:nowrap;border-radius:0 9px 9px;margin:0;padding:0;display:none;position:absolute;top:45px;left:0}#nav ul li{float:none;margin:0;padding:0}#nav ul li:last-child{border:none}#nav ul a{font-weight:400}#nav ul ul{top:-1px;left:150px}#nav ul li:first-child>a{border-top-left-radius:0;border-top-right-radius:9px}#nav ul li:last-child>a{border-bottom-left-radius:9px;border-bottom-right-radius:9px}#nav:after{content:".";clear:both;visibility:hidden;height:0;line-height:0;display:block}html[xmlns] #nav{display:block}* html #nav{height:1%}#content{width:1100px;background:0 0;margin:0 auto;position:relative;top:30px}#degree{color:#3a3a3a;font-size:32px;font-weight:700;position:absolute;top:75px;left:50px}body.light #degree{color:#ccc}#background{z-index:10;font-size:16px;position:absolute;top:380px;left:15px}#background div{border-bottom:3px solid #222;margin:6px 0 5px;padding-bottom:7px}body.light #background div{border-bottom:3px solid #eee}#background span{color:#aaa;cursor:pointer;padding:0 5px;line-height:1.4em;text-decoration:underline;display:block}#background span:hover,#background span.selected{color:#e04f92}#sphere_bg{z-index:1}canvas{position:absolute;top:0}#ColorPicker{clear:both;color:#111;height:350px;position:absolute;top:60px;left:711px}#ColorPicker div.selector{clear:both;display:block;position:relative}#ColorPicker input.input{height:23px;width:42px;text-align:right;float:left;color:#fff;background:0 0;border-width:2px;border-color:rgba(0,0,0,0);font-family:Andada,serif;font-size:22px;transition-property:border,color;transition-duration:.25s;display:inline;position:relative;left:5px}body.light #ColorPicker input.input{color:#000}#ColorPicker div:hover input.input{border-color:rgba(0,0,0,.05)}#ColorPicker div input.input:focus{border-color:rgba(0,0,0,.4)}#ColorPicker canvas{cursor:crosshair;float:left;border:1px solid rgba(0,0,0,.25);border-radius:3px;margin-top:0;margin-bottom:20px;transition-property:border;transition-duration:.25s;display:inline;position:relative;left:23px;box-shadow:0 0 5px rgba(255,255,255,.25)}#ColorPicker div.controller{opacity:.75px;width:7px;pointer-events:none;cursor:crosshair;z-index:1;float:left;border:1px solid rgba(0,0,0,.5);border-radius:3px;margin:0 0 0 3px;padding:0;transition-property:border,background;transition-duration:.25s;display:inline;position:absolute;top:-5px}#ColorPicker div.controller div{width:5px;border:1px solid #fff;border-radius:3px;display:block}#ColorPicker div.name{-webkit-user-select:none;cursor:crosshair;width:100%;text-align:center;pointer-events:none;z-index:0;color:rgba(0,0,0,.13);letter-spacing:.035em;opacity:0;font-family:Andada,serif;font-size:18px;font-weight:700;transition-property:color,opacity;transition-duration:.25s;display:inline;position:absolute;left:45px}#ColorPicker div:hover div.name{color:#000}#ColorPicker:hover div div.name{opacity:1}#ColorPicker:active div div.name{color:rgba(255,255,255,0)}