O conteúdo e sua forma de apresntação devem ser independentes.
Modularização do CSS:
%STARTINCLUDE%
body{
background-image: url("%ATTACHURL%/top-fundo.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%/top-meio.jpg");
background-repeat: no-repeat;
background-position: 50% 0%;
height: 238px;
}
#cabecalho h1{
font-size: 24px;
color: #D3A;
text-align: center;
margin: 0px;
padding: 205px 0px 0px 10px;
}
#tit_site{
/* position: absolute;
top: 5px;
left: 10px;
color: #FFF; */
display: none;
}
#tit_pag{
position: relative;
/*left: 400px; */
top: -30px;
color: #D3A;
/* display: none;*/
}
#tit_sep{
display: none;
}
#siteURL{
display: none;
position: absolute;
top: 5px;
right: 10px;
color: #FFF;
text-decoration: none;
font-size: 11px;
letter-spacing: 2px;
}
#siteURL:hover{
color: #90B;
}
#menu{
text-align: center;
float: left;
width: 150px;
margin: -15px 0px 0px 20px;
color: #F0C0E0;
}
#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: #D7A;
}
#menu a:hover{
color: #B07;
}
#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 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: -10px 5% 0px 210px;
}
#rodape{
text-align: center;
margin: 20px 0px 0px 0px;
height: 80px;
color: #AAA;
}
#rodape a{
text-decoration: none;
color: #C7A;
}
#rodape a:hover{
text-decoration: underline;
color: #B08;
}
/* CSS do Conteúdo: */
%INCLUDE{"WebConteudoCSS"}%
/* CSS das Tabelas: */
%INCLUDE{"WebTabelasCSS"}%
%STOPINCLUDE%
Encomenda de Crochê
jpg 
