/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 24, 2014, 10:17:32 AM
    Author     : daniel
*/

h1 {
  margin-top: 0;
}

img {
  display: inline-block;
}

img.border-radius {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

a {
  text-decoration: none;
}

aside.left {
  float: left;
}

aside.right {
  float: right;
}

footer {
  clear: both;
  /* width: 96%; */
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
}

.canvas {
  clear: both;
  overflow: auto;
  text-align: center;
}

.float {
  display: inline-block;
  vertical-align: middle;
  /*width: 10%;*/
}

.collabo > * {
  vertical-align: middle;
  display: inline-block;
}

.collabo > a {
  padding-left: 0.5em;
}

aside.right > * {
  display: inline-block;
  vertical-align: middle;
}

aside.left img {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  width: 9em;
  box-shadow: 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 1px #ccc;
  -moz-box-shadow: 3px 3px 1px #ccc;  
}

#contact {
  white-space: nowrap;
}

.contact {
  display: none;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
  
  .contact {
    display: block;
    float: right;
    font-weight: bold;
  }

}