/************************************************************************************
    @Project    Joggink splash page
    @Author     Jochen Vandendriessche <sayhello@joggink.com>
************************************************************************************/

/************************************************************************************
    Dirty reset
************************************************************************************/
*{
    margin:  0;
    padding: 0;
    font-size: 100%;
}

/*******************************************************************************
    Nostyle hidden
*******************************************************************************/
.nostyle{
    position: absolute;
    left: -9999em;
}
/************************************************************************************
    Body style
************************************************************************************/
body{
    
    background: url('../i/body.jpg') left top;
    color: rgba(0,0,0,.75);
    font-family: 'Palatino Linotype', palatino, serif;
    font-weight: normal;
    line-height: 1.5;
    text-shadow: 0 2px 1px rgba(255,255,255,.3);
}

/************************************************************************************
    Hide some headers ;-)
************************************************************************************/
h1,h2{
    position: absolute;
    left: -9999em;
}

/************************************************************************************
    wrapper
************************************************************************************/
#wrapper{
    min-height: 500px;
    background: url('../i/wrapper.jpg') left top;
    padding: 50px;
}

    #wrapper p{
        width: 700px;
        margin: 0 auto;
        font-size: 200%;
        padding: 0 30px 20px;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
        
        #wrapper span.amp{
            font-weight: normal;
            font-style: italic;
            font-family: Baskerville, 'Palatino Linotype', palatino, serif;
        }
        
        #wrapper p a{
            background: rgba(0,0,0,.1);
            color: rgba(0,0,0,.75);
            text-decoration: none;
            -webkit-border-radius: 10px;
            padding: 0 5px;
            white-space: nowrap;
        }
        
        #wrapper p a:hover{
            background: rgba(0,0,0,.25);
        }
    
    #wrapper address{
        width: 720px;
        margin: 0 auto;
        padding: 20px 20px 0;
        border-top: 1px solid rgba(255,255,255,.2);
    }
    
        #wrapper address a{
            color: rgba(0,0,0,.75);
        }
        
        #wrapper address a:hover{
            text-decoration: none;
        }