/**
 *    Razvijalec Layout
 *    Used on: -> global layout styles
 *
 *    @version 1.0
 **/

/* =NOTICE
----------------------------------------------- */
#notice {
    width: 100%;
    height: 32px;
    line-height: 32px;
}

/* =HEADER
----------------------------------------------- */
#header {
    width: 100%;
    height: 192px;
    margin-bottom: 32px;
}

    #header > div {
        width: 880px;
        height: 192px;
        margin: 0 auto 0 auto;
        position: relative;
    }

        #header > div > h1 {
            width: 221px;
            height: 35px;
            position: absolute;
            top: 136px;
            left: 0px;
        }

/* =CONTENT
----------------------------------------------- */
#content {
    width: 100%;
    line-height: 24px;
    padding: 0 0 32px 0;
    float: left;
    clear: left;
}

    #content > div {
        width: 880px;
        margin: 0 auto 0 auto;
    }

        #content > div > #tweets {
            width: 280px;
            float: left;
            position: relative;
            top: -6px;
        }

            #content > div > #tweets > h2 {
                width: 280px;
                height: 46px;
                line-height: 46px;
                padding-left: 51px;
                margin-bottom: 12px;
                position: relative;
                left: -51px;
                font-size: 18px;
                background: url(../images/sprite_main.png) no-repeat 0 -50px;
            }

            #content > div > #tweets p.time a {
                font-family: Georgia;
                font-size: 11px;
                font-style: italic;
                color: #bdb585;
            }

            #content > div > #tweets p.time a:hover {
                border-bottom: 0;
                background: none;
                color: #593d11;
            }

            .tweet_list li {
                margin-bottom: 16px;
            }

            #content > div > #tweets p {
                font-family: Arial;
                color: #593d11;
            }

        #content > div > #whatisthis {
            width: 480px;
            float: right;
        }

            #content > div > #whatisthis > h2 {
                font-size: 32px;
                color: #000;
                margin-bottom: 24px;
            }

            #content > div > #whatisthis > p {
                margin-bottom: 16px;
            }

            #content > div > #whatisthis > p.a {
                width: auto;
                padding-left: 16px;
                margin-bottom: 0;
                float: right;
                font-style: italic;
                font-weight: bold;
                background: url(../images/sprite_main.png) no-repeat 0 -121px;
            }