CSS optimizer 1.0

[KidsKilla]

http://redmark.ru/kk/optimizer/

для проверки:

/*******************
* 
* @author: .grin!
* @copy: redmark
* @usage: "as is" =)
* 
* ********************/

/* OVERAL
-----------------------------------------------*/
HTML, BODY{height: 100%; margin: 0; padding: 0;}
TABLE{font-size: 100%; border-collapse: collapse;}
TD, TH{text-align:left; vertical-align: top;}
BODY{
	background: #B1B1B1;
	color: #000;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 70%;
}
LI, H1, H2, H3, H4, H5, H6, FORM, INPUT{
	margin: 0;
	padding: 0;
}
/****/
A{
	color:#000;
	text-decoration: underline;
}
A:hover{
	text-decoration: none;
}
P{
	padding: 20px 0 0 0;
	margin:0;
}
H1{
	font-size:200%;
	color:#f40;
	font-weight:normal;
}
H2{
	font-size:150%;
	color:#000;
	font-weight:bold;
}
H3{
	font-size: 100%;
	font-weight:bold;
	color:#f40;
}

DIV.wrapper-right{
	background: #fff url("i/right_bg.gif") top right repeat-y;
	width: 960px;
}
DIV.wrapper-left{
	background: transparent url("i/left_bg.gif") top left no-repeat;
	width: 870px;
}
/* CENTRAL: =left
-------------------------------------------*/
DIV.leftmenu{
	float: left;
	width: 215px;
}

DIV.leftmenu-pad{
	padding: 15px 25px;
}
/****  left menu: NAVI *****/
UL#navi{
	line-height: 1em;
	list-style: none;
	padding: 15px 0 25px 5px;
	margin:0;
	list-style-position: outside;
}

UL#navi LI{
	cursor: pointer;
	cursor: hand;
	font-weight:bold;
	padding: 0 0 5px 15px;
	background: url("i/leftmenu_li.gif") top left no-repeat;
}
UL#navi LI UL{
	list-style: none;
	display: none;
	margin:0;
	padding:5px 0 0 0;
	font-weight:normal;
	list-style-position: outside;
}
UL#navi LI UL LI{
	font-weight:normal;
	padding: 0 0 5px 10px;
	background: url("i/li.gif") top left no-repeat;
}
UL#navi LI UL LI A, UL#navi LI A{
	color:#000;
	text-decoration: none;
}
UL#navi LI UL LI A:hover{
	text-decoration: underline;
}
/****  left menu: LABELS *****/
UL#labels{
	line-height: 1em;
	list-style: none;
	padding: 10px 0 25px 15px;
	margin:0;
	list-style-position: outside;
}
UL#labels LI{
	padding: 0 0 5px 10px;
	background: url("i/li.gif") top left no-repeat;
}
UL#labels LI A{
	color:#000;
	text-decoration: none;
}
UL#labels LI A:hover{
	text-decoration: underline;
}
/* CENTRAL: =right
-------------------------------------------*/
TABLE.content{
	float: left;
	width: 655px;
}

/*** way ***/
TD.way{
	padding: 10px 20px;
	border-bottom:2px solid #C0C0C0;
}
TD.way A{
	font-weight: normal;
	color:#1E6988;
	text-decoration: none;
}
TD.way A:hover{
	text-decoration: underline;
}
TD.way SPAN{
	color:#F40;
}
/*** info ***/
TD.info{
	padding: 20px 0 20px 5px;
}

