/*------------------------------------------------------------------------------
[Layout Default Stylesheet]

    Project:	twittepaga
    Version:	0.2
Last change:	29/03/10
Assigned to:	Bruno Bertolini
Primary use:	Layout (commons) Default
------------------------------------------------------------------------------*/

body {
    background: url(/img/layout/body-bg.gif);
}

nav#super {
    background: #333;
    font-size: 0.75em;
    display: block;
    height: 16px;
    padding: 7px 15px;
    text-align: right;
}

    nav#super a {
	color: #FFF;
        padding: 3px 10px 4px;
    }

    nav#super a:hover {
        color: #333;
        background: #f3a6a3;
        -moz-border-radius: 150px;
        -webkit-border-radius: 150px;
        border-radius: 150px;
    }

    nav#super ul {
        float: right;
    }

    nav#super li {
        float: left;
    }

        nav#super li.follow-us a {
            background: url(/img/icons/twitter-bird.png) no-repeat 10px 0;
            height: 22px;
            padding-left: 35px;
        }

        nav#super li.follow-us a:hover {
            color: #FFF;
            background: #3287bd url(/img/icons/twitter-bird.png) no-repeat 10px -22px;
            -moz-border-radius: 150px;
            -webkit-border-radius: 150px;
            border-radius: 150px;
        }

        nav#super li.logout a:hover {
            color: #FFF;
            background: #ff0000;
        }

header {
    height: 100px;
    margin: 0 auto;
    width: 775px;
}

    header h1 {
        background: url(/img/logo.png) no-repeat;
        float: left;
        height: 74px;
        margin: 20px 0 0 10px;
        text-indent: -9000px;
        width: 264px;
    }

        header h1 a {
            display: block;
            height: 74px;
        }

        header nav {
            float: right;
            position: relative;
            top: 40px;
        }

            header nav li {
                float: left;
                font-size: 0.7em;
                margin: 0 2px;
                text-transform: uppercase;
            }

            section#all header nav li a {
                color: #333;
                padding: 6px 12px;
            }

            section#all header nav li a:hover {
                color: #333;
                background: /*#A88788*/ #cdc298;
                -moz-border-radius: 150px;
                -webkit-border-radius: 150px;
                border-radius: 150px;
            }

            section#all header nav li a.active  {
                color: #fff;
                background: #6e5859;
                -moz-border-radius: 150px;
                -webkit-border-radius: 150px;
                border-radius: 150px;
            }

section#main {
    background: #FFF;
    display: block;
    font-size: 0.85em;
    margin: 0 auto 15px;
    padding: 15px;
    position:relative;
    width: 779px;
    z-index: 2;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

footer {
    font-size: 0.7em;
    margin: 0 auto;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    width: 779px;
}

    footer ul {
        float: right;
    }

    footer li {
        float: left;
        padding: 0 5px 10px;
    }

    footer a {
        color: #6e5859;
    }

    footer a:visited {
        color: #A88788;
    }

    footer a:hover, footer a:visited:hover {
        color: #544444;
    }