/* {{{ global */
* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 12pt;
    /*overflow-y: scroll;*/
}
body {
    font-size: 62.5%;
    height: 100%;
}

body, input, textarea, button {
    font-family: "Arial", "Helvetica Neue", "Helvetica", Sans-Serif;
}
#mainheadline,
.bigtext {
    /*font-family: Trebuchet, "Trebuchet MS", Sans;*/
}
.hugetext {
    font-family: Georgia, "Times New Roman", Times, Serif;
}
.invisible {
    display: none;
}
.hidden {
    visibility: hidden;
}
.clear {
    clear: both;
}
a img {
    border: none;
}
/* }}} */
/* {{{ header */
#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#logo {
    position: absolute;
    left: 68em;
}
#logo a {
}
#logo img,
#logo object {
    display: block;
    border: none;
    height: 16.2em;
    width: 3.9em;
}
/* }}} */
/* {{{ section */
#mainheadline {
    position: absolute;
    left: 0;
    padding-left: 2em;
    height: 4em;
    z-index: 20;
}
#mainheadline h1 {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    width: 24.5em;
}
#content .bigtext,
#content .hugetext {
    font-weight: normal;
    padding-bottom: 1.3em;
}
#mainheadline h1,
#content .bigtext p {
    font-size: 2.6em;
    line-height: 1.25em;
    letter-spacing: 0.03em;
}
#content .hugetext h1,
#content .hugetext p {
    font-size: 2.6em;
    line-height: 1.25em;
}
#content .hugetext h1,
#content .hugetext p {
    font-size: 3.9em;
    display: inline;
    margin-right: 0.7em;
    font-weight: normal;
}
.bigtext i,
.hugetext i,
.bigtext b,
.hugetext b {
    font-weight: normal;
}
#content {
    width: 68em;
}
.section {
    padding: 1.8em 2em;
}
.section p,
.section h2,
.section h3,
.section li {
    font-size: 1.3em;
    line-height: 1.5em;
}
.section li {
    margin-left: 1em;
    list-style: disc;
}
.section li li, 
.section li p {
    font-size: 1em;
}
.section .big,
.section .full,
.section .imagetext .back {
    position: relative;
    margin-bottom: 2em;
    margin-top: 2em;
}
.section .big img,
.section .full img,
.section .imagetext .back img {
    display: block;
    width: 100%;
}
.section .imagetext {
    margin: 0 0 -3.8em 0;
    margin: 0;
}
.section .big .caption p,
.section .full .caption p {
    font-size: 1.2em;
}
.section .big img {
    width: 64em;
}
.section .full,
.section .imagetext .back {
    margin-left: -2em;
    margin-right: -2em;
}
.section .full.first,
.section .imagetext .back {
    margin-top: -1.8em;
}
.section .imagetext .hugetext {
    position: absolute;
    left: 2em;
    width: 64em;
}
.section .full .caption {
    margin-left: 2em;
    margin-right: 2em;
/*
    position: absolute;
    right: -21em;
    top: 0;
    width: 15em;
    height: 100%;
    padding: 0em 2em;
    */
}
/* }}} */
/* {{{ grid */
.grid {
    overflow: visible;
    width: 68em;
    margin-left: -2em;
}
.grid li {
    display: block;
    float: left;
    width: 16.3em;
    height: 16.3em;
}
.grid li a {
    display: block;
    opacity: 0.9;
}
.grid li a,
.javascript .grid li a:hover {
    margin: 1.65em auto;
    width: 13em;
    height: 13em;
}
.grid li a img {
    display: block;
    width: 100%;
    height: 100%;
}
.grid li a:hover {
    margin-top: 0;
    width: 16.3em;
    height: 16.3em;
    opacity: 1;
}
/* }}} */
/* {{{ table */
.section table {
    width: 100%;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    border-collapse: collapse;
}
table thead td {
    padding-bottom: 0.65em;
}
table thead td,
table th {
    font-weight: bold;
}
table td {
    font-size: 1.3em;
}
.section table td p {
    font-size: 1em;
}
table tr.first td {
    padding-top: 0.65em;
}
table tr.even {
}
table tr.odd {
}
table tr.last td {
    padding-bottom: 0.65em;
}
/* }}} */
/* {{{ navigation */
#navigation {
    z-index: 1;
}
#navigation_portfolio ul {
    font-family: Georgia, "Times New Roman", Times, Serif;
    list-style: none;
}
#navigation_portfolio ul li {
    list-style: none;
    display: inline;
    font-size: 3.9em;
    line-height: 1.25em;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding-right: 0em;
}
#navigation_portfolio ul li a {
    text-decoration: none;
}
/* }}} */
/* {{{ footer */
#footer {
    padding: 2em;
    clear: both;
}
#footer p {
    font-size: 1.1em;
}
/* }}} */

/* vim:set ft=css sw=4 sts=4 fdm=marker : */