*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html,body,div,header,nav,span,a,img,p,h1{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:"Segoe UI",Helvetica;background-color:#fafafa;color:#464646;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}a{text-decoration:none;color:#646464;outline:0}img{user-drag:none;-webkit-user-drag:none}span,p,h1{cursor:default}#wrapper{position:relative;width:660px;padding:0 10px;margin:0 auto}#header:after{display:block;clear:both;content:""}#logo{float:left;position:relative;left:-2px}#logo img{display:block;max-width:100%;height:auto}#menu{overflow:hidden;text-align:right;border-bottom:solid #b5b5b5 1px;padding:48px 5px 8px;font-size:0}#menu a,#menu span{padding:0 6px 2px;font-size:17px;border-radius:4px}#menu a:hover{color:#fafafa;background-color:#a0a0a0}.menu-current{color:#fafafa;background-color:#a0a0a0;cursor:default}#content{width:570px;margin:4px auto;padding:3% 5% 2%;color:#ebebeb;background-color:#787878;border-radius:5px;line-height:1.2;text-align:justify;opacity:0}#content a{text-decoration:underline;cursor:pointer;color:#3c3c3c}#content h1{font-weight:bold;padding:7px 0 10px}#content p{margin:0 0 10px 10px}#cc-license{display:inline-block;margin:0 10px 3px}#cc-license ~ p{text-align:left}.contact-logo{display:inline-block;background-image:url('/misc/logos.png');height:20px;margin-right:10px;vertical-align:top}.twitter{width:20px;background-position:-109px}.px{width:42px}.flickr{width:67px;background-position:-42px}.email{width:20px;background-position:-129px;margin-right:13px}.selectable{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:auto}#footer{margin:10px 5px;border-top:1px solid #b5b5b5}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){#wrapper{width:100%;padding:0 3px}#logo{width:97.5px}#menu{padding:16px 5px 5px}#menu a,#menu span{padding:0 4px 1px;font-size:15px}#content{width:100%}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){html{-webkit-text-size-adjust:none}#wrapper{width:auto;padding:0 3px}#logo{width:130px}#menu{padding:24px 5px 7px}#content{width:100%}}@media only screen and (-webkit-max-device-pixel-ratio:1) and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape){#menu a,#menu span{font-size:16px}}