html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
:focus { outline:0; }
body {
  line-height:1;
  color:black;
  background:white;
}
ol, ul { list-style:none; }
table {
  border-collapse:separate;
  border-spacing:0;
}
caption, th, td {
  text-align:left;
  font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
.clear { clear:both; }
.background_clip_padding {
  -moz-background-clip:padding;
  -webkit-background-clip:padding;
  background-clip:padding-box;
}
@font-face {
  font-family:'BebasNeue';
  src:url('bebasneue/BebasNeue.eot');
  src:url('bebasneue/BebasNeue.eot?#iefix') format('embedded-opentype'), url('bebasneue/BebasNeue.woff') format('woff'), url('bebasneue/BebasNeue.ttf') format('truetype'), url('bebasneue/BebasNeue.svg#BebasNeueRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'Ubuntu';
  src:url('ubuntu/Ubuntu-Light-webfont.eot');
  src:url('ubuntu/Ubuntu-Light-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu/Ubuntu-Light-webfont.woff') format('woff'), url('ubuntu/Ubuntu-Light-webfont.ttf') format('truetype'), url('ubuntu/Ubuntu-Light-webfont.svg#UbuntuLight') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'Ubuntu';
  src:url('ubuntu/Ubuntu-LightItalic-webfont.eot');
  src:url('ubuntu/Ubuntu-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu/Ubuntu-LightItalic-webfont.woff') format('woff'), url('ubuntu/Ubuntu-LightItalic-webfont.ttf') format('truetype'), url('ubuntu/Ubuntu-LightItalic-webfont.svg#UbuntuLightItalic') format('svg');
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:'Ubuntu';
  src:url('ubuntu/Ubuntu-Medium-webfont.eot');
  src:url('ubuntu/Ubuntu-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu/Ubuntu-Medium-webfont.woff') format('woff'), url('ubuntu/Ubuntu-Medium-webfont.ttf') format('truetype'), url('ubuntu/Ubuntu-Medium-webfont.svg#UbuntuMedium') format('svg');
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:'Ubuntu';
  src:url('ubuntu/Ubuntu-MediumItalic-webfont.eot');
  src:url('ubuntu/Ubuntu-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu/Ubuntu-MediumItalic-webfont.woff') format('woff'), url('ubuntu/Ubuntu-MediumItalic-webfont.ttf') format('truetype'), url('ubuntu/Ubuntu-MediumItalic-webfont.svg#UbuntuMediumItalic') format('svg');
  font-weight:bold;
  font-style:italic;
}
html {
  background:white url(bcg.png) top left repeat;
  width:100%;
  height:100%;
}
body {
  background:transparent url(bcg_star.png) top center no-repeat;
  width:100%;
  height:100%;
  font:normal 62.5%/1.5 "Ubuntu", Verdana, Arial, sans-serif;
}
body.colors #nav a:hover { color:#666699; }
#layers {
  width:100%;
  min-height:100%;
  position:absolute;
}
#layers span {
  display:none;
  width:100%;
  height:100%;
  position:absolute;
  z-index:10;
  top:0;
  left:0;
}
#layers span#layer1 { background:url(lightexplode1.png) top center no-repeat; }
#layers span#layer2 { background:url(nebula2.png) top center no-repeat; }
#layers span#layer3 { background:url(meteor3.png) top center no-repeat; }
#layers span#layer4 { background:url(clouds4.png) top center no-repeat; }
#layers span#layer5 { background:url(bokeh5.png) top center no-repeat; }
#layers span#layer6 { background:url(whirl6.png) top center no-repeat; }
#placeholder {
  position:relative;
  width:100%;
  padding:1px 0 0;
  z-index:100;
}
.box { width:420px; }
.box .top {
  height:15px;
  background:url(cadre_top.png) top left no-repeat;
}
.box .bottom {
  height:20px;
  background:url(cadre_bottom.png) top left no-repeat;
}
.box header, .box nav, .box .content { background:url(cadre_body.png) top left repeat-y; }
#header {
  position:relative;
  margin:200px auto 0;
}
#header header { padding:0 5px; }
#header header h1 {
  width:396px;
  height:46px;
  margin:0 auto;
  background:url(title.png) top left no-repeat;
  text-indent:-9999px;
}
#header header h2 {
  height:0;
  text-indent:-9999px;
}
#nav { margin:0 auto; }
#nav nav { text-align:justify; }
#nav nav ul {
  margin:0 auto;
  width:390px;
  list-style:inside none;
}
#nav nav ul li {
  display:inline;
  font:normal 2.2em "BebasNeue", "Trebuchet MS", Verdana, Arial, sans-serif;
  color:#bbbbbb;
}
#nav nav ul li a {
  text-decoration:none;
  color:#bbbbbb;
  cursor:pointer;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
  -o-transition:all 0.3s ease-in;
  transition:all 0.3s ease-in;
}
#nav nav ul li a:hover, #nav nav ul li a:focus { color:#999999; }
#nav nav ul li + li a { margin:0 0 0 5px; }
#main { margin:0 auto; }
#main .content { padding:1px 0 0; }
#main section {
  margin:0 auto;
  width:390px;
  position:relative;
}
#main section h3 {
  color:#cccccc;
  font:normal 2.4em "BebasNeue", "Trebuchet MS", Verdana, Arial, sans-serif;
  position:absolute;
  bottom:0;
  left:0;
  width:390px;
  -webkit-transform:translate(-180px,-190px) rotate(-90deg);
  -moz-transform:translate(-180px,-190px) rotate(-90deg);
  transform:translate(-180px,-190px) rotate(-90deg);
}
#main section h4 {
  color:#bbbbbb;
  font:normal 1.6em "BebasNeue", "Trebuchet MS", Verdana, Arial, sans-serif;
  padding:0 0 0 30px;
  margin:20px auto 0;
}
#main section dl {
  margin:10px auto;
  text-align:right;
  padding:0 0 0 50px;
}
#main section dl dt {
  font:normal 1.8em "BebasNeue", "Trebuchet MS", Verdana, Arial, sans-serif;
  color:#999999;
}
#main section dl dd { margin:0 auto 20px; }
#main section dl dd p, #main section dl dd address {
  text-align:right;
  line-height:1.3em;
  margin:0 auto 2px;
}
#main section dl dd p small, #main section dl dd address small {
  font-style:italic;
  color:#aaaaaa;
}
#main section p {
  font-size:1.2em;
  color:#777777;
  text-align:justify;
  margin:0 auto 5px;
}
#main section p abbr {
  cursor:help;
  border-bottom:1px dotted silver;
}
#main section p strong { font-weight:bold; }
#main section p em { font-style:italic; }
#main section hr {
  margin:7px auto 5px;
  width:360px;
  height:0;
  border:0;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #ffffff;
}
#main section#competences p { text-align:right; }
#main footer {
  margin:0 auto;
  width:390px;
  font:normal 1.6em "BebasNeue", "Trebuchet MS", Verdana, Arial, sans-serif;
  color:#bbbbbb;
  position:relative;
  height:18px;
}
#main footer a {
  text-decoration:none;
  color:#bbbbbb;
  cursor:pointer;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
  -o-transition:all 0.3s ease-in;
  transition:all 0.3s ease-in;
  position:absolute;
  display:inline-block;
  top:0;
}
#main footer a:hover, #main footer a:focus { color:#999999; }
#main footer a#cv { left:0; }
#main footer a#dribbble { left:170px; }
#main footer a#github { right:0; }