Como aumentar el ancho del blog - Edición de HTML wrapper (#header-wrapper, #outer-wrapper, #main-wrapper, #sidebar-wrapper, #footer)

#header-wrapper, #outer-wrapper, #main-wrapper, #sidebar-wrapper, #footer

Ejemplo de una plantilla Mínima (Diseño, Edición de HTML).
En primer término copia de la plantilla en tu pc cliqueando en Descargar plantilla completa (Diseño, Edición de HTML).
Luego de ello busca lo siguiente y modifica lo que está en negrita, fíjate en vista previa cómo queda y guardar plantilla una vez que estés de acuerdo con los resultados, o borrar cambios.


#header-wrapper {
width:860px;
margin:0 auto 10px;
border:1px solid #cccccc;
}

#outer-wrapper {
width: 860px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

#main-wrapper {
width: 560px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 260px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#footer {
width:860px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Modificar los valores de este ejemplo no tiene problema, pero respetando que la suma de los pixeles del main y del sidebar sean algo inferiores a los del outer-wrapper.