CSS alignment issue?

I take it you mean the ‘Available for purchase at’ + icons that follow the flash players.

Your problem is that the div holding the player is closed before the span element that holds the text. So the div takes up the full width of its parent leaving no room for the following content.

Ideally, you should ensure that the span element and the following icons come within the div element that contains the player.

Failing that, you could try setting a width on div.grandmusic

HTH

PAE

That’s the point. The rule doesn’t exist. You need to create it.

You appear to be using the twentyeleven theme. That being the case, you really need to make any changes in a Child Theme. Child themes are the only recommended way of making modifications to themes. In the case of default themes like twentyeleven, they are the only way you can do it without risking your changes being overwritten by an update, for example. I also understand that certain types of support require that your installation has the default themes present in an unchanged state.

So you firstly need to create a child theme if you haven’t already done so and, if you’ve already made any changes you need to transfer them to your child theme. You should then reinstall an original version of twentyeleven.

When that’s done, you can add a new rule to the end of your child theme’s style sheet something like:

div.grandmusic {
  width: /* whatever width fixes the problem */;
}

You’ll have to use a bit of trial and error to find the necessary width.

I’m not even going to begin suggesting how you might implement my preferred solution. It would involve messing with at least one of the PHP files and it doesn’t sound as if you’re up for that.

If you decide not to use a child theme, on your own head be it, but you could add the new rule to the end of twentyeleven’s style sheet.

HTH

PAE

Fortunately, making a child theme is trivially easy:

1. Create a directory for it in wp-content/themes
2. Create a style.css file for it (on your local computer)
3. Add the mandatory comment block. You just need the name of your child theme (an arbitrary name), and the parent theme’s directory name ‘twentyeleven’
4. Add an import statement directly under the comment block. It should just say @import url('../twentyeleven/style.css');
5. Add any style rule changes you previously made in the parent’s style sheet, to the child’s style sheet, immediately after the import statement
6. Upload the style.css file to your child theme’s directory
7. Open your Dashboard and go to Appearance –> Themes
8. Activate your child theme
9. Check all your settings. In particular, you will need to reset the main navigation menu back to your custom menu (if you have one). You may also have to redo stuff like backgrounds and header images

And that’s it. Everything should look just as it does now.

Now you need to make a copy of the modified parent style sheet, just to be on the safe side, and download it to your computer for safekeeping. Next, download a brand new copy of twentyeleven to your local computer and upload its style.css file over the existing one. Revisit your site. It should look just the same. If it doesn’t you must have missed some rules you changed in the old style sheet. Search for them in your copy, and and use Dashboard –> Appearance –> Edit to add them back into the child style sheet.

Once this is all done, you can start adding new rules to your child theme’s style sheet.

One thing you should not do, is to copy the parent’s style sheet into your child. That would just be adding bloat.

If you need to make changes to PHP files, just copy the parent’s version into the child theme’s directory and then edit them in Dashboard –> Appearance –> Editor.

And finally, you can create a functions.php file as well for any new functions you might want to write. Having an empty one ready and waiting doesn’t hurt.

HTH

PAE

Try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/

And bookmark http://www.w3schools.com/css/ as an online reference.

Is there any reason I can’t duplicate the whole blog folder into a fresh directory

Yes – that’s not how WordPress works. You’d have to run a new install using a fresh database (or different table prefixes).