problema estensione colonne css

scusate, ho 1 problema vorrei ingrandire la colonna centrale del mio sito (in css) ma non ci riesco proprio...
mi potete aiutare?

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
	background: #333 url(img/bg.gif);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

p,ul {
	padding-bottom: 1em;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {
	color: #668822;
}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	font-size: 1.2em;
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 12px solid #222;
}

/* header */
.header {
	float: left;
	width: 640px;
	background: url(img/header.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}

/* structure */
.top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
}
.main {
	float: left;
	width: 480px;
}
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
}

/* sub-navigation */
.subnav h1 {
	background: #222;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a {
	background: #89866F;	
	color: #111;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
.subnav li a:hover {
	background: #9C997C;
	color: #000;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

grazie in anticipo a tutti quelli che mi risponderanno

ps:so già provato ad aumentare alcuni valori ma nnt.
help plz

[dreadnaut]

beh, c'è un .container che limita la larghezza totale della pagina, quindi se vuoi allargare la colonna centrale senza restringere le altre, devi allargare quello. Poi tocchi .main e nel caso ti serva, anche .header e .top.

Può esserti comodo per fare esperimenti installare la webdeveloper extension per firefox, che ti permette di cambiare il css in tempo reale, e vedere cosa succede

scusa ma ho fatto come tu mi hai suggerito, ma non sono riuscito ad ottenere quello che volevo T__T
Mi potresti aiutare?
se visualizzi il mio sito ora è il risultato di aver aumentato
.cointainer
.header
.main
.top

come posso fare?

[dreadnaut]

no no, sei riuscito benissimo ad allargare la colonna

il problema è lo sfondo della stessa, ovvero l'immagine http://ngrevolution.altervista.org/img/bgcontainer.gif, che è troppo piccola. Modificala in modo da adattarla alla nuova larghezza e poi sei a posto.

grazie tante ^^
mi resta però ancora un piccolo problema da risolvere: come faccio a fare in modo di scrivere sullo spazio bianco e non in parte su quello nero come è adesso?
ps:per capire dovresti vedere il sito

[dreadnaut]

è sempre l'immagine che devi modificare... tu l'hai solo allungata, mantenendo le proporzioni che aveva prima, mentre in realtà le altre colonne del tuo sito non hanno cambiato dimensioni. Modifica l'immagine in modo corretto

grazie tante ora va tutto bn ^^