My blog site is http://chibiprincess.wordpress.com/

When I go into customize it shows what I can change and all and I do my changes. When I click save though, it takes forever to save and it just stays like that. I have cleared my cache and enable 3rd party cookies and I'm up to date with Firefox. Can anyone help me? Also, I did not try switching browser nor do I plan on to.

body.custom-colors #page, body.custom-background.custom-background-image-empty #page {
background: #FFFFFF;
}

has correct syntax. Did you perhaps miss the ending bracket? I just tried it again in Firebug in Firefox and it worked.

Alternately you can go with the following code.

#page {
background: #FFFFFF !important;
}`

It isn't a good idea to write code that requires the "!important" attribute, but it should work. The CSS editor will whine at you with a warning though.

would you be willing to go in for me? If so please call me 760-945-7045

Thank you

body.custom-colors #page, body.custom-background.custom-background-image-empty #page {
background: #FFFFFF;
}

I can change the background, fonts, pictures,, headers add links, etc
but I can't figure out how to get rid of the pink page color
please help

I recommend using the More tag to split your content after the video, so users can click to see the full post:
http://en.support.wordpress.com/splitting-content/more-tag/

I had this in my code:

#secondary {
float: right;
margin-top: 0.7142857142em;
overflow: hidden;
width: 18.90243902%;
}

Now, i do this

#secondary {
float: none;
margin-top: 0.7142857142em;
overflow: hidden;
width: 18%;
margin-left: auto;
margin-right: auto;
}

and it works!

Thank you a lot! :)

#secondary {
float: none;
margin-left: auto;
margin-right: auto;
}

This would center the content within the widgets.

.widget {
text-align: center;
}

My blog is http://ateaoscem.com, and i am using Sundance Theme.

I have a lot of widgets in my sidebar.
However, they are not centered.

I don´t want to change the article width, just center the sidebar.

Thank you!

body, #page {
background: rgb(232,221,203) !important;
}

I really appreciate your input, though!

body, #page {
background: rgb(232,221,203);
}

Doing it with "div" is basically a shotgun approach and turns absolutely every div in the page that tan color. While this may work in some instances, it could end up turning things tan that you would not want to be tan.

div {
background: rgb(232,221,203);
}

#page {
margin: 0 auto;
max-width: 984px;
padding: 0;
}

#masthead {
margin: 0;
}

Now, do you know how I can change the size of the gravatar?

Well, you can stretch the image with CSS rules, but the size the original image is set by the theme's PHP code and cannot be adjusted with CSS only. That means that changing the size will probably make the image look blurry. It might work if you only change the size a little. Here is a CSS rule you can experiment with:

.avatar {
	width: 70px;
	height: 70px;
}

An alternative would be to replace the image manually with CSS, but it has a downside which is that it gets rid of the hovercard feature. Here it is an example if you want to try it out:

.avatar {
	display: none;
}

.entry-header > a {
	background: url(http://2.gravatar.com/avatar/89d03635943476a1a503a911b2926b65?s=75) no-repeat;
	float: left;
	margin: 9px 0 0 -16.66666666%;
	width: 75px;
	height: 75px;
}

Note how I changed the Gravatar URL so that it ended with "?s=75". Make sure that number matches whatever width/height you pick.

.avatar {
	background-color: #ff0;
	border: 1px solid #00f;
}

Change the color codes to colors of your choice.
http://en.wikipedia.org/wiki/Web_colors#X11_color_names

What is most frustrating is that I have a book containing a lot of CSS reference and it seems 90% of it just doesnt work on WordPress.

Highly unlikely that's WordPress-related. What book is it out of curiosity? I'm particularly fond of this book and learned a lot from it when it came out: http://www.cssmastery.com/

This:
transition-property: opacity, 4s, linear;

Should be:
transition-property: opacity;

And this:
opacity, 4s, linear

Should be:
opacity 4s linear

Try updating your example to this:

.wp-caption img {
	transition-property: opacity;
	-o-transition: opacity 4s linear;
	-moz-transition: opacity 4s linear;
	-webkit-transition: opacity 4s linear;
	opacity: .25;
}
.wp-caption img:hover {
	opacity: 1;
}

Remember that this stuff is CSS3, so make sure you're testing with a browser that supports it. http://caniuse.com/#search=transition