@charset "utf-8";
/*Copyright (C) Stian Clementsen, 2000-2013. All rights reserved.*/

@media screen and (min-width: 100px) {
  * {
    font-family:              Arial, sans-serif;
  }

  html {
    height:                   100%;
    width:                    100%;
    margin:                   0;
  }

  body {
    min-height:               100%;
    min-width:                100%;
    margin:                   0;
    background-image:         url('../img/background.jpg');
    background-color:         #333333;
    background-repeat:        no-repeat;
    background-attachment:    fixed;
    background-position:      center center;
    background-size:          cover;
  }

  a {
    color:                    #000000;
    text-decoration:          none;
  }

  a:hover {
    border-bottom:            1px dotted;
  }

  #presentation {
    position:                 absolute;
    bottom:                   25px;
    left:                     150px;
    width:                    70%;
    color:                    #ffffff;
    text-shadow:              1px 1px 2px #333333;
    text-align:               left;
    margin:                   0;
    padding:                  5px;
  }

  #presentation a {
    color:                    #ffffff;
  }

  h1 {
    margin:                   0;
    margin-top:               10px;
  }

  #photo img {
    border-radius:            20%;
    width:                    120px;
    height:                   120px;
    float:                    left;
    margin:                   5px;
  }

  #info {
    margin-left:              150px;
    vertical-align:           middle;
  }

  td {
    vertical-align:           text-top;
  }

  td.title {
    font-weight:              bold;
    padding:                  0;
    padding-right:            5px;
  }

  #social {
    position:                 absolute;
    bottom:                   10px;
    left:                     10px;
    background-color:         #ffffff;
    opacity:                  0.7;
    text-align:               left;
    margin:                   0;
    padding:                  5px;
  }

  #social img {
    display:                  block;
    margin:                   5px;
    padding:                  0px;
    width:                    32px;
    height:                   32px;
    border-radius:            3px;
  }

  #social img:hover {
    opacity:                  0.5;
  }

  footer {
    position:                 absolute;
    bottom:                   10px;
    right:                    10px;
    font-size:                small;
    background-color:         #ffffff;
    opacity:                  0.7;
    text-align:               right;
    padding:                  5px;
  }
}