/* @license
 * MyFonts Webfont Build ID 2314076, 2012-06-22T21:48:47-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Sans 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: unlimited
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2314076
 * 
 * © 2012 Bitstream Inc
*/
  
@font-face {
  font-family: 'MuseoSans-500';
  src: url('234F5C_0_0.eot');
  src: url('234F5C_0_0.eot?#iefix') format('embedded-opentype'),
       url('234F5C_0_0.woff') format('woff'),
       url('234F5C_0_0.ttf') format('truetype')
  ;
}



/**
 * leods92.com
 * Author: Leonardo Schlossmacher - e@leods92.com
 */

body {
  font-size: 10px;
  line-height: 1.5;
  font-family: "MuseoSans-500", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #F4F4F4;
  margin: 25px;
}

p {
  color: #BBB;
  font-size: 2.2em;
}

h1 {
  font-size: 6em;
  font-weight: normal;
  line-height: 1.2;
  margin: .25em 0 0 0;
}

a {
  text-decoration: none;
  color: #0081D6;
  border-radius: 2px;
  padding: 3px 3px 0;
}
a:hover {
  background: #0081D6;
  color: white;
}

hr {
  margin: 1.5em 0;
  border: 2px solid #F4F4F4;
}

::selection {
  background: black;
  color: white;
}

.intro {
  width: 650px;
  padding: 20px;
  background: #FFF;
  margin: 0 auto;
  border-radius: 1px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.intro,
.gravatar-wrapper img {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.links {
  text-align: center;
  font-size: 2.2em;
}

.links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.links li {
  display: inline-block;
  margin: 0;
  padding: .4em;
}


/* Error pages */
.error {
  background: white;
}
.error h2 {
  font-size: 4em;
  margin: 0;
  color: #AAA;
}

.gravatar-wrapper {
  float: right;
  /*margin: -18px -10px 0 0;*/
}

.gravatar-wrapper img {
  border-radius: 2px;
}

.cv {
  
}

/* Small screens */
@media handheld, only screen and (max-width: 700px) {
  body {
    margin: 0;
  }

  .intro {
    width: 100%;
    padding: 3%;
  }

  .gravatar-wrapper::before {
    display: none;
  }

  .gravatar-wrapper {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;

    margin: 0;
  }
}

@media handheld, only screen and (max-width: 640px) {
  h1 {
    font-size: 6em;
  }

  p {
    display: inline-block;
  }

  .links {
    text-align: left;
  }

  .links li {
    display: list-item;
  }

  .gravatar-wrapper {
    float: none;
  }
}

@media handheld, only screen and (max-width: 500px) {
  body {
    text-align: center;
  }

  h1 {
    font-size: 4.2em;
  }

  p {
    max-width: 300px;
    line-height: 1.5;
    font-size: 2em;
  }

  p br {
    line-height: 2.5em;
  }

  .links {
    font-size: 2em;
  }

  .links li {
    text-align: center;
  }

  .gravatar-wrapper img {
    width: 120px;
    height: 120px;
  }
}
