/* ines cox by sander van de vijver */
body {
  font-family: SabonLTStd-Roman, Times New Roman, Times, serif;
  font-size: 14px;
  line-height: 18px; }

aside #bio {
  font-size: 29px;
  line-height: 34.2px; }

em {
  font-family: SabonLTStd-Italic;
  font-style: normal; }

/* Xtra Normalizing */
figure {
  margin: 0; }

img {
  display: block;
  max-width: 100%; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Geometry */
body {
  margin: 20px;
  margin-top: 16px; }
  body header {
    z-index: 3;
    position: relative;
    margin-bottom: 25px;
    max-width: 1000px;
    line-height: 18px;
    width: 70%; }
    body header span {
      margin-right: 3%; }
    body header span#bloglink {
      float: right;
      right: 0;
      margin-right: 0; }
  body main {
    z-index: 2;
    position: relative;
    max-width: 1000px;
    width: 70%; }
    body main figure img {
      margin-bottom: 10px;
      width: 100%;
      height: auto;
      max-width: 1000px; }
    body main figure span {
      float: right;
      padding-left: 10px; }
    body main figure .cycle-caption {
      font-family: SabonLTStd-Italic; }
    body main figcaption {
      margin-bottom: 20px; }
  body aside {
    z-index: 1;
    width: 30%;
    position: absolute;
    right: 0;
    padding-right: 20px;
    padding-left: 10px;
    top: 0;
    padding-top: 10px; }
    body aside div {
      max-width: 390px; }
    body aside p {
      margin-top: 9px;
      margin-bottom: 9px; }
    body aside figure {
      width: 100%;
      max-width: 100%; }
      body aside figure img {
        max-width: 100%; }
    body aside div#news {
      margin-top: 16px; }

/* Main Styling */
body {
  background-color: white;
  color: black; }

a {
  color: black;
  text-decoration: none; }

a:hover {
  color: red; }

img.cycle-next {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABACAYAAADS1n9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0U5RDUyM0I5MjkxMUU0QkJEOEU3OTQ4RjcwQTk4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0U5RDUyNEI5MjkxMUU0QkJEOEU3OTQ4RjcwQTk4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEzRTlENTIxQjkyOTExRTRCQkQ4RTc5NDhGNzBBOThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEzRTlENTIyQjkyOTExRTRCQkQ4RTc5NDhGNzBBOThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VSvwowAAAl9JREFUeNrsnc1LVVEUxe8zNegLREmyqEAQB4qhmFMngRPBZpIiEU111CgQnCU0yIEgNHTgf9AsHYuhIEWJKEhQfqGiWQ38ah/evnQQoVkHXb8fLM4ZXtZb3HPfvvucm2WQkqemE9NOqgso4TdIyk8frxIATVZ9LDNVEQA9vkXzewRAj6+mA5/XEQA9jkyLPm8gAJrM+dhCADT54GOb6RJ26NHotYCgh9wB9Phk2vD5I+zQZNzvALNYoUlntAzUYYceoRK47QEYwg5NxjwAa6Zy7NCjPloGnmGHJu88AJ/5h6ZJe3QX6MMOTd57AL6bbmCHHk2mQw/BKHZo8iZaCqgOCnLFtOABCGXiO1iixwPT7+xvifg6lujRGy0Fk35nADFeRiGYMl3DEj1eRSGYN93FEj1eRCHYMnVhiR6PTT+iIEyYbmGLFrWm6SgE+6ZhUwXW6FBqGjDtnQrC2yxRdzGkodo0EtULci2bXps6/lU/KJju4+O556bpuannjFrBcVasKoZXzF+y4na09Tw0BU8MiELTgTgsAReDSlO36Ymp5owlIDwTLLnWfAnYNf3COvGHQOBvIJwzKAQJQylYGF4GCcPrYGFoCBGGljBhaAoVhrZwcdgYIgxbw8Rhc6gw7Rnbw6XhgAhhOCJGnPyQqNCscRk7tOCYOHHigyLrsUMPjooVpuDrfgjAIHboER8X34YdevT7jx/atP/7ByMoNqSn1ceZrPgNIQIgRrOPSR4ACUBawi0//z7ARwKgR2juLPP5IgHQ43Y0XyEAeuSbOkIDyCYB0CP/avh+qgv4I8AA7cez1c0wyN4AAAAASUVORK5CYII=") 64 32, e-resize; }

/* Fading setup */
.fadein {
  opacity: 0; }

/* Media queries */
@media only screen and (max-width: 680px) {
  body header span {
    display: block;
    margin-right: auto;
    line-height: 18px; }
  body header span#bloglink {
    position: absolute;
    top: 0;
    right: 0;
    float: none; } }

@media only screen and (max-width: 1040px) {
  body header {
    width: 100%; }
  body main {
    width: 100%; }
  body aside {
    width: 100%;
    max-width: 100%;
    position: inherit;
    padding-left: 0; }
    body aside div {
      max-width: 100%;
      width: 100%; } }

@media only screen and (min-width: 1468px) {
  body aside {
    right: inherit;
    left: 1020px;
    padding-left: 20px; } }