August 7, 2010 3:22 PM CDT
If you want to slightly edit the colors a bit, you can use the following coding:
__________________________________
/* NEW UPDATE BUBBLE */
div.newupdates {
position: absolute;
background-color: #86088e;
padding:3px 10px;
top:40px;
_top:38px;
left: 45px;
_left: -25px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-radius: 5px;
}
/* STATUS BUBBLE */
div.online {
background-color: #86088e;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-radius: 5px;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
margin-left: 30px;
#margin-left: 0;
width: 40px;
font-weight:normal;
}
/* PROFILE BACKGROUND */
#content_container {
background-color: #dcbae3;
border: 1px solid #80438d;
border-top: none;
padding: 30px 20px 20px;
}
/* INFO BACKGROUNDS */
div.wide_container {
background-color:#b48bbd;
border:1px solid #80438d;
border-left:none;
border-right:none;
overflow:hidden;
height:100%;
padding:30px;
}
/* STATISTICS BOX */
div.narrow_container {
border: 1px solid #80438d;
padding: 3px;
}
div.grey_block {
background-color: #b48bbd;
padding:10px;
}
div.black_header {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
padding: 0 0 10px;
}
/* PROFILE PICTURE BORDER */
img.profile_photo {
border: 3px solid #4a1655;
background-color: #ffffff;
padding: 2px;
}
/* LINK COLORS */
a:link { color: #7a3688; text-decoration: none; }
a:visited { color: #7a3688; text-decoration: none; }
a:hover { color: #9d54ac; text-decoration: underline; }
a.menu_item:link { color: #7a3688; text-decoration: none; }
a.menu_item:visited { color: #7a3688; text-decoration: none; }
a.menu_item:hover { color: #9d54ac; text-decoration: underline; }
/* DROPDOWN MENU */
div.menu_item_dropdown a {
padding: 3px 40px 5px 10px;
font-weight: normal;
display: block;
color: #fff !important;
}
div.menu_item_dropdown a:hover {
padding: 3px 40px 5px 10px;
font-weight: normal;
background: #9d54ac;
color: #fff;
text-decoration: none;
display: block;
}
div.menu_dropdown {
border: 1px solid #fff;
border-top: none;
background: #7a3688;
position: absolute;
/*margin-top: 27px;
margin-left: -30px;*/
top: 36px;
left: 0px;
z-index: 99;
width: auto;
white-space: nowrap;
font-size: 11px;
padding: 5px 0;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
________________________________________________
Just change the #color codes to the colors you desire and you are good to go.