{literal} * { margin: 0px; padding: 0px; } img { border: 0; } a { text-decoration: none; color: #fff; } body { background: #333 url(templates/default/images/menu_shadow.png) center 29px repeat-x; color: #fff; font: 13px helvetica,verdana,sans-serif; text-align: center; margin: 45px 0px 0px 0px; } p { margin-bottom: 5px; } #menu { background: #000 url(templates/default/images/menu_back.png); position: fixed; width: 100%; height: 30px; top: 0px; padding: 0px 2px 0px 0px; z-index: 1; text-align: center; } #menu ul { width: 320px; margin: 0px auto; } #menu li { display: block; float: left; } #menu a { font: 14px helvetica,verdana,sans-serif; color: rgba(0, 0, 0, 1);; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6); padding: 5px 0px 2px; float: left; margin-left: 0px; display: block; width: 107px; height: 23px; text-align: center; font-weight: bold; } #menu a:hover { background: #ccc url(templates/default/images/menu_back_active.png);; color: #000; } #menu a:active { background: #ccc url(templates/default/images/menu_back_active.png);; color: #000; } #menu a.selected { background: #333 url(templates/default/images/menu_back_selected.png); color: #fff; width: 106px; text-shadow: 0 0 12px rgba(150, 210, 255, 0.9); } #page { padding: 0px; clear: left; } #page ul { list-style-type: none; width: 280px; text-align: left; margin-left: auto; margin-right: auto; } #page ul.list { margin-top: 10px; } #page ul li { padding: 0px 1px 1px 0px; border-top: 1px solid #666; } #song_display { position: relative; width: 280px; height: 217px; margin: 0px auto 5px; /* height: 55px; */ text-align: left; font-size: 14px; } #page .pos { font-weight: bold; } #page .title { font-size: 16px; color: #ffc; font-weight: bold; } #page #song_info { text-align: center; clear: both; } #page #album_info { position: absolute; top: 10px; left: 150px; } #page .artist { font-style: italic; } #page .album { color: #888; } #buttons { width: 280px; margin: 0px auto; padding-top: 10px; text-align: right; } img.icon { margin: 2px 2px -1px 2px; } img.button { float: right; margin: 2px 2px -1px 2px; } #controls { background: #666 url(templates/default/images/control_back.png) center center repeat-x; text-align: center; margin: 8px 0px 0px 0px; padding: 10px 7px 10px 0px; height: 50px; } #controls #track { } #controls a { margin-left: 7px; } #crumb_trail ul { list-style-position: inside; text-align: left; } #crumb_trail li { display: inline; margin-left: 3px; border: 0px none !important; } li.playing { background: #444; } #progress { background: #222 url(templates/default/images/progress_back.png) center center repeat-x; border: 1px solid #666; padding: 2px; width: 276px; height: 10px; margin: 5px auto 15px; text-align: left; clear: both; } #progressbar { font-size: 1px; background: #ccc url(templates/default/images/progress.png) center center repeat-x;; height: 10px; margin: 0px; padding: 0px; } #cover_image { float: left; height: 130px; width: 130px; margin: 10px 0px 20px; } img#cover { background: #111; padding: 2px; border: 1px solid #666; } #tracktime { font-weight: bold; position: absolute; top: 130px; left: 150px; } #tracktime #total { color: #666; } {/literal}http://www.google.com