Cia a tutti , quando uso questi CSS

<style type="text/css">
body {font: normal 16px/1.5em helvetica, arial, sans-serif}
.container { width:960px; margin:20px auto;
}
.header { text-align:center; background: #777; color:#fff; height:50px;
padding:5px; padding-top: 1px;
}
.content { float:left; width:610px; text-align:center; height:100px;
background:#ccc; padding:150px 5px
}
.sidebar { float:left; width:330px; text-align:center; height:100px;
background:#eee; padding:150px 5px
}
.footer { clear:both; text-align:center; background: #555; color:#fff;
height:50px; padding:5px
}

La pagina presenta un margine con la parte superiore della pagina , fra l'header e il top della pagina diciamo. Come faccio ad eliminare questo "margine superiore"? ho provato con padding-top ma non so dove inserirlo

Grazie in anticipo!