body
  { color: #fffefa;
    background-color: #3b2e0d;
    font-family: 'Lucida Grande', Tahoma, sans-serif;
    font-size: 110%;
    margin: 0;
    padding: 0; }

/* Content */
#content
  { font-size: 20px;
    line-height: 130%;
    letter-spacing: -1px;
    margin: 4em 10% 0 10%; }

#content h1
  { font-size: 78px;
    letter-spacing: -8px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 0;
    width: 550px;
    height: 78px; }
body.en #content h1 span
  { background: url('/images/h1.hello.en.png'); }
body.cs #content h1 span
  { background: url('/images/h1.hello.cs.png'); }

#content p
  { margin-bottom: 0.75em; }

#content small
  { font-size: 85%; }

#content a
  { color: #fffefa;
    text-decoration: none; }
#content a
  { border-bottom: 1px solid #918a78; }

#content strong.y,
#content strong.b,
#content strong.r
  { font-weight: normal; }
#content strong.y,
#content strong.y a
  { color: #fffc00; }
#content strong.y a
  { border-bottom: 1px solid #9c9507; }
#content strong.b,
#content strong.b a
  { color: #20cefa; }
#content strong.b a
  { border-bottom: 1px solid #2d7c81; }
#content strong.r,
#content strong.r a
  { color: #ff0d41; }
#content strong.r a
  { border-bottom: 1px solid #6e251a; }

/* Stay In Touch panel */
#in_touch
  { color: #3b2e0d;
    background-color: #ededdd;
    letter-spacing: -1px;
    padding: 4em 0 4em 0;
    margin: 80px 0 30px 0; }
#in_touch a
  { color: #3b2e0d; }
#in_touch .inner
  { margin: 0 10%;
    position: relative; }
#in_touch h2
  { width: 246px;
    height: 44px; }
body.en #in_touch h2 span
  { background: url('/images/h2.stay-in-touch.en.png'); }
body.cs #in_touch h2 span
  { background: url('/images/h2.stay-in-touch.cs.png'); }


#in_touch ul
  { position: absolute;
    top: 14px;
    left: 300px; }
#in_touch li
  { color: #404040;
    float: left;
    padding: 0;
    margin: 0 2.5em 0 0;
    list-style-type: none; }
#in_touch li a
  { color: #404040;
    padding: 0 0 0 1em;
    text-decoration: none;
    border: none;
    display: block;     /* IE7 bullshit */
    _display: inline;   /* IE6 bullshit */
    height: 26px;
    padding-top: 1px;
    background-position: center left;
    background-repeat: no-repeat !important; }

#in_touch li.github a
  { background: url('/images/icon.github.png');
    padding-left: 30px;
    background-position: 0px 0px; }
#in_touch li.twitter a
  { background: url('/images/icon.twitter.png');
    padding-left: 37px;
    background-position: 0px 2px; }
#in_touch li.ephemera a
  { background: url('/images/icon.ephemera.png');
    padding-left: 25px;
    background-position: 0px 3px; }
#in_touch li.slideshare a
  { background: url('/images/icon.slideshare.png');
    padding-left: 27px;
    background-position: 0px 2px; }

/* Langswitch */
#langswitch
  { color: #3b2e0d;
    font-size: 9px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 10%; }
#langswitch a
  { color: #3b2e0d;
    text-decoration: none;
    border: none; }
#langswitch span
  { display: block;
    float: left;
    position: relative; }
#langswitch span.l
  { background: url('/images/langswitch.bg.l.png') 0 0 no-repeat;
    padding: 5px 0 0 6px;
    height: 20px;
    position: relative; }
#langswitch span.r
  { background: url('/images/langswitch.bg.r.png') 0 0 no-repeat;
    font-size: 0px;
    width: 6px; height: 20px;
    padding: 5px 0 0 0; }
#langswitch span a
  { position: relative;
    bottom: 2px; left: 0; }
#langswitch span a img
  { position: relative;
    top: 1px; left: 0; }

/* Teaser */
#teaser
  { position: absolute;
    right: 295px; top: 0; }

/* Footer */
#footer
  { color: #d8d8cb;
    font-size: 11px;
    letter-spacing: -0.05em;
    margin: 0 10% 0 10%;
    padding-bottom: 30px; }
#footer a
  { color: #d8d8cb;
    text-decoration: none;
    border: none; }
#footer a:hover
  { border-bottom: 1px solid #d8d8cb; }

/* Not found */
body.not_found
  { color: #ff0d41;
    background: #EFDFB7;
    margin: 10%; }
.not_found p
  { color: #222;  }