¿Dar prioridad a las clases de CSS?

Estoy utilizando la biblioteca Bootstrap de Twitter, versión 2.0.3 para crear un prototipo de un sitio web. Actualmente estoy usando el control modal provisto, aunque en línea, para mostrar lo que será un formulario:

<code><div class="modal in-layout span6 offset3">
    <div class="modal-header">
        <h3>Header</h3>
    </div>
    <div class="modal-body">
        <p>Hello</p>
    </div>
    <div class="modal-footer">

    </div>
</div>
</code>

Escribí mi propio selector para hacer uso de mi clase personalizada,.in-layout:

<code>div.modal.in-layout {
    position: static;
    top: auto;
    left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
</code>

El problema es que las reglas de CSS coinciden en un orden realmente inconveniente:

Esencialmente, necesito el.span6 y.offset3 clases para aplicar con una prioridad más alta que.modal para dar mi<div> un margen de 260px y un ancho de 460px.

¿Hay alguna manera de que pueda hacer esto?

Respuestas a la pregunta(2)

Su respuesta a la pregunta