body, h1, h2, h3, h4, form, ul, li { margin: 0; padding: 0; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #contents { width: 1000px; margin: 0 0 0 -500px; left: 50%; position: relative; /* background-color: #EEE;*/ } .inner-1 { margin: 2em; } .artist { display: block; width: 100%; text-align: center; margin: 4em 0 0.5em 0; font-size: 3em; } .album { width: 100%; clear: both; } .album .pic { width: 250px; height: 250px; background-color: #DDD; float: left; margin: 0 1em 1em 0; } .album .name { display: block; float: left; width: 450px; font-size: 1.5em; margin: 0 0 0.5em 0; /* background-color: yellowgreen;*/ } .album .tracks { display: block; float: left; width: 450px; margin-bottom: 1em; /* background-color: lightblue;*/ } .album .tracks li { display: block; float: left; width: 100%; line-height: 30px; } .album .tracks li .duration { font-size: 0.5em; display: block; float: right; } .album .tracks li .play { display: block; float: left; background-image: url(/images/play.png); width: 31px; height: 30px; margin: 0 0.3em 0 0; cursor: pointer; } .album .tracks li .play.disabled { background-image: none; } #player { position: fixed; top: 0; left: 50%; margin-left: -500px; width: 1000px; height: 111px; background-color: #333; border: #222 1px solid; } #artist, #dash, #title { line-height: 87px; font-size: 2em; color: #AAA; } #dash { color: #666; } .search { width: 100%; text-align: center; margin-top: 200px; } .search #name { border: 1px solid ##bdbdbd; background: #555555; color: #ffffff; font-size: 1.1em; }