html { background-color: #1e1e1e; margin: 0; font-family: helvetica; } body { margin: 0; } #header { float: left; width: 100%; height: 30px; margin: 10px 0 0 0; background-color: #313131; } .footer { color: #222222; margin: 20px auto 0 auto; text-align: center; } h1 { text-align: center; line-height: 30px; font-size: 16px; margin: 0; color: #fff; text-shadow: 0px -1px #000; letter-spacing: 5px; } h2 { text-align: center; font-size: 50px; color: #fff; line-height: 65px; } h3 { margin-bottom: 10px; font-size: 25px; color: #acacac; font-weight: normal; } h4 { margin: 0 0 20px 0; font-size: 15px; color: #313131; font-weight: normal; } #lyrics_c { float: left; width: 100%; margin: 30px auto 0 auto; background-color: #000; } .thecenter { width: 800px; margin: 0 auto 0 auto; position: relative; } .lyrics { width: 800px; margin: 0 auto 0 auto; position: absolute; top: 0; } #bottom { float: left; width: 100%; } .bottom_c { width: 500px; margin: 20px auto 0 auto; text-align: center; padding: 20px; background-color: #151515; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #000000; -webkit-box-shadow: #121212 0 0, #636363 0 1px inset; -moz-box-shadow: #121212 0 0, #636363 0 1px inset; -o-box-shadow: #121212 0 0, #636363 0 1px inset; box-shadow: #121212 0 0, #636363 0 1px inset; } .quotes { color: #313131; font-size: 70px; } .play { color: #ffffff; font-size: 15px; text-shadow: 1px 1px #000; font-weight: bold; background-color: #313131; padding: 10px 20px; margin: 0 auto 0 auto; border: none; cursor: pointer; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #000000; -webkit-box-shadow: #121212 0 0, #636363 0 1px inset; -moz-box-shadow: #121212 0 0, #636363 0 1px inset; -o-box-shadow: #121212 0 0, #636363 0 1px inset; box-shadow: #121212 0 0, #636363 0 1px inset; } .play:active { color: #ffffff; font-size: 15px; text-shadow: 1px 1px #000; font-weight: bold; background-color: #313131; padding: 10px 20px; margin: 0 auto 0 auto; border: none; cursor: pointer; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #000000; -webkit-box-shadow: #121212 0 0, #121212 0 1px inset; -moz-box-shadow: #121212 0 0, #121212 0 1px inset; -o-box-shadow: #121212 0 0, #121212 0 1px inset; box-shadow: #121212 0 0, #121212 0 1px inset; } .prev { float: left; font-size: 30px; font-weight: bold; text-shadow: 0 -1px #000; color: #313131; } .next { float: right; font-size: 30px; font-weight: bold; text-shadow: 0 -1px #000; color: #313131; } .prev:hover { cursor: pointer; color: #fff; -webkit-transition:color .5s ease-in; -moz-transition:color .5s ease-in; -o-transition:color .5s ease-in; transition:color .5s ease-in; } .next:hover { cursor: pointer; color: #fff; -webkit-transition:color .5s ease-in; -moz-transition:color .5s ease-in; -o-transition:color .5s ease-in; transition:color .5s ease-in; }