/* Stylesheet für memowe.de
 * Autor: Mirko Westermeier (mail@memowe.de)
 */

/* Grundlegendes */

body {
    font-family     : Helvetica, sans-serif;
    font-size       : 13px;
    line-height     : 135%;
}

strong {
    font-weight     : bold;
}

em {
    font-style      : italic;
}

a {
    background-color: transparent;
    color           : maroon;
    text-decoration : underline;
}

a img {
    border          : none;
}

p {
    margin          : .8em 0;
    padding         : 0;
}

/* Layout */

body {
    background-color: #470000;
    color           : white;
    margin          : 0;
    padding         : 0;
}

#canvas {
    width           : 950px;
    height          : 600px;
    margin          : 0 auto;
    padding         : 0;
    background      : #470000 url('../pix/background.jpg') no-repeat top left;
}

#header {
    padding         : 58px 100px 0;
    height          : 292px;
}

#header #screenshots {
    float           : right;
    width           : 234px;
    height          : 292px;
    margin          : 0 50px 0 0;
}

#header #slogan {
    margin          : 0;
    padding         : 5px 0 0 60px;
    text-indent     : 3ex;
    font-size       : .9em;
    font-family     : 'Trebuchet MS', sans-serif;
}

#header #slogan cite {
    margin          : 0;
    padding         : 0 0 0 16ex;
    font-weight     : bold;
    font-style      : normal;
    color           : #f99;
}

#header #slogan cite:before {
    content         : '— ';
}

#content {
    width           : 750px;
    padding         : 30px 0 0;
    margin          : 0 auto;
    background      : white url('../pix/ecke.jpg') no-repeat top right;
    color           : black;
}

#content #main {
    float           : left;
    margin          : 0;
    padding         : 0 20px 20px 30px;
    width           : 410px;
    border-right    : thin solid #ccc;
}

#content #info {
    float           : right;
    margin          : 0;
    padding         : 0 30px 20px 10px;
    width           : 240px;
    font-size       : .9em;
    line-height     : 150%;
}

#content #info #contact {
    font-style      : normal;
    font-size       : 13px;
    margin          : 40px 0 0;
    padding         : 15px;
    background      : #edd1b5 url('../pix/addressecke.jpg') no-repeat top right;
}

#content #info #contact .header {
    font-size       : 1.2em;
    font-weight     : normal;
    font-family     : 'Trebuchet MS', sans-serif;
    margin          : 0 0 1em;
    padding         : 4px 0;
    border-bottom   : medium solid #c96;
}

#content #info #contact .website {
    margin-bottom   : 0;
}

#content #foot {
    clear           : both;
    margin          : 30px 0 0;
    padding         : 20px 50px;
    background      : #380708 url('../pix/foot.jpg') repeat-x top;
    color           : #edd1b5;
    font-style      : normal;
    font-size       : .8em;
    line-height     : 120%;
}

/* Typo */

#content #abstract {
    font-weight     : bold;
    font-size       : 1.1em;
    margin          : 0 0 2em;
    font-family     : 'Trebuchet MS', sans-serif;
}

h1 {
    /* gibt's nicht. */
}

#content #main h2 {
    font-family     : 'Trebuchet MS', sans-serif;
    font-size       : 2em;
    font-weight     : bold;
    color           : #600000;
    background-color: transparent;
    margin          : 1.2em 0 .5em;
    padding         : 0 0 10px;
    border-bottom   : medium solid #edd1b5;
    clear           : left;
}