@import url(source-code-pro.css);
/* vim: set sts=2 sw=2 et : */
body {
  background-color: #1e1e1e;
  font-family: "Source Code Pro", monospace;
  color: #e4e4e4;
  font-size: 20px;
  text-align: center;
}

a {
  color: #7b7b7b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#avatar {
  width: 250px;
}

#wrapper {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

#title {
  font-size: 32px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

#top-content {
  float: left;
  border-bottom: 1px dotted white;
  padding-bottom: 30px;
}

#bottom-content {
  float: left;
  padding-top: 30px;
}

#top-left-column {
  float: left;
  width: 580px;
  margin-left: 20px;
}

#top-right-column {
  float: left;
  width: 370px;
  margin-right: 30px;
  content: right;
  text-align: right;
}

#bottom-left-column {
  float: left;
  width: 580px;
  margin-left: 20px;
}

#bottom-right-column {
  float: left;
  width: 370px;
  content: right;
  margin-right: 30px;
  text-align: right;
}

#logos {
  float: right;
  width: 220px;
  text-align: right;
}

#work:hover {
  background-color: darkgreen;
  cursor: help;
}

.info-element {
  float: left;
  width: 600px;
  margin-bottom: 10px;
}

.info-key {
  float: left;
  width: 110px;
  text-align: right;
}

.info-value {
  float: left;
  width: 450px;
  content: right;
  margin-left: 30px;
}

.logo {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 20px;
}

.logo.meson {
  background-image: url(../icons/meson-new-60px.png);
}

.logo.meson:hover {
  background-image: url(../icons/meson-old-60px.png);
}