Me ajude !

Qual é minha questão:
oLA EU TO QUERENDO COLOCA MEU CSS MAIS FALA QUE TA MUITO VOLUMOSO E EU FUI EM MEU FORUM DE TESTE E TINHA 502 LINHAS e deu para coloca e no forum atual não ta dando me ajudem codigo abaixo!

Código:

.tipsy { padding: 5px; font-size: 11px; position: absolute; text-shadow: none;z-index: 999;}.tipsy-inner { padding: 8px 8px 8px 8px; background-color: black; color: white; max-width: 200px;text-align: center; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);background: rgb(119, 141, 30) url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;}.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }.tipsy-arrow { position: absolute; background: url('http://img90.xooimage.com/files/7/0/c/sin-t-tulo-3cd9d11.gif') no-repeat top left;width: 9px;height: 5px; }.tipsy-n .tipsy-arrow {top: 0;left: 50%; margin-left: -4px;} .tipsy-nw .tipsy-arrow { top: 0; left: 10px;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }.tipsy-s .tipsy-arrow { bottom: 0; background-position: bottom left; margin-left: -4px; left: 50%;}.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left:0;}.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left;}.tipsy-e .tipsy-arrow { top: 50%;margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right;} .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px;height: 9px;}

Endereço do meu fórum:
<>

Versão:
PunBB

Evite usar tópicos com titulo de "ajuda, urgente, socorro etc... isso atrapalha na busca.

Se está muito volumoso tente tirar o css que você acha desnecessário, ou então adicione no overall_header

Dentro de 

Código:

<style> CSS AQUI!</style>

onde fica?

entre no painel de admin va em > visualização > Templates > Geral > overall_header