/*
 ____                                           _   _                _
|  _ \ _ __ _   _ _ __ ___  _ __ ___   ___ _ __| | | | ___  __ _  __| |
| | | | '__| | | | '_ ` _ \| '_ ` _ \ / _ \ '__| |_| |/ _ \/ _` |/ _` |
| |_| | |  | |_| | | | | | | | | | | |  __/ |  |  _  |  __/ (_| | (_| |
|____/|_|   \__,_|_| |_| |_|_| |_| |_|\___|_|  |_| |_|\___|\__,_|\__,_|
            Made all this stuff, done with a lotta love :D
*/

html {
  padding: 2% 5%;
}
body {
  max-width: 80em;
  margin: 0 auto;
}
h2 {
  margin: .5em 0 0 0;
  padding: 1em 0 0 0;
}
header,
#main,
aside,
footer {
  position: relative;
  margin: 0 0 2% 0;
  padding: 2% 3%;
}
header h1 {
  max-width: 77%;
  margin: 0 0 .7em 0;
}
nav ol {
  width: 50%;
  float: left;
}
nav ol li {
  width: 33.3333333%;
}
nav ol a {
  width: 87%;
  float: left;
  padding: 4%;
}
#search {
  width: 40%;
  float: right;
}
#main {
  width: 65%;
  float: left;
}
aside {
  width: 20%;
  float: right;
}
#role-navigation {
  top: 42%;
  right: 50.8%;
}
#role-search {
  top: 43%;
  right: 3%;
}