puedes cambiar el css según la resolución así
<script type="text/javascript">
if (screen.width < 1024 ) {document.write('<link rel="stylesheet" type="text/css" href="800.css">');}
else if (screen.width == 1024) {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}
else if (screen.width >1024 && screen.width <1280 ) {document.write('<link rel="stylesheet" type="text/css"href="1152.css">');}
else if (screen.width = 1280 && screen.height !== 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280.css">');}
else if (screen.width = 1280 && screen.height == 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280X960.css">');}
else {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}
</script>
esto va a cambiar el archivo css
en el primer caso si el ancho la resolución es menor a 1024
en el segundo si el ancho es igual a 1024
en el tercero si el ancho es mayor a 1024 y menor que 1280
en el cuarto si el ancho es 1280 y el alto 960
y el ultimo si no es ninguno de los anteriores
puedes cambiar los valores como quieras
si no entiendes algo pregunta y tratare de responderte