/* CATALOGUE:
---------------------------------------------*/
DIV.cat-about{
	float: left;
	border-bottom:1px solid #7F7F7F;
	margin: 0 0 20px 0;
}
IMG#cat-pic{
	margin: 0 0 20px 0;
}
DIV.cat-images{
	float:left;
	width: 305px;
	padding: 0 0 0 10px;
}
DIV.cat-thumbs{
	padding:20px 0 0 0;
}
DIV.cat-thumbs IMG{
	border:1px solid #7F7F7F;
	margin: 0 13px 0 0;
}
DIV.cat-description{
	float:left;
	width: 335px;
}
DIV.cat-overalinfo{
	border-bottom:1px solid #7F7F7F;
	padding: 0 20px 15px 1em;
}
SPAN.cat-description-title{
	background:#eee url('i/gray_noise.gif');
	font-weight: bold;
	float:left;
	display:block;
	position: relative;
	padding: .5ex 1em;
	left:-1em;
}
DIV.cat-description-text{
	padding: 15px 0;
	color:#585858;
}
SPAN.cat-param-title{
	color:#000;
}
SPAN.cat-param-important{
	color:#F40;
}
SPAN.cat-param-non-important{
	color:#000;
}
TABLE.cat-sale{
	margin: 10px 0 15px 1em;
	width: 300px;
}
B.cat-sale-title{
	color:#000;
}
SPAN.cat-sale-price-incat-usd{
	color:#f40;
}
SPAN.cat-sale-price-usd{
	background:#A6E6F5;
	font-weight: bold;
}
SPAN.cat-sale-price-rur{
	color:#A8AEC7;
}
SPAN.cat-sale-guarantee{
	color:#f40;
}
TABLE.cat-sale SELECT{
	margin: 0 0 0 5px;
}
TD.cat-buy-hldr{
	vertical-align: bottom;
	text-align: right;
}
IMG.cat-sale-saleimg{
	margin: 0 0 0 5px;
}
IMG.cat-buy{
	margin: 0;
}
DIV.cat-characteristic{
	padding: 0 15px 0 0;
	margin: 0;
}
SPAN.cat-characteristic-title{
	color:#5F5F5F;
	font-weight: bold;
	display:block;
	float: left;
	padding: .5ex 1em;
	margin: 0 0 20px 0;
	background:#eee url('i/gray_noise.gif');
}
TABLE#cat-characteristic-tbl{
	margin: 0 0 20px 0;
}
TABLE#cat-characteristic-tbl TH{
	font-weight: bold;
	text-align:left;
	padding:.5ex 1em;
	width:50%;
}
TABLE#cat-characteristic-tbl TD{
	padding:.5ex 1em;
	width:50%;	
}
TABLE#cat-characteristic-tbl TR.dark{
	background:#eee url('i/gray_noise.gif');
}
/***** listing *****/
TD.cat-list-additional-resources{
	padding: 20px 0 20px 15px;
}
TD.cat-list-additional-resources A{
	text-decoration: none;
}
TD.cat-list-additional-resources A:hover{
	text-decoration: underline;
}
TD.cat-list-additional-resources FORM{
	padding: 10px 0 20px 10px;
}
TD.cat-list-additional-resources INPUT.vote-submit{
	margin:15px 0 0 15px;
}
TD.cat-list-additional-resources FORM A{
	display:block;
	padding:5px 0 0 15px;
	background: url('i/li2.gif') 5px 7px no-repeat;
}
DIV.vote-title{
	color:#2479C9;
	font-weight: bold;
	padding: 10px 0 0 5px;
}
UL.producers{
	list-style: none;
	margin: 0;
	padding: 5px 0 20px 10px;
}
DIV.subcategories-title{
	float:left;
	font-weight: bold;
	padding: 5px 15px 0 10px;
	background: url('i/downarrow_in_circle.gif') right 6px no-repeat;
}
UL.subcategories{
	list-style: none;
	margin: 0;
	padding: 5px 0 15px 15px;
}
UL.subcategories LI{
	padding: 0 0 0 10px;
	background: url(i/li2.gif) left 2px no-repeat;
}
/**  **/
TABLE.cat-list{
	margin:20px 0;
}
TABLE.cat-list P{
	padding:10px 0 0 0;
}
TABLE.cat-list IMG{
	vertical-align: text-top;
}
TABLE.cat-list TH{
	color:#2479C9;
	font-size:200%;
	font-weight: normal;
	width:40px;
}
TD.cat-list-title{
	width:90px;
}
DIV.cat-list-pages-list{
	text-align:center;
	background:#E9E9E9;
	padding:.7em 1em;
	color:#f40;
}
DIV.cat-list-pages-list SPAN{
	color:#A8A8A8;
}
DIV.cat-list-pages-list A{
	color:#000;
	text-decoration: none;
}
DIV.cat-list-pages-list A:hover{
	text-decoration: underline;
}
A.cat-list-pages-start{
	float:left; display:block;
}
A.cat-list-pages-end{
	float:right; display:block;
}
/* REGISTER:
-------------------------------------------*/
DIV.reg, DIV.cat, DIV.news{
	padding:0 0 0 10px;
}
TABLE.reg{
	color:#585858;
}
TABLE.reg TH{
	text-align:right;
	font-weight: bold;
	width: 150px;
	padding: .5ex 1em 0 0; 
	color:#000;
}
TABLE.reg INPUT{
	width:150px;
}
TABLE.reg INPUT.reg-adress{
	width:250px;
}
TABLE.reg TEXTAREA{
	width:250px;
	height:5em;
}
TABLE.reg INPUT.chk{
	width: auto;
}
/* NEWS:
------------------------------------------------*/
DIV.news-date{
	color:#E87E00;
	padding:10px 0 0 0;
	list-style-position: inside;
}
DIV.news A{
	font-weight: bold;
}
/*****/

[dovhyj]

оптимизирует . раскажи что и как делает, долго изучать

[KidsKilla]

укорачивает(в среднем на ~15%)\приводит к читабельному виду css =)
нечто вроде code beautifier для css.
в последствии думаю сделать то же для хтмл.

тут изучать, собсна нечего. =)
нужны ток комментарии по работе, пожелания по улучшению итп =)