/* Colours */
body {background-color: #fff;}
body, a {color: #222;}
a:hover {color: #808080; cursor: pointer;}
em {color: #999;}

/* Font */
body {font-family: Andale Mono, "Courier new", Futura LT, sans-serif ; line-height: 1.3;}
ul li, p, em { font-size: 12px; font-style: normal; }
h1, h2 { font-size: 12px; font-weight: normal; }
a { text-decoration: none; }

/* Layout */



div#navigation { margin: -30px 0px 0px 20px; }
div#navigation ul { list-style: none; padding: 0px 20px 0px 0px; margin: 0px; }
div#navigation ul li { margin: 0px 0px 8px; }
div#navigation ul li.selected { color: #999; text-indent: -1.2em; }
div#navigation ul li.selected a { border: 0px; color: #999; cursor: default; }
div#navigation ul li em { display: block; margin: 30px 0px 0px; }

div#logotype {display: inline-block;}
#logotype .logo {float: left; width:26px;height:26px;text-align:center;border:none;color:#fff;font-size:16px;font-family:Futura LT;font-weight:100;cursor:pointer;background-color:#000; margin-top: 4.5px; margin-right: 7px; border-radius: 50%; -webkit-appearance: none; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#logotype .initiales {position: relative; top: 3px;}
#logotype .name {font-size: 30px; font-weight: 100;}
/*.Logo:hover {opacity: 0.42;}*/


div#logo_circle {display: inline-block; background:#000; border-radius:50%; width:26px; height:26px; position: relative; top: -10px;}
div#logo_circle .logo_P {font-family: Futura LT; font-size: 15.5px; font-weight: 300; font-stretch: ultra-condensed; color: #fff; position: relative; left: 4px; top: 5px; }
div#logo_circle .logo_N {font-family: Futura LT; font-size: 15.5px; font-weight: 300; font-stretch: ultra-condensed; color: #fff; position: relative; left: 2.5px; top: 3.5px; }
.logo_name {font-size: 30px; font-weight: lighter; position: relative; left: 9px; }

.name {font-size: 30px; font-weight: 100;}