Сделал сейчас так -
в макете:
<link rel="stylesheet" href="/templates/template1/main.css" type="text/css" media="screen, projection" />
это стиль макета.
а файл /templates/template1/style.css сейчас служит для визуального редактора - в системе зашит ведь по названию.
скопировал туда стили которые относятся к типографике из основного файла main.ss
@import "base.css";
body {font: 1.3em/1.4 Arial,Verdana,sans-serif; color:#000; background-color: #fff; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h2 {margin: 0 0 .535em; font-size: 1.692em; font-weight: bold; color:#CA0C00;}
h3 {margin: 1.14em 0 .57em; font-size:1.385em; color:#3C8C00; }
h4 {margin: 1.23em 0 .615em; font-size:1.308em;}
h5 {margin: 1.33em 0 .67em; font-size:1.231em}
h6 {margin: 1.6em 0 .8em; font-size: 0.923em}
a:link, a:visited, a:active, a:hover {font:1em Arial,Verdana,sans-serif; color:#0274A9}
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";}
ol {list-style-position: outside; list-style-type: decimal;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, #content ul ol {margin-left: 2.5em;}
p {margin: 0.5em 0; }
Все круто но геморно.