/**
*    Skljoc.si Style
*    Used on: -> global
*
*    Skin: Default
*
*    @author  David Panzalović
*    @version 1.0
**/

/* =Common
----------------------------------------------- */
body {
    font-size: 12px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: #fff url(../../../../images/bg_body.png) repeat-x top;
    color: #333;
}

a {
    color: #3b5998;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

    #wrapper > div {
        background: url(../../../../images/bg_wrapper.png) repeat-y top;
    }

/* =Header
----------------------------------------------- */
#header {
    background: url(../../../../images/sprite_main.png) no-repeat 0 0;
}

    #header h1 a {
        text-indent: -99999px;
        background: url(../../../../images/sprite_main.png) no-repeat 0 -120px;
    }

    #header > a {
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        background: url(../../../../images/sprite_main.png) no-repeat -400px -300px;
        color: #fff;
    }

/* =Content
----------------------------------------------- */
#content.phones {
    background: url(../../../../images/phones.png) no-repeat 536px 160px;
}

    a.fb {
        font-size: 16px;
        background: url(../../../../images/sprite_main.png) no-repeat -400px -120px;
        color: #fefeff;
    }

        a.fb strong {
            font-size: 22px;
            font-weight: bold;
        }

    #intro {
        border-bottom: 1px solid #dcdcdc;
    }

    #intro.noBorder {
        border-bottom: none;
    }

        #intro h2 {
            font-size: 24px;
            font-weight: bold;
        }

        #intro h3 {
            font-size: 14px;
            font-weight: bold;
            color: #848484;
        }

        #intro h4 {
            font-size: 12px;
            font-weight: bold;
        }

        #intro strong {
            font-size: 16px;
            font-weight: bold;
        }

            #intro a.fb strong {
                font-size: 22px;
            }

        #intro p a {
            font-weight: bold;
        }

    #rules {
        font-size: 11px;
        color: #848484;
    }

        #rules dt {
            font-weight: bold;
        }

    #benefits {
        font-size: 11px;
        background: url(../../../../images/bg_benefits.png) no-repeat top left;
    }

        #benefits > ul {
            background: url(../../../../images/bg_benefits.png) no-repeat bottom left;
        }

            #benefits > ul > li {
                background: url(../../../../images/sprite_main.png) no-repeat 12px -295px;
            }

            #benefits > ul > li.cost    { background-position: 10px -494px; }
            #benefits > ul > li.privacy { background-position: 20px -693px; }

            #benefits h3 {
                font-size: 13px;
                font-weight: bold;
            }

    #content > #madeBy {
        background: url(../../../../images/sprite_main.png) no-repeat -700px -700px;
    }

        #content > #madeBy > dt {
            font-size: 11px;
            font-weight: bold;
            color: #000;
        }

        #content > #madeBy > dd {
            font-size: 11px;
            color: #848484;
        }

/* =Footer
----------------------------------------------- */
#footer {
    font-size: 11px;
    font-family: arial,"lucida grande",tahoma,verdana,sans-serif;
    border-top: 6px solid #ddd;
    color: #848484;
}

    #footer > p {

    }