<!-- This is the vf css (cascading style sheet) -->
<!-- These comments won't show up in your profile -->
<!-- I will use them in this tutorial -->
<!-- You can copy and paste this entire section -->

<STYLE TYPE="text/css">
BODY, HTML{
background-image: url('IMAGE URL'); <!-- Put url here for background image -->
background-attachment: FIXED/SCROLL; <!-- Fixed image doesn't scroll -->
background-position: BOTTOM/CENTER/TOP RIGHT/CENTER/LEFT; <!-- Choose bg image position -->
background-repeat: NO-REPEAT; <!-- Repeat tiles the image -->
background-color: #000000; } <!-- No background image? You can use just color -->

<!-- this changes the main font -->
font-family: FONT;
font-size: 10pt;
color: #000000;
text-decoration: NONE;
letter-spacing: -1px; }

A:LINK{ <!-- change link fonts -->
font-family: FONT;
font-size: 10pt;
color: #000000;
text-decoration: UNDERLINE; }

A:VISITED{ <!-- change visited link fonts -->
font-family: FONT;
font-size: 10pt;
color: #000000;
text-decoration: LINE-THROUGH; }

A:HOVER{ <!-- rollover hover fonts -->
font-family: FONT;
font-size: 10pt;
color: #000000;
background: #000000;
text-decoration: NONE; }

<!-- this changes the scrollbar colors -->
body {scrollbar-face-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #000000;}

h2 { <!-- change username font -->
font-family: FONT;
font-size: 16pt;
color: #000000;
font-weight: NORMAL;
text-decoration: UNDERLINE;}

.defaultpic {width: 300px; height: 300px; } <!-- change size of deafault pic -->

.thumbnail {width: 25px; height: 25px; } <!-- change size of thumbnails -->

IMG{ <!-- pick a border for images -->
border-width: 1;
border-color: 000000; }

table.leftnav, table.comments, table.topbar{ <!-- exactly what it says -->
border-width: 2;
border-style: SOLID;
border-color: #00CC00;
background-color: #000000;
color: #000000;
font-family: FONT;
font-size: 10pt; }

td {text-align: CENTER/RIGHT/LEFT! IMPORTANT;} <!-- aligns profile -->

<!-- this is for the buttons and textarea -->
input,select,textarea {
font-size: 9px;
color: #0000;
border:1px SOLID COLOR;
background: #000000;
border-style: SOLID;
border-width: 1px; }

table.rate{ <!-- change the look of your ratebar -->
background: #000000;
border: 1px solid #000000; }
</STYLE>