/* {{{ global */
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 75%;
    background-color: #ffffff;
}
body, input, textarea, button {
    font-family: "Verdana", "Tahoma", "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;
}
.invisible {
    display: none;
}
.hidden {
    visibility: hidden;
}
.clear {
    clear: both;
}
/* }}} */

/* {{{ colors default */
#first,
#singleview,
.movie {
    background-color: #5b5b5b;
}
#first h1,
#first p,
#singleview h1,
#singleview p,
.movie h1, 
.movie p {
    color: #999999;
}
#first .toread p,
#singleview .toread p {
    color: #dddddd;
}
#first .section,
#singleview .section,
.movie .section {
    background-color: #4b4b4b;
}
/* }}} */
/* {{{ colors green */
.green #first,
.green #singleview,
.green .movie {
    background-color: #c8e445;
}
.green #first h1,
.green #first p,
.green #singleview h1,
.green #singleview p,
.green .movie h1, 
.green .movie p {
    color: #333333;
}
.green #first .toread p,
.green #singleview .toread p {
    color: #222222;
}
.green #first .section,
.green #singleview .section,
.green .movie .section {
    background-color: #badd17;
}
/* }}} */

/* {{{ header */
#logo a {
}
#logo img, #logo object {
    display: block;
    border: none;
    width: 17.75em;
    height: 9.6em;
}
#logo span.slogan {
}
/* }}} */
/* {{{ content */
#content {
    width: 100%;
}
#content h1 {
    font-size: 1em;
    font-weight: bold;
    padding-top: 1.7em;
}
#content h2 {
    font-size: 1em;
    font-weight: bold;
    padding-top: 1.7em;
}
#content h3 {
    font-size: 1em;
    font-weight: bold;
}
#content p, 
#content ul,
#content h2,
#content h3 {
    line-height: 1.7em;
}
.section p {
    width: 36em;
}
.section .image {
    margin-bottom: 1.7em;
}
#content .section .teaser p,
a.yearthumb .hoverdate {
    font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;
}
#content .section .teaser p {
    font-size: 2em;
    font-weight: normal;
    width: 18em;
    line-height: 1.3em;
    padding-top: 0.4em;
    padding-bottom: 0.5em;
}
#content .spaceafter {
    margin-bottom: 1.7em;
}
#content .section {
    position: relative;
    clear: both;
    width: 86em;
}
#content a {
    color: #888888;
}
#content a:hover {
    color: #fb8000;
}
#content ul {
    padding-left: 1.7em;
    padding-bottom: 1.7em;
    color: #888888;
}
#content ul li {
    list-style: disc;
}
#content ul li p {
    color: #000000;
}
#content dl {
    line-height: 1.7em;
}
#content dt {
    padding-top: 0.85em;
}
#content dd {
    padding-left: 1.7em;
}
/* }}} */
/* {{{ video */
.video {
    position: relative;
    width: 58em;
}
.video div.wrapper {
    position: relative;
}
.video img,
.video object {
    display: block;
    width: 100%;
    border: none;
}
.video .controls {
    position: relative;
    line-height: 1.5em;
    font-size: 0.8em;
    color: #666666;
}
.video .indicator {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 30em;
    min-height: 100% !important;
    background: url("../js/depage_player/play_indicator.png") center center no-repeat !important;
    background: url("../js/depage_player/play_indicator.gif") center center no-repeat;
}
.video .controls img {
    display: block;
    width: 3em;
    height: 3em;
}
.video .controls .play,
.video .controls .pause,
.video .controls .rewind,
.video .controls .time,
.video .controls .legend {
    display: block;
    position: absolute;
    top: 1em;
    z-index: 998;
}
.video .controls .play,
.video .controls .pause {
    left: 0;
}
.video .controls .rewind {
    left: 2.6em;
}
.video .controls .progress {
    position: relative;
    display: block;
    height: 1em;
    top: 0;
    left: 0;
    width: 100%;
    background: #666666;
    cursor: pointer;
    overflow: hidden;
}
.video .controls .progress,
.video .controls .buffer {
    border-bottom-left-radius: 0.6em;
    border-bottom-right-radius: 0.6em;
    -webkit-border-bottom-left-radius: 0.6em;
    -webkit-border-bottom-right-radius: 0.6em;
    -moz-border-radius-bottomleft: 0.6em;
    -moz-border-radius-bottomright: 0.6em;
}
.video .controls .progress span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.video .controls .progress .position {
    background: #eeeeee;
}
.video .controls .progress .buffer {
    background: #777777;
}
.video .controls .time,
.video .controls .legend {
    padding-top: 0.8em;
}
.video .controls .time {
    left: 6em;
}
.video .controls .legend {
    position: relative;
    padding-left: 15em;
    color: #000000;
    top: 0;
    padding-bottom: 1.5em;
    z-index: 997;
}
.video .controls .time span,
.video .controls .legend span {
    font-size: 1.1em;
}
/* }}} */
/* {{{ forms */
#content form {
    padding-top: 1.7em;
    padding-bottom: 1.7em;
}
#content form fieldset {
    position: relative;
    border: none;
    margin-bottom: 4em;
}
#content form legend {
    line-height: 2em;
    padding-top: 0.3em;
}
#content form legend span {
    font-weight: bold;
    position: absolute;
    line-height: 2em;
    top: -2.3em;
    left: 0em;
    color: #fb8000;
}
#content form .send {
    margin-top: -2em;
}
#content form .desc {
    display: block;
    float: left;
}
#content form .field {
    position: relative;
}
#content form .field input.error, #content form .field textarea.error {
    border: 1px solid #fb8000;
    background-color: #fbdb8d;
}
#content form .field input.checkbox, #content form .field input.button {
    width: auto;
    height: auto;
}
#content form .field input.button {
    padding: 0.3em 1em 0.3em 1em;
}
#content form em.needed {
    position: absolute;
    left: -0.7em;
    font-size: 1.5em;
    color: #fb8000;
}
#content form label em.key {
    font-style: normal;
    text-decoration: underline;
}
#content form p {
    clear: both;
    line-height: 1.7em;
    padding-bottom: 0.3em;
}
#content form .field input {
    height: 1.5em;
}
#content form .field input, #content form textarea {
    border: 1px solid #888888;
    background-color: #dddddd;
    font-size: 1em;
}
#content form .field input:focus, #content form .field textarea:focus {
    border: 1px solid #000000;
    background-color: #ffffff;
}
#content form .field select {
}
/* }}} */
/* {{{ tables */
#content table {
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    clear: both;
}
#content table th, #content table td {
    vertical-align: top;
}
#content table th {
    text-align: left;
}
/* }}} */
/* {{{ navigation */
.page_nav {
    padding: 2em;
    background-color: #dddddd;
    width: 86em;
}
.page_nav a {
    padding-right: 0.2em;
}
.page_nav a.active {
    font-weight: bold;
}
.date_nav {
    position: absolute;
    top: 19em;
    left: 84.0em;
}
.date_nav img {
    border: none;
    width: 1.75em;
}
#navigation ul {
    list-style: none;
}
#navigation ul ul li {
    /*padding-left: 1.5em;*/
}
#navigation ul a.parent_of_active,
#navigation ul a.active {
    font-weight: bold;
    color: #4b4b4b;
}
#navigation a {
    text-decoration: none;
}
/* }}} */
/* {{{ footer */
#footer {
    clear: both;
}
/* }}} */

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