/* CSS for easterhegg.ch */

html, body {
    margin:0;
    padding:0;
    font-size:62.5%; /* about 10px in standard browser environments */
    background:#1a171b;
    color:#eee;
    font-family:Verdana,Arial,sans-serif;
}

#navijump { display:none; }

a img {
    border:0;
}

p, th, td, li, address, dl, details {
    font-size:2em;
}
code {
    font-size:1.5em;
}

address {
    font-style:normal;
}

h1, h2, h3 {
    font-weight:bold;
    font-size:2em;
    font-family: 'Iceberg', monospace;
}

h1 {
    font-size:4em;
    letter-spacing:-2px;
    text-shadow:rgba(133,133,133,0.3) -2px 4px 2px;
}

h2 {
    font-size:3.5em;
    text-shadow:rgba(133,133,133,0.3) -2px 4px 2px;
}

h3 {
    font-size:3.5em;
}

#header {
    margin:5px 5px 5px 20px;
    margin-left:120px;
    height:236px;
    max-width:905px;
    position:relative;
}

#header #banner-parts {
    width:100%;
    display:table;
    text-align:center;
}

#header #banner-parts a {
    display:table-cell;
}

#shortinfos {
    position:absolute;
    bottom:-20px;
    right:4px;
    font-size:1.8em;
}

#header #shortinfos a {
    text-decoration:none;
    border:0;
}

#container {
    margin:20px 0 5px 20px;
    padding:0;
    max-width:1060px;
}

#navigation {
    width:19%;
    float:right;
    font-family: 'Iceberg', monospace;
    font-weight:bold;
    font-size:1.6em;

    margin:0;
    padding:0;
}

#navigation ul {
    list-style-type:none;

    margin:0;
    padding:0;
}

#navigation li {
    background:#333;
    padding:2px 4px 2px 4px;
    margin:0 0 6px 0;
    min-width:173px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: #232323 0px 2px 3px;
    -moz-box-shadow: #232323 0px 2px 3px;
    box-shadow: #232323 0px 2px 3px;
}

#navigation a {
    display:block;
    color:#ddd;
}

#navigation li:hover, #navigation li:hover a,#navigation a:hover {
    background:#ddd;
    color:#111;
}

#navigation a[href] {
    text-decoration:none;
}

#content {
    width:79%;
    float:left;
    line-height:2.5em;

    margin:0;
    padding:0;
}

article:first-of-type {
    margin-top:0;
}

article {
    border-bottom:1px solid #232323;
    padding-bottom:2em;
    margin-bottom:2em;
}

article:last-of-type {
    border-bottom:0;
}

a[href] {
    color:#eee;
}
a[href]:hover {
    text-decoration:underline;
    color:#fff;
    text-shadow:#fff 1px 0px 0px;
}

h1 a[href], h2 a[href], h3 a[href] {
    text-decoration:none;
}

.clearfix {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }

fieldset {
    border:0;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #333;
}
fieldset:last-of-type {
    border-bottom:0;
}

legend {
    margin:auto;
    font-size:3.5em;
    padding-bottom:1em;
    padding-top:1em;
}

div.row {
    clear:both;
    width:500px;
    vertical-align:middle;
}

.error {
    border:1px solid red;
    margin-bottom:2px;
    padding:2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

div.row label {
    font-size:2em;
    float:left;
}

div.input {
    text-align:right;
}

div.input input[type=text], div.input select {
    width:150px;
    height:25px;
    border:1px solid gray;
    margin-top:2px;
    margin-bottom:2px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 1px 1px 1px #333;
    -moz-box-shadow: 1px 1px 1px 1px #333;
    box-shadow: 1px 1px 1px 1px #333;
}

input.primary {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 1px 1px 1px #444;
    -moz-box-shadow: 1px 1px 1px 1px #444;
    box-shadow: 1px 1px 1px 1px #444;

    border:1px solid #222;
    background-color:#333;
    color:#ddd;

    padding:5px 15px 5px 15px;
    font-weight:bold;
}

input.primary:hover {
    -webkit-box-shadow: 1px 1px 1px 1px #222;
    -moz-box-shadow: 1px 1px 1px 1px #222;
    box-shadow: 1px 1px 1px 1px #222;
}

.col {
    font-size:2em;
}

.col textarea {
    width:500px;
    height:200px;
    -webkit-box-shadow: 1px 1px 1px 1px #444;
    -moz-box-shadow: 1px 1px 1px 1px #444;
    box-shadow: 1px 1px 1px 1px #444;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.help-text {
    display:block;
    font-size:1.4em;
    font-style:italic;
}

#referees ul {
    list-style-type:none;
    padding:0;
    margin-top:0;
}

#referees dd {
    margin-left:0;
    margin-bottom:10px;
}

#referees dd li {
    font-size:1em;
}

#referees dd img {
    float:left;
}

.clearfix {
    clear:both;
}

@media only screen and (max-width: 768px) {
    #content {
        float:none;
        margin:0 10px 0 10px;
    }
    #navi {
        float:none;
        width:auto;
    }

    #header {
        width:auto;
        height:100%;
        margin:5px 10px 5px 10px;
        position:relative;
    }

    #header h1, #header h2 { margin:0; }

    #shortinfos { position:static; }
    #navigation {
        width:auto;
        position:static;
        margin:5px 10px 5px 10px;
        float:none;
    }
    #navigation li {
        width:auto;
        min-width:0;
        margin-right:20px;
    }
}


#schedule .schedule {
    border-spacing:1px;
}

#schedule .schedule td div {
    height:65px;
}

#schedule .schedule td, #schedule .schedule th {
    vertical-align:top;
    padding:3px 3px 1em 3px;
    border-radius:2px;
}

#schedule .schedule td:last-of-type, #schedule .schedule th:last-of-type {
    border-right:0;
}

#schedule .schedule h3 {
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    text-shadow: none;
    margin:0;
}

#schedule .schedule td.lecture {
    background-color:#333;
}

#schedule .schedule td {
    border-top:1px dashed #3d3d3d;
    border-radius:0;
}

#sessions dt {
    font-size: 1.1em;
    font-weight:bold;
    background-color:#333;
    padding:3px 3px 0px 3px;
    border-radius:2px 2px 0px 0px;
}

#sessions dt a {
    text-decoration:none;
    display:block;
}

#sessions dd {
    margin-left:0;
    margin-bottom:1em;
    padding:1px 3px 3px 3px;
    background-color:#333;
    border-radius:0px 0px 2px 2px;
}

#sessions dd p {
    font-size:1em;
}

#sessions dd li {
    font-size:1em;
}

#session aside {
    font-weight:bold;
}
#session ul li p {
    font-size:1em;
}

#rss-link {
    margin-left:5px;
}

@media only screen and (max-width: 480px) {
    div.row {
        width:100%;
    }
    div.row label {
        display:block;
        float:none;
    }
    div.row div.input {
        text-align:left;
    }
    .col textarea {
        width:100%;
    }

    #navijump {
        display:block;
        margin:5px 10px 5px 10px;
    }

    #content {
        float:none;
        margin:0;
    }
    #navi {
        float:none;
        width:auto;
    }

    #header {
        width:auto;
        height:100%;
        margin:5px 10px 5px 10px;
        position:relative;
    }

    #header #banner-parts {
        display:inline;
    }
    #header #banner-parts #bunny1, #header #banner-parts #bunny3 {
        display:none;
    }

    #header h1, #header h2 { margin:0; }

    #shortinfos { position:static; }
    #navigation {
        width:auto;
        position:static;
        margin:5px 10px 5px 10px;
        float:none;
    }
    #navigation li {
        width:auto;
        min-width:0;
        margin-right:20px;
    }
}

@media print {
    #header {
        display:none;
    }

    #schedule h1 {
        display:none;
    }

    #schedule .schedule td div {
        height:inherit;
    }

    #content {
        width:100%;
    }

    #navigation {
        display:none;
    }
}

/* eof */