Wszystko pięknie ładnie. Mamy margin:0 auto. No tak... tyle, że jak chcę dodać margin-top:10px; to jest to olewane. Jak zmienić marginesy góra<->dół skoro jest ustawione centrowanie (które powinno działać lewo<->prawo)

zrob warstwe w ktorej wycentrujesz calosc, a w srodku zrob druga warswe, gdzie margin-top bedzie 20px
mozesz tez kombinowac z padding

A nie margin: 20px auto?

Zależy jak ustawiasz reguły, np:

Zauważ, że margin: 0 auto; powoduje nadpisanie reguła margin-top. Gdybyś ustawił to w odwrotnej kolejności to margines 10px nadpisze margines 0. Ostatecznie możesz napisać:

albo
jeżeli chcesz usawić róne marginesy dla góry i dołu.