Резиновый дизайн с колонкой фиксированной толщины

[RedRat]

Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар:

@media all and (min-width: 480px) and (max-width: 959px) {
.sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */
	 float: left;
	 width: 66.66667%;
	 margin-left: 33.33333%;
	 margin-right: -100%;
}
.sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
	 float: left;
	 width: 33.33333%;
	 margin-left: 0%;
	 margin-right: -33.33333%;
}

Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре занимает контент и одну - сайдбар:

@media all and (min-width: 960px) {
.sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
	float: left;
	width: 80%;
	margin-left: 20%;
	margin-right: -100%;
}

.sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
	float: left;
	width: 20%;
	margin-left: 0%;
	margin-right: -20%;
}

Хочется сделать так, чтобы для экранов шире 960 пикселей сайдбар имел фиксированную ширину, 300 пикселей например. Подскажите, как должен выглядеть код для второго стиля? Ведь указывать ширину в процентах, как я понимаю, уже не получится, но и ширина #content в пикселях тоже не известна.