/* {{{ depage iphone colors */
#contentcontainer {
    background: #ffffff;
}
.intro {
    background: #e0e0e0 !important;
}
#footer {
    border-top: 0.3em solid #e0e0e0;
}
#footer p,
#footer a {
    color: #000000;
}
.bottomnav li a {
    color: #555555;
}
#navigation {
    background: #000000;
}
#navigation ul li a {
    color: #ffffff;
}
#navigation ul ul li a {
    color: #bbbbbb;
}
#navigation:hover ul a {
    color: #ffffff;
}
.autolinklist li a {
    color: #000000;
}
#navigation .nav > ul:first-of-type > li:first-child > a {
    visibility: hidden;
    margin-right: -3em;
}
#navigation .nav > ul:first-of-type > li:first-child > a:before {
    content: "depage.net "; 
    font-weight: bold;
    visibility: visible;
}
/* }}} */
/* {{{ depagecms iphone colors */
.depagecms #contentcontainer {
    background: #ffffff;
}
.depagecms .intro {
    background: #e0e0e0 !important;
}
.depagecms #footer {
    border-top: 0.3em solid #e0e0e0;
}
.depagecms #footer p,
.depagecms #footer a {
    color: #000000;
}
.depagecms .bottomnav li a {
    color: #555555;
}
.depagecms #navigation {
    background: #CCC8C4;
}
.depagecms #navigation ul li a {
    color: #000000;
}
.depagecms #navigation ul ul li a {
    color: #424242;
}
.depagecms #navigation:hover ul a {
    color: #000000;
}
.depagecms .autolinklist li a {
    color: #000000;
}
.depagecms #navigation .nav > ul:first-of-type > li:first-child > a:before {
    content: "depagecms.net "; 
}
/* }}} */

/* {{{ global */
html {
    -webkit-text-size-adjust: none;
}
body {
    font-size: 67%;
}
html,
#header,
#footer {
    background: none !important;
    background: none;
}
#header {
    display: none;
}
/* }}} */
/* {{{ back */
#content .back {
    display: none;
}
/* }}} */
/* {{{ content */
#contentcontainer {
    border-left: none;
    border-right: none;
    position: static;
    padding: 0;
    margin: 0;
    width: 30em;
    height: auto !important;
    text-align: left;
}
#content {
    overflow: hidden;
    width: 28em;
    padding: 1em;
    margin: 0;
    padding-top: 13em;
}
.intro {
    margin-left: -0.5em;
    padding-left: 6em;
    border-left: none !important;
    -webkit-border-top-right-radius: 3em;
}
.section,
.section_start,
.article {
    margin: 0;
    font-size: 1.05em;
}
#content h1 {
    font-size: 2.4em;
    padding-right: 0;
}
#content h2 {
    margin-top: 1.6em;
}
.section .thumb img {
    width: 6em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.section .full,
.section .compare,
.section .slideshow,
.section .zoom,
.section .zoom .front,
.section .zoom .back,
.section .crop,
.section object,
.section embed {
    width: 25.5em;
}
.section .full img,
.section .compare img,
.section .slideshow img,
.section .zoom .front img,
.section .zoom .back img {
    width: 25.5em;
}
#content .float_left,
#content .float_left img {
    width: 13.5em;
}
#content .crop img {
    width: 61em;
}
#teaser .teaser {
    float: none;
    font-size: 1.35em;
    width: 20.5em;
    margin: 0;
}
    .source {
        font-size: 0.7em;
    }
    .source .codeswitch {
        position: static;
        display: block;
        right: 0;
        width: auto;
        font-size: 0.7em;
        margin-top: 1em;
    }
/* }}} */
/* {{{ lists big/nav */
ul.big {
    display: none;
    margin-top: 0em;
    font-size: 3em;
}
ul.big a {
    display: inline;
}
ul a {
    text-decoration: none;
}
ul a .hidden {
    visibility: visible;
    display: none;
    position: static;
    padding: 0;
    line-height: 1.7em;
}
li.highlighted {
    margin-top: 0.75em;
}
/* }}} */
/* {{{ footer */
#footercontainer {
    margin-top: 3em;
    position: static;
    width: 30em;
}
#footer {
    height: 5em;
    background: none !important;
}
#footer p {
    font-size: 1.3em;
}
/* }}} */
/* {{{ navigation */
#langswitch {
    display: none;
}
.article,
.bottomnav {
    border-top: none;
}
.bottomnav {
    width: 23em;
    font-size: 1.2em;
    line-height: 2em;
    margin-top: 6em;
    margin-bottom: 0em;
    height: auto;
}
.bottomnav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bottomnav li {
    float: right;
    padding: 0;
}
.bottomnav li:first-child {
    float: left;
    margin-right: 1em;
}
.bottomnav li a {
    display: block;
}
.topnav,
#crosslinks {
    display: none;
}
#navigation,
.home #navigation {
    display: block;
    position: absolute;
    float: none;
    top: 0;
    left: 0;
    width: 30em;
}
#navigation .nav {
    padding: 1em 1em 1em 1.5em;
    margin: 0;
    line-height: 2.5em;
}
#navigation ul li {
    display: inline;
    font-size: 1.2em;
    margin-right: 1em;
    margin-left: 0;
}
#navigation ul ul li {
    font-size: 1em;
}
#navigation:hover ul a {
    text-decoration: none;
}
#navigation ul:hover {
    border-left: none !important;
}
#navigation ul:hover ul {
    border-left: none !important;
}
#navigation ul {
    display: inline;
    border: none !important;
    margin: 0;
    padding: 0;
}
.autolinklist {
    display: none;
}
.autolinklist li::after {
    content: "";
}
/* }}} */

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