/*

Molengo

*/

@font-face {
        font-family: 'Comfortaa';
        font-weight: normal;
        font-style: normal;
        src: url(comfortaa.woff) format('woff');
}

html, body {
        margin: 0;
        padding: 0;
        font-size: 100%;
        scrollbar-face-color: #DBEFAB;
  scrollbar-highlight-color: #F58C5D;
  scrollbar-3dlight-color: #DBEFAB;
  scrollbar-darkshadow-color: #DBEFAB;
  scrollbar-shadow-color: #F58C5D;
  scrollbar-arrow-color: #F58C5D;
  scrollbar-track-color: #DBEFAB;
}

body {
        background: -webkit-radial-gradient(#DBEFAB, #FFF);
        background: -moz-radial-gradient(#DBEFAB, #FFF);
        background: -ms-radial-gradient(#DBEFAB, #FFF);
        background: -o-radial-gradient(#DBEFAB, #FFF);
        background: radial-gradient(#DBEFAB, #FFF);
}

a {
        text-decoration: none;
}

header {
        margin: 30px auto -20px;
        padding: 20px 0 10px;
        width: 980px;
}

#logo {
        margin: 0;
        padding: 0;
        float: left;
        border: #F3C957 10px solid;
        width: 180px;
        height: 180px;
        position: absolute;
}

        #logo img {
                width: 180px;
                height: 180px;
        }

h1 {
        margin: 40px 0 0 340px;
        padding: 10px;
        font-family: 'Comfortaa', sans-serif;
        font-weight: normal;
        font-size: 2.5em;
        text-align: right;
        color: #E1497B;
}

#main {
        margin: 0;
        padding: 0 50px 0 0;
        background-color: #F3C957;
        font-family: 'Molengo', sans-serif;
        font-size: 1em;
        text-align: right;
}

        #main a {
                margin: 0 10px;
                padding: 10px 20px;
                display: inline-block;
                text-transform: uppercase;
                color: #FFF;
                -webkit-transition: background 0.5s ease;
                -moz-transition: background 0.5s ease;
                -ms-transition: background 0.5s ease;
                -o-transition: background 0.5s ease;
                transition: background 0.5s ease;
        }

        #main a:hover, #main a:focus {
                background-color: #E3B842;
        }

#wrapper {
        margin: 30px auto 0;
        padding: 0;
        width: 980px;
}

#sidebar {
        margin: 50px 0 0;
        padding: 0;
        float: left;
        width: 220px;
}

.sblock {
        margin: 0 0 50px;
        padding: 0;
        text-align: right;
}

        .sblock h3 {
                margin: 0;
                padding: 5px 10px;
                font-family: 'Comfortaa', sans-serif;
                font-weight: normal;
                color: #E1497B;
        }

.snav {
        margin: 0;
        padding: 0;
        font-family: 'Molengo', sans-serif;
        font-size: 1em;
}

        .snav a {
                margin: 0 0 5px;
                padding: 5px 20px;
                display: block;
                background-color: #f7ca87;
                border-radius: 10px 0 0 10px;
                color: #dc7142;
                -webkit-transition: margin 0.3s linear;
                -moz-transition: margin 0.3s linear;
                -ms-transition: margin 0.3s linear;
                -o-transition: margin 0.3s linear;
                transition: margin 0.3s linear;
        }

        .snav a:hover {
                margin-left: 20px;
        }

#content {
        margin: 0 0 0 220px;
        padding: 0;
        background-color: #FFF;
        box-shadow: #CCC 0 0px 10px;
}

article {
        margin: 0;
        padding: 10px;
}

.subject {
        margin: 0 -10px;
        padding: 10px 20px;
        background-color: #F58C5D;
        font-family: 'Comfortaa', sans-serif;
        font-weight: normal;
        font-size: 1.5em;
        color: #FFF;
}

.entry {
        margin: 3;
        padding: 10px;
        font-family: 'Molengo', sans-serif;
        font-size: 12;
        text-align: justify;
        color: #666;
}

        .entry a {
                text-decoration: underline;
                color: #E1497B;
        }

footer {
        margin: 0;
        padding: 10px;
        background-color: #F3C957;
        font-family: 'Comfortaa', sans-serif;
        font-size: 1em;
        text-align: center;
        color: #FFF;
}

        footer a {
                text-decoration: underline;
                color: #FFF;
        }

.clearl {
        clear: left;
}


.highlightCard {
        border: 2px solid #025a81;
        background: #025a81;
}
.dimmedCard {
        opacity: 0.3;
        filter:alpha(opacity=30);
}