/* ringo.css */

body {
        font-family: Helvetica, Arial, sans-serif;
        background-color: #99213d;
        background-image: url(../assets/ringofiles/ringobackgrgraph_1.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100%;
}

#button{
         top: 40px;
         position: absolute;
         left: 50%;
         margin-left: -300px; /* Half the width */
         }

#button img.button {
         width: 150px;
         height: 58px;
         float: left;
}

#gramm{
         top: 110px;
         margin-left: auto;
         margin-right: auto;
         width: 694px;
         height: 489px;
         position: relative;
}

#player {
         width: 320px;
         height: 240px;
         border-style: groove;
         border-color: #330000;
         border-width: 3px;
         position: relative;
         text-align: right;
         top: -170px;
         font-family: Helvetica, Arial, sans-serif;
         color: #ffff99;
         margin-left: 48%;
         margin-right: 52%;
}

#about {
         width: 694px;
         height: 347px;
         position: relative;
         text-align: center;
         top: -120px;
         font-family: Helvetica, Arial, sans-serif;
         color: #ffff99;
         margin-left: auto;
         margin-right: auto;
}

#text {
         width: 654px;
         height: 347px;
         position: relative;
         text-align: justify;
         top: -420px;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 16px;
         color: #ffff99;
         margin-left: auto;
         margin-right: auto;
}

#footer {
         font-size: 10px;
         color:#ffff99;
         margin-top: -450px;
         text-align: center;
         position: relative;
}

#footer_1 {
         font-size: 10px;
         color:#ffff99;
         margin-top: -90px;
         text-align: center;
         position: relative;
}

#highscores {
         width: 282px;
         height: 244px;
         border-style: groove;
         border-color: #330000;
         border-width: 3px;
         position: relative;
         text-align: right;
         top: -200px;
         font-family: Helvetica, Arial, sans-serif;
         color: #ffff99;
         margin-left: 52%;
         margin-right: 48%;
}

#highscores img.highscores_l {
         border-style: none;
         width: 39px;
         height: 38px;
         float: left;
         padding-right: 200px;
         padding-top: 10px;
}
#highscores img.highscores_r {
         border-style: none;
         width: 39px;
         height: 38px;
         float: left;
         padding-top: 10px;
}

#soon {
         width: 282px;
         height: 244px;
         border-style: none;
         position: relative;
         text-align: center;
         top: -120px;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 34px;
         color: #ffff99;
         margin-left: 52%;
         margin-right: 48%;
}

a:link    { text-decoration:none; color:#ffff99; }
a:visited { text-decoration:none; color:#ffff99; }
a:hover   { text-decoration:none; color:#ff9933;}
a:active  { text-decoration:none; color:#ff9933; }
a:focus   { text-decoration:none; color:#ffff99; }

a:link img, a:visited img {border-color: transparent;}
a:hover img {border-color: transparent;}