Redimensionado de los elementos principales

Las dimensiones de la cabecera, zona de menús, zona de posts, etc., se definen en la plantilla del blog.

... ... ...
@media all  {
   div#main {
       float:right;
       width:73%; /* amplio el ancho de la zona de posts de 66% a 73% */
       padding-top:30px;
       padding-right:0;
       padding-bottom:10px;
       padding-left:1em;
       border-left:dotted 1px #e0ad12;
       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 */
   }
   div#sidebar {
       margin-top:20px;
       margin-right:0px;
       margin-bottom:0px;
       margin-left:0;
       padding:0px;
       text-align:left;
       float: left;
       width: 24%; /* reduzco el ancho de la barra de menú de 31% a 24% */
       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 */
  }
}
... ... ...
#header {
   height:113px; /* añado esta línea para fijar la altura de la cabecera */
   padding-top:0px;
   padding-right:0px;
   padding-bottom:0px;
   padding-left:0px;
   margin-top:0px;
   margin-right:0px;
   margin-bottom:0px;
   margin-left:0px;
   border-bottom:dotted 1px #e0ad12;
   background:#F5E39e;
}