Centrar un div con etiqueta audio dentro.

[nanotime]

Estoy maquetando una pagina y tratando de hacerla responsiva a medida que avanzo (aun sin usar ningun framework) todo en blanco y negro, sin locuras, solo para ideas. La cosa es que la pagina debe llevar un reproductor (que luego haré con mas cuidado con algo de JS), ya lo tengo implementado, es simple, pero ahora necesito posicionarlo en el centro debajo de otros elementos, he probado varios trucos pero ninguno funciona y el que medio funciona (que de hecho no lo hace bien) hace que todo se mueva de su lugar.

El código es teste:

Código HTML:

<section class="base">
        <div class="div-contenedor">
            <div id="banner"></div>
            <br><br>
            <div id="disco">
                <p id="letra">m</p>
                <p id="disco2"></p>
            </div>
            <div id="reproductor">
                <audio controls>
                    <source src="musica/01_Pista.mp3" type="audio/mpeg">
                    <source src="musica/01_Pista.ogg" type="audio/ogg">
                    <embed src="musica/01_Pista.mp3" type="audio/mpeg" height="50" width="100">
                </audio>
            </div>
        </div>
    </section>
 

El CSS que llevo es este:

https://gist.github.com/nanotime/5016223

Gracias por la ayuda de antemano.