Importante: ajustar tamaño de letra del body según resolución de monitor

[gmansi]

Importante: ajustar tamaño de letra del body según resolución de monitor

Bien, supongamos que creamos un sitio en CSS y queremos que

Para resolución de 800 o menor...

Código:

body {
margin:0px; padding:0px;
text-align:center;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#000000;
}

Para resolución de 1024 o superior

Código:

body {
margin:0px; padding:0px;
text-align:center;
font:100% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#000000;
}

En definitiva queremos que si la resolución es de 800 o menor el font del body (y en consecuencia los que se basen en este valor) sea de 76% y para resoluciones de 1024 o mayores el font del body sea de 100%.

Yo se como detectar la resolución con Java Script, y también como cargar en una variable el valor 76 o 100 según sea el caso...

...pero cómo le paso ese valor a la orden en CSS?


El código Java Script puede ser algo así

Código:

<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024))
{
var tamanio;
tamanio = 100;
}
else
{
tamanio = 76;
}
//-->
</SCRIPT>

Aclaro que es para instrumentar dentro de un Blog de Blogger por lo tanto no me sirve la opción de tener 2 CSS diferentes y llamar a una u otra de acuerdo a la resolución....

O sea esto no me sirve:

Código:

<script language="JavaScript1.2">
if ( screen.width == 1024){
document.write('<link href="css/pagina_1024.css" rel="stylesheet" type="text/css" media="screen" />');
}
else {
document.write('<link href="css/pagina_default.css" rel="stylesheet" type="text/css" media="screen" />');
}

Necesito una solución dinámica, dentro del mismo CSS y no se si se puede o no...