5 способов улучшить ваш CSS

/* Общая таблица стилей для всех страниц сайта.

********************************************************************************
Содержание:
   0 Общий внешний вид
      0.1 Оформление текста
   1 Заголовок и главное навигационное меню
      1.1 Заголовок
      1.2 Главное навигационное меню
   2 Основной контент
      2.1 Обрамление
      2.2 Рекламный заголовок
      2.3 Меню навигации кабинета
      2.4 Текстовой блок
         2.4.1 Текстовой блок для авторизированного пользователя
         2.4.2 Текстовой блок для авторизированного пользователя
         2.4.3 Таблицы, содержащие интерфейсы управления
   3 Футер
      3.1 Левый футер
      3.2 Правый футер
*******************************************************************************/




/* 0 Общий внешний вид
------------------------------------------------------------------------------*/
#wrapper{
   min-height: 100%;
   min-width: 980px;
   height:auto !important;
   height:100%
}
body{
   font-family: Helvetica, Tahoma, Arial, serif;
   font-size: 14px;
   height: 100%;
   line-height: 14px;
   margin: 0;
   padding: 0;
}
html{
   height: 100%;
}
table{
   width: 90%;
}
table tr.odd{
   background: #FAFAFA;
}



   /* 0.1 Оформление текста
   ---------------------------------------------------------------------------*/
   acronym, abbr{
      border-bottom: 1px dashed;
   	cursor: help;
   }
   a{
      color: #fe5800; /*orange*/
   }
   a:hover{
      text-decoration: none;
   }
   a.ext{
      background: url(../img/external_link.gif) no-repeat right top;
      padding-right: 16px;
   }
   img.fileIcon{
      height: 16px;
      vertical-align: -3px;
      width: 16px;
   }
   .attention{
      color: #fe5800; /*orange*/
      font-weight: bold;
   }
   .newMaterial{
      font-weight: bolder;
   }
   .nohypen{
      white-space: nowrap;
   }




/* 1 Заголовок и главное навигационное меню                                   */
   /* 1.1 Заголовок
   ---------------------------------------------------------------------------*/
   #header{
      background: url(../img/header_bckg.gif) repeat-x;
      height: 120px;
      line-height: 16px;
   }

a:link,
a:visited	{ display: block; float: left; width: 100px;          // модель, флоаты, размеры
	 	  position: relative; top: 0; right: 12px;            // позиционирование
		  margin: 0; padding-right: 20px; border: none;       // отступы, бордеры
	 	  font: 1em/1.4em Arial, Helvetica, sans-serif;       // основной шортхенд для шрифта
		  text-transform: uppercase; color: #0cf;             // цвет и др.
	 	  background: url(../img/leave.gif) right no-repeat } // шортхенд для бекграунда

#list		{ margin: 0; padding: 0 40px 0 12px;
		  list-style-type: none; font-size: 1em }            // в последней строке можно группировать то, что насобиралось
#list li	{ margin: 0; padding: 6px 0;                         // пока правила помещаются в удобочитаемую по длине строку, никаких переносов не нужно
		  background: url(../img/dots.gif) repeat-x }        // а вот здесь уже без него никак
#list h4	{ margin: 0 }

height: 18px;
width: 80px;
padding: 0 0 0 4px;
vertical-align: middle;
margin: 9px 10px 13px 0;
border: solid 1px #d4d0c8;
border-width: 0 1px 1px 0;
background: url(../img/bg-input.png) no-repeat 0 0;