html, body{height:100%}
	body{background-color:#212121;

    margin:0px;
    color:#666;
    font:normal 1em/1.5em  'Open Sans', serif;

    }
    h1{font-size:3rem;font-weight:normal;text-shadow:1px 1px #000}
    h2{font-size:1.2rem;}

    a, a:visited, a:active{color:#06c;-webkit-transition: color 0.2s ease-in-out;}
	hgroup a, hgroup a:visited, hgroup a:active {color:#999;text-decoration :none}
	.bon a{color:#0c6}
    a:hover{color:#09f}
	.bon a:hover{color:#3f9}

	.broken a{color: #999}
	.broken a:hover{color: #FA4305}

	hgroup p {font-size:12px}


    nav h2{font-weight:normal;margin-bottom:-16px}
    .project-list{font-weight:normal}

    nav{display:inline-block;vertical-align:top;margin-right:40px}
    nav a{text-decoration:none;display:block;padding-top:3px}
    nav ul {list-style:none;padding-left:0px}
    nav li{text-align:center;margin:6px 4px 6px 0;border:1px solid #181818;border-radius: 15px;width:30px;height:30px;float:left;
    box-shadow: 0px 1px 2px #282828 inset;
    -webkit-transition: all 0.2s ease-in-out;
    }

    nav li:hover{box-shadow: 0px 1px 3px #333 inset }
		/*nav li:hover{box-shadow: 0px -1px 3px #600 inset; background-color:rgba(225,82,61,1)}*/
	nav li:active{box-shadow: 0px 1px 3px #111 inset;border-color:#222;text-shadow:1px 1px #000}
		/*nav li:active{box-shadow: 0px 1px 3px #111 inset;border-color:#200;text-shadow:1px 1px #000;background-color:rgba(205,62,41,1)}*/
    #mycanvas{background-color:transparent;width:100%;height:100%}

    #printer{position:absolute;top:10px;left:10px}
    #printer a{padding:4px;border:1px solid #292929;border-radius: 8px;text-decoration:none;
    -webkit-box-shadow: 0px 1px 2px #111;
    -webkit-transition: all 0.2s ease-in-out;}