/*
 * Copyright © 2009 Kris Maglione
 * Copyright © 2009 Martin Stubenschrott
 * Creative Commons Attribution licensed.
 *
 * Colors based on the lizTaylor color scheme:
 * http://www.colorschemer.com/schemes/viewscheme.php?id=6520
 */

body {
    display: block;
    margin: 0;
    padding: 15px 0px;
    font-size: 10pt;
    font-family: Helvetica, "DejaVu Sans", "Bitstream Vera Sans", Arial, Verdana, sans-serif;
    background-color: #3c3941;
    line-height: 150%;
}

/* Styles */
h1 {
    margin: 0 0 .6em 0;
    font-size: 1.5em;
    font-weight: bold;
    color: black;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
}
img, table {
    border: 0;
}
a {
    text-decoration: none;
    /* color: #7c0101; */ /* same red as the menu */
    color: #bf491f;
}
a[rel=external] {
    /* Thanks, Wikipedia */
    background: transparent url(../img/external.png) no-repeat scroll right center;
    padding-right: 13px;
}
a:hover {
    text-decoration: underline;
}
.note, .warning {
    font-weight: bold;
    font-variant: small-caps;
    color: #7c0101;
}
p {
    text-align: justify;
}

tt {
    font-family: Fixed, monospace;
}
code {
    font-family: Fixed, monospace;
    font-weight: bold;
    color: #82778c;
}
.code {
    white-space: pre;
    font-family: Terminus, Fixed, monospace;
    padding-left: 2em;
    color: #82778c;
}
.project {
    width: 40%;
    min-height: 8em;
    color: black;
    text-align: left;
    text-decoration: none;
    background-color: #e7ddbc;
    float: left;
    padding: 20px;
    margin: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 4px #7c0101;
    -webkit-box-shadow: 0 0 4px #7c0101;
}
.project:hover {
    background-color: white; /*#6e6273;*/
    -moz-box-shadow: 0 0 8px #7c0101;
    -webkit-box-shadow: 0 0 8px #7c0101;
}

/* News Feed */
.feed {
    margin-top: 40px;
}
.feed-link {
    vertical-align: middle;
    text-transform: lowercase;
    font-size: 60%;
    font-weight: bold;
}
.feed-link a {
}
.feed-items {
    padding-left: .5em;
}
.feed-item {
    display: block;
}
.feed-item-title {
    display: block;
    margin: 1ex 0 0 0;
    font-size: 1.1em;
    font-weight: bold;
}
.feed-item-content {
    padding-left: .8em;
}
.feed-item-content > p:first-child {
    margin-top: 1ex;
}
.feed-more {
    margin-top: -1em;
    margin-bottom: .4em;
}
.feed-item-info {
    padding-left: .8em;
    color: gray;
    font-size: 80%;
    margin-top: -1ex;
}

/* Download widget */
a:hover .download-button {
    text-decoration: none;
}
.download-button {
    float: left;
    background: url(../img/download.png);
    line-height: 120%;
    color: black;
    width: 240px;
    height: 56px;
    padding-left: 60px;
}
.download-button-head {
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
}
.download-button-version {
    font-size: 12px;
    padding-top: 2px;
}
.download-right {
    float: left;
    margin: 0px;
    padding-left: 2em;
    height: 56px;
}
.download-date {
    font-size: .8em;
    clear: both;
    padding: 1ex;
}

/* Main layout */
.header       { height: 68px; line-height: 68px; }
.main         { max-width: 120ex; }
.main-content { padding-right: 22ex; }
#topmenu      { height: 1.8em; line-height: 1.8em; }
#sidebar      { width: 20ex; padding: 2ex 1ex; right: 0ex; }

/* Shading */
#menubar { border-width: 6px 0  3px; }
#topmenu { margin:      -6px 0 -3px; }

/* Unused because of the fucking ads. */
.topmenu-sub-sub { width: 20ex; right: 0; top: 30px; }

/* ... */
.main {
    position: relative;
    margin: 0 auto;
    padding: 0em;
    border: 1px solid #4f3659;
}
.header {
    background-color: #1e0b1b;
    border-bottom: 1px solid #3c3941;
    width: 100%;
}
.logo {
    vertical-align: middle;
    margin-left: 16px;
    margin-bottom: -5px;
}
.search {
    float: right;
    height: 68px;
    padding-right: 1em;
}
#cse-search-box {
    display: block;
    vertical-align: middle;
    margin-top: -2px;
}
.search-input {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-inline-policy: continuous;
}

.main-content {
    position: relative;
    background-color: white;
    border-top: 1px solid #6e6273;
    min-height: 20em;
}
.content {
    margin: 1.4em 1.8em;
}
#sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #eaeaea;
    border-left: 1px dotted #3c3941;
}
.sidebar a {
    color: #444;
}

.adsense {
    margin: 3ex 1ex;
    height: 90%;
    overflow: hidden;
}

.project-icon {
    font-weight: bold;
    font-size: 102%;
    padding-right: .4em;
}

#menubar {
    position: relative;
    background-color: #7c0101;
    border-color: #820101 #000000 #780101;
    border-style: solid;
}

#topmenu {
    padding-left: 0px;
    color: white;
    width: 100%;
    list-style: none;
}
.topmenu-sub-li {
    display: inline;
    vertical-align: middle;
}
.topmenu-sub-li > a {
    padding: 0 .9em;
    color: #e7ddbc;
    float: left;
    font-size: 1em;
    border-right: 1px dotted white;
    font-family: Helvetica;
    font-weight: bold;
}
.sidemenu > a:hover, .topmenu-sub-li > a:hover, .topmenu-sub-li > a.current {
    text-decoration: none;
    background-color: #6e6273;
}
.topmenu-sub-sub {
    position: absolute;
}
.topmenu-sub-sub, .sidemenu {
    z-index: 1;
    list-style: none;
    padding-left: 1em;
    margin-bottom: 1em;
}
.sidemenu {
    margin-top: .1em;
}

a.current {
    color: white;
}

.content {
    min-height: 30em;
    color: black;
}

.copyright {
    left: 0;
    bottom: 0;
    padding: 1ex;
    background-color: #1e0b1b;
    color: white;
    border-top: 1px solid #6e6273;
}
.copyright-content {
    text-align: center;
    padding: .1ex;
}

.screenshots {
    display: block;
    width: 100%;
    padding: 0;
}
.screenshot {
    display: block;
    float: left;
    width: 220px;
    padding: 10px;
    text-align: center;
}
.screenshot .caption {
    display: block;
    text-align: center;
    min-height: 3em;
}

.thanks:-moz-loading, .license:-moz-loading {
    visibility: hidden;
}
.thanks, .license {
    width: 80px;
    height: 15px;
}

.strut {
    clear: both;
    height: 0px;
    overflow: hidden;
}


/* vim:set ft=css sts=4 sw=4 et: */