Aumentar Sidebar do tema Twenty Twelve

O que quero é muito simples: aumentar o tamanho da barra lateral direita no meu blog. Tirei um print do meu blog e calculei os pixels, percebi que no momento a barra lateral está com 200px. Queria alterar para 300px.

Já procurei mil tutoriais na internet e nenhum informa um código condizente com o código que consta em meu tema.

No arquivo style.css , a parte que consta no sidebar está a seguir:

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

Qual parte tenho que alterar para alterar o tamanho da sidebar? Pensei que era na parte que tinha “width: 53.66666666666%;”, mas alterei essa porcentagem e aumentou apenas a barra de pesquisa…