since i'm not able to put a 'link' tag in the post html, i cant show (visually) what i done with css, so here's the sheet instead XD
anyway it looks like this
body
{
font-family: arial, helvetica, sans-serif;
font-size: 0.8en;
color: #999;
}
p {
line-height: 1.5em;
}
h1
{
font-size: 2em;
text-align: center;
color: #ffc;
background-color: #900;
margin: 1em;
margin-bottom: 0.5em;
padding: 0.25em;
font-style: normal;
text-align: center;
letter-spacing: 0.1em;
border-bottom-style: solid;
border-bottom-width: 0.5em;
border-bottom-color: #c00;
}
/* by the way, this is a comment */
h2
{
color: white;
background-color: #700;
font-size: 1.5em;
text-align: center;
margin: 0em;
padding: 0.1em;
padding-left: 1em;
border-style: dotted;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
h3
{
color: #905;
font-size: 1.25em;
}
a
{
text-decoration: overline;
}
strong
{
font-style: italic;
text-transform: uppercase;
}
em
{
font-size: 0.5em;
}
li {
color:#900;
font-style: italic;
}
table {
background-color: #ccc;
}
input {
color: #c00;
}
textarea {
color: #c00;
}