/* 
    Document   : error
    Created on : 24 mars 2011, 23:16:44
    Author     : Axel BELUJON
    Description:
        A Stylesheet for the 404 part of the site.
*/

::-moz-selection{ background: #CB3234; color:#fff; text-shadow: none; }
::selection { background:#CB3234; color:#fff; text-shadow: none; }

body{
    background: #000 url('../images/elts/pattern404.png') repeat fixed;
    font-family: Joystix;
    color: #fff;
    width: 100%;
}

#soundbtn{
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

#sharezone{
    position: absolute;
    top: 10px;
    right: 10px;
    vertical-align: middle;
}

#sharezone span{
    position: relative;
    top: -15px;
}

#container{
    margin-top: 30px;
}

.gameZone{
    margin: auto;
    width: 500px;
}

#game404{
    background: url("../images/wild/intro.png") no-repeat top center;
    height: 700px;
}

#title404{
    font-family: m12;
    text-align: center;
    margin-left: -14px;
}

#title404 h1{
    font-size: 50px;
    color: #e9ff03;
}

#takemeback{
    margin-bottom: 60px;
    text-align: center;
}

#title404 h2{
    font-size: 14px;
    font-family: Joystix;
    color: #cb3234;
    margin-bottom: 10px;
}

#game404-2{
    height: 500px;
}

#game404-3{
    height: 715px;
}

#game404-2 h1{
    font-family: m12;
    font-size: 80px;
    color: #e9ff03;
    text-align: center;
}

#game404-3 h1{
    font-family: m12;
    font-size: 49px;
    color: #e9ff03;
    text-align: center;
    z-index: 8;
    position: relative;
}

#game404-2 ul{
    list-style: none;
    text-align: left;
    font-size: 25px;
    margin: 15px 0 0 110px;
}

#game404-2 p{
    text-align: center;
    font-size: 25px;
    margin-top: 10px;
}

#lvl1{
    color: #c93f34;
}

#gamefield{
    width: 1168px;
    height: 818px;
    position: absolute;
    margin-left: -584px;
    left: 50%;
    top: 30px;
    z-index: 3;
    background: url('../images/wild/map-a.png') no-repeat;
}

#gameint{
    width: 827px;
    height: 445px;
    overflow: hidden;
    position: relative;
    top: 181px;
    left: 169px;
    cursor: url('../images/wild/cross.gif'), crosshair;
}

.player{
    position: relative;
    z-index: 4;
    top: 115px;
    width: 139px;
}

#timeYou{
    font-size: 20px;
    width: 150px;
    position: absolute;
    top: 164px;
    color: #75b11e;
    right: 228px;
    text-align: right;
}

#timeHim{
    position: absolute;
    width: 150px;
    font-size: 20px;
    top: 200px;
    color: #75b11e;
    right: 228px;
    text-align: right;
}

#rewardBoard{
    width: 150px;
    position: absolute;
    right: 227px;
    font-size: 22px;
    top: 587px;
    text-align: right;
}

#rewardValue{
    color: #75b11e;
    font-family: m12;
    position: relative;
    left: 5px;
}

#scoreBoard{
    width: 150px;
    position: absolute;
    font-size: 24px;
    right: 378px;
    text-align: right;
    top: 585px;
}

#bulle{
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -282px;
    margin-left: 0px;
    width: 329px;
    height: 107px;
    display: none;
}

#playbutton-red{
    position: relative;
    top: 40px;
    left: 87px;
}

#redIndic{
    width: 20px;
    position: absolute;
    top: 250px;
    margin-left: 85px;
}

.levelSelect{
    cursor: pointer;
}

#sharing-links{
    position: absolute;
    margin-left: -27px;
    margin-top: 141px;
}

#play-btn{
    position: absolute;
    margin-top: 217px;
    margin-left: 292px;
}

#gameoverZone{
    width: 1168px;
    height: 818px;
    position: absolute;
    margin-left: -584px;
    left: 50%;
    top: 30px;
    z-index: 3;
    background: url('../images/wild/ecran-scores.png') no-repeat;
}

#gameoverInt{
    padding: 235px 0 0 260px;
    width: 630px;
    height: 325px;
    text-align: center;
}

#gameoverInt p{
    font-size: 25px;
    margin: 15px 0 15px 0;
}

form{
    position: relative;
    top: 10px;
}

input{
    font-family: Joystix;
    width: 600px;
    height: 25px;
    border: none;
    background: #fff;
    padding: 10px 15px 10px 15px;
    font-size: 25px;
}

#scoreFinal{
    color: #75b11e;
}

#scorelist{
    position: relative;
    top: 33px;
}

#shareScore{
    margin-top: 65px;
    text-align: center;
    font-size: 25px;
    color: #C93F34;
}
    #shareScore p{
        margin-bottom: 10px;
    }

p#scoreLinks{
    text-align: center;
    color: #e9ff03;
    font-size: 17px;
    width: 518px;
    margin-top: 30px;
}
    p#scoreLinks a{
        color: #e9ff03;
        text-decoration: underline;
    }

#gameoverZone h2{
    font-size: 55px;
    color: #d02c33;
}

ul#scorelist{
    font-size: 25px;
    list-style: none;
    margin-top: -10px;
    width: 600px;
    position: relative;
}

ul#scorelist li.current{
    color: #c93f34;
}

#foulbg{
    position: relative;
    z-index: 3;
    top: 49px;
    width: 829px;
    height: 347px;
    background: transparent none;
    position: absolute;
}

#try-again-link{
    text-align: center; 
    color: #E9FF03;
    font-size: 17px !important;
    width: 614px;
    margin-top: 50px !important;
}

#try-again-link a{
    color: #E9FF03;
}

#try-again-link a:hover{
    color: #E9FF03;
}

footer{
    color: #555d1a;
    width: 650px;
    text-align: center;
    margin: auto;
    z-index: 9;
    position: relative;
    font-size: 11px;
    margin-bottom: 20px;
}

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

footer a:hover{
    color: #555d1a;
}

footer a:visited{
    color: #555d1a;
}