html {
  margin: 0;
  padding: 0;
  color: #C0C0C0;
  font-family: sans-serif;
  background-color: #202020; }

h1 {
  text-align: center;
  font-weight: bold; }

p.subtitle {
  text-align: center; }

#wrap {
  width: 750px;
  margin: 0 auto; }

section {
  float: left;
  width: 480px;
  padding: 10px; }

#sidebar {
  float: right;
  width: 230px;
  padding: 10px; }

#language_sidebar {
  float: right;
  width: 230px;
  padding: 10px; }

footer {
  clear: both;
  text-align: center;
  font-size: small;
  font-family: Arial Narrow, DejaVu Condensed, sans-serif;
  padding: 50px 0 0; }

a {
  color: #0080FF; }
  a:visited {
    color: #C000C0; }

#first-name {
  font-variant: small-caps; }

@media (max-width: 640px) {
  body {
    padding: 5px; } }
div.work_header {
  text-align: right;
  background-color: #303030;
  padding: 10px;
  margin-top: 3em;
  margin-bottom: 1em; }

div.work_contents {
  clear: left; }

img.work_logo {
  float: left;
  vertical-align: top;
  width: 100px;
  height: auto;
  background-color: white;
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  -webkit-box-shadow: 0px 0px 2em black;
          box-shadow: 0px 0px 2em black; }

img.flag {
  float: left;
  width: 50px;
  height: auto; }

div.lang_header {
  text-align: right;
  background-color: #303030;
  padding: 10px;
  margin-top: 1em;
  margin-bottom: 0.5em; }

div.lang_contents {
  clear: left; }