Cómo dividir la cabecera en dos

Buscar: 
/* Header

Pegar: (lo que está en amarillo podéis cambiarlo, ,cuanto más grande sea el número más ocupa esa cabecera (siempre que la suma sea 95), por ejemplo el primer width:60% y el de header2  width:25%

.header {
width:48%;
float: left;
margin:0 auto 1%;
}
.header2 {
width:47%;
float: right;
margin:0 auto 1%;
}


Buscar:
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section></div>

Y agregar lo que esta en rojo:
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/></div>