O contúdo e sua forma de apresntação devem ser independentes.
Modularização do CSS:
%STARTINCLUDE%
body{
background-image: url("%ATTACHURL%/padraoTopoRepete.jpg");
background-repeat: repeat-x;
background-position: 50% 0%;
margin: 0px;
padding: 0px;
text-align: center;
font-family: verdana, helvetica, sans-serif;
font-size: 14px;
}
#cabecalho{
background-image: url("%ATTACHURL%/topGiraSol.jpg");
background-repeat: no-repeat;
background-position: 50% 0%;
height: 238px;
}
#cabecalho h1{
font-size: 24px;
color: #06C;
text-align: center;
margin: 0px;
padding: 165px 0px 0px 10px;
}
#tit_site{
/* position: absolute;
top: 5px;
left: 100px;
color: #FFF; */
display: none;
}
#tit_sep{
display: none;
}
#siteURL{
display: none;
position: absolute;
top: 5px;
right: 10px;
color: #BCD;
text-decoration: none;
font-size: 11px;
letter-spacing: 2px;
}
#siteURL:hover{
color: #FFF;
}
#too-cool {
position: absolute;
top: 25px;
right: 10px;
}
#menu{
text-align: center;
float: left;
width: 150px;
margin: -40px 0px 0px 20px;
color: #888;
}
#menu ul, #menu li{
text-align: right;
list-style: none;
margin: 0px;
padding: 0px 0px 7px 0px;
}
#menu hr{
display: none;
}
#menu a{
text-decoration: none;
color: #8AD;
}
#menu a:hover{
color: #06B;
}
#blogadas{
text-align: left;
float: right;
width: 150px;
margin: -40px 20px 0px 0px;
}
#blogadas h3{
font-size: 14px;
color: #AAA;
margin: 0px 0px 8px 0px;
}
#blogadas .headlinesRss small {
color: #DDD;
text-align: center;
display: block;
}
#blogadas ul, #blogadas li{
list-style: none;
margin: 0px;
padding: 0px;
}
#blogadas li a{
display: block;
border: 1px solid #DDD;
background-color: #FFF;
color: #AAA;
text-decoration: none;
margin: 5px 0px;
padding: 3px 5px;
}
#blogadas li a:hover{
border: 1px solid #058;
background-color: #08D;
color: #FFF;
}
#blogadas li a#arquivoBlog{
border: 1px solid #AAA;
background-color: #EEE;
color: #888;
}
#blogadas li a#arquivoBlog:hover{
border: 1px solid #000;
background-color: #FB0;
color: #000;
}
#blogadas li a#arquivoBlog span{
padding-left: 15px;
font-size: 85%;
}
#blogadas li a#arquivoBlog b{
display: block;
text-align: center;
}
#conteudo{
text-align: justify;
margin: -40px 210px 0px 210px;
}
#rodape{
text-align: center;
margin: 20px 0px 0px 0px;
height: 80px;
color: #AAA;
}
#rodape a{
text-decoration: none;
color: #79B;
}
#rodape a:hover{
text-decoration: underline;
color: #04B;
}
#digg-box {
position: absolute;
top: 80px;
left: 50%;
margin-left: -250px;
}
/* CSS do Conteúdo: */
%INCLUDE{"WebConteudoCSS"}%
/* CSS das Tabelas: */
%INCLUDE{"WebTabelasCSS"}%
%STOPINCLUDE%
jpg 
