Lo que yo veo es que en tu css estás usando esta clase:
#lateral{
margin: 20px;
padding: 0 0 0 300px;
}
Al cambiarla por la que pones en tu segundo mensaje
#lateral{
margin:0 30px 0 20px;
padding: 0 0 0 10px;
}
realmente estás manteniendo el mismo margen izquierdo de 20px. Sin embargo, si la cambias por:
#lateral{
margin: 20px 20px 20px 40px;
padding: 0 0 0 300px;
}
por ejemplo, podrás alejarlo de la izquierda todo lo que quieras.
Si la parte de abajo tiene un margen mayor, es porque estás usando una lista (<ul><li>), que ya tiene su margen de por sí. Si pones en tu css, por ejemplo:
li{
list-style-type:none;
padding: 0 0 10px 20px;
margin: 0 0 0 -10px;
}
dando margen izquierdo negativo, podrás ir nivelándolo hasta donde tú quieras.
Mikel.