HTML / CSS - Linea verticale

Ciao a tutti!
Ho un problema con il sito che stò progettando.
Ho scaricato un file css ed ho provato ad allargare il layout fa 700px a 800px, così facendo però mi rimane una linea verticale sul bordo destro.
L'unico modo che ho trovato per eliminare questa linea verticale è cancellare un file gif all'interno della cartella images del template.
Potete controllare gentilmente questo codice? Per vedere in modo più evidente l'errore dovrei passarvi tutta la cartella, quindi mi chiedevo se mi potevate dare un contatto msn.

* {
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 50px;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3B3B3B;
}

h1, h2, h3 {
	color: #4F789F;
}

h1 {
}

h2 {
}

h3 {
	font-size: 1em;
}

p, blockquote, ul, ol {
}

p {
}

blockquote {
}

ul {
}

ul li {
}

ol {
}

ol li {
}

a {
	color: #4F789F;
}

a:hover {
	text-decoration: none;
}

img {
	border: 1px solid #3B3B3B;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
	padding: 10px 15px;
	background: #3B3B3B;
	text-transform: uppercase;
	font: bold .77em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.boxed .content {
	padding: 15px;
}

.boxed ul {
	list-style: none;
}

/* Post */

.post {
	clear: both;
	padding: 20px;
	border-bottom: 1px solid #3B3B3B;
}

.post .title {
}

.post .content {
	line-height: 1.6em;
}

.post .title {
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post p, .post blockquote, .post ul, .post ol {
	margin-bottom: 1em;
}

.post blockquote, .post ul, .post ol {
	margin-left: 3em;
}

/* Header */

#header {
	width: 800px;
	height: 150px;
	margin: 0 auto;
	background: #69B10A url(images/img2.jpg);
}

#header h1, #header h2 {
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#header h1 {
	float: left;
	padding: 80px 0 0 20px;
	letter-spacing: -3px;
	font-size: 48px;
}

#header h2 {
	float: left;
	padding: 107px 0 0 7px;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	background: url(images/img3.gif) repeat-y;
	border-top: 20px solid #3B3B3B;
}

#content {
	float: right;
	width: 597px;
	padding-right: 1px;
}

#sidebar {
	float: left;
	width: 200px;
	padding-left: 1px;
}

/* Menu */

#menu {
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #3B3B3B;
}

#menu a:hover {
	background: #4F789F;
	color: #FFFFFF;
}

#menu .active a {
	background: #BABABA;
	color: #000000;
}

/* Login */

#login {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login input {
	margin-bottom: 5px;
}

#inputtext1, #inputtext2 {
	width: 160px;
}

/* Updates */

#updates {
}

#updates ul {
}

#updates li {
	margin-bottom: 20px;
}

#updates h3 {
	font-size: .77em;
}

/* Footer */

#footer {
	width: 770px;
	height: 15px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #3B3B3B;
	font-size: .77em;
	color: #FFFFFF;
}

#legal {
	float: left;
}

#links {
	float: right;
}

Caricare direttamente tutto su un sito?

Hai ragione
provasitofelp.altervista.org/…

per me è dovuta al fatto che c'è questo ripetuto due volte:

				<div id="updates" class="boxed">
			<h2 class="title"></h2>
			<div class="content">	

			</div>

se riempissi quel template di testo sarebbe più facile capire qual'è la fonte del problema senza che me lo scarico e faccio un mucchio di prove.

Ok l'ho riempito, comunque ho seguito la tua intuizione però niente.

Me lo sono scaricato senza immagini e il problema non si verificava.
Siccome l'header si ripeteva proprio alla linea il problema può essere qui:

#header {
    width: 800px;
    height: 150px;
    margin: 0 auto;
    background: #69B10A url(images/img2.jpg);
} 

dovresti provare a mettere no-repeat per il background.

Ho risolto, era un problema relativo ad una immagine nella cartella del template.
Volevo chiedere se era possibile mettere una colonna uguale a quella sulla sinistra anche sul bordo destro del layout. Grazie dell'aiuto che mi hai dato fin'ora.

hai provato ha copiare il div sidebar?
cmq quando hai problema con i css e non sai dove mettere le mani la soluzione più semplice è di andare con l'esclusione togliendo un pezzo di codice per volta e vedere.