<style>
/* This is just a template. You may add your own colors, fonts, images, widths, heights, paddings, etc. */
/* Template created by Neekko on April 16, 2010. */

/* Controls the overall background color of the page. */
body { background-color: #f8f8f8; }

/* The fuzzy shadows on the left and right of your profile. */
.container_portfolio_left_shadow { background-image: url("http://www.squiby.net/images/5/container_portfolio_left_shadow.png"); }
.container_portfolio_right_shadow { background-image: url("http://www.squiby.net/images/5/container_portfolio_right_shadow.png"); }

/* The main area between the shadows listed above. */
/* You can add a header background here. */
.container_text {
width: 900px;
padding: 0 20px;
background-color: #f8f8f8;
}

/* Controls the color of links all over the page. */
.container_text a { color: #000000; }
.container_text a:hover { color: #555555; }

/* The overall top header. Add custom logo here as a background. */
.header_bg { }

/* The logo at the top of the page. */
/* The logo image. Add "width: 0px; height: 0px;" to remove completely. */
.logo img { }

/* This is just a fix to correct the faulty look
of the search bar. You don't need to do anything here. */
.page_search { background-position: 2px 2px; }

/* EXTREMELY LIMITED. Controls the colors of the top menu.
Mouseover and mouseoff colors are controlled
by Javascript and cannot be modified. */
ul.main_menu li a { color: #000; }

/* The shadow underneath the top menu.
Change "background-image" to "none" to remove completely. */
.menu_container { background-image: url("http://www.squiby.net/images/5/menu_shadow.png"); }

/* Username » Points » Credits » Users Online » Guests */
#user_information { color: #555555; }

/* The news ticker container. */
.banner { }

/* LATEST HOT POSTS */
.hot_news { }

/* The news ticker.
Replace "background-image" url to customize or set to "none" to remove. */
.news { background-image: url("http://www.squiby.net/images/5/news_bg.png"); }

/* The link colors in the ticker. */
#news_ticker li a { color: #666666; }
#news_ticker li a:hover { color: #cccccc; }

/* The event box (when you receive a message or comment). */
/* The overall box. */
.event {
width: 80%;
border: 1px solid #c6c6c6;
}

/* The gray background and "Event!" */
.event_header {
border-bottom: 1px solid #c6c6c6;
background-color: #CCC;
text-align: center;
}

/* The "You have a new message" part.
Cannot modify for some strange reason... */
.event_text a { color: #333333; }

/* Customizes the content between your username and "Data".
Do whatever you want here. */
#profile_data { }

/* Comments */
/* Cannot change the drop shadows. They're ugly, I know... */
.comment_box {
width: 775px;
background-color: #b1e0ff;
border: 1px solid #000;
}

/* The commenter's username and avatar.
Not much to do here. */
.profile_user_link { }

/* The actual comment. */
.comment_text { color: #555555; }

/* The date. */
.admin_options { color: #555555; }

/* Delete Comment */
.admin_options a { color: #000000; }

/* The form where you type a comment. */
textarea {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}

/* The button you press to send a comment.
Also controls the bit under "Give out URL" */
input {
border: 1px solid #000000;
background-color: #f0f0f0;
color: #000000;
}

/* Miscellaneous things... */

/* Controls the headers like "Data", "Adoptions Created By", etc. */
h3 { }

/* Controls the buttons that say "Tweet Profile", etc.
Background cannot be changed. */
.options { }
.options .button { color: #000000; }

/* That long line just above your profile.
Also located at the bottom of the page.
Change "background-image" to "none" to remove. */
.page_line { background-image: url("http://www.squiby.net/images/5/page_line.png"); }

/* The code that controls the top of the page also controls the bottom.
Add stuff here if you want the footer to be different from the top of the page. */
.footer_right_shadow .container_text { }
</style>