gilbert arenas layout (try nyo lang)

[yagbolitas]

try nio lng.. kung type nio??
eto kc ung dati kong design sa friendster..
kso nag ppractice ako mag overlay kaya...
gudluk

/* michael's friendster css editor v3.2 | advanced mode */
/* http://www.editfriendster.com */

/* MASTER BACKGROUND */
body { background-color:transparent;
background-image:url(http://www.nba.com/media/warriors/arenas2_1024x768.jpg);
background-attachment:fixed; background-position:center; background-repeat:no-repeat;
}

/* MASTER TEXT */
body,td,tr,div,p { font-family:Comic Sans MS, Geneva, Helvetica,
sans-serif; color:#ff3300; }

/* MASTER LINKS */
a,a:link,a:visited,a:active { color:transparent; font-weight: normal;
text-decoration: underline; border-bottom:0px; font-style: normal; }
a:hover { color:transparent; font-weight: normal; text-decoration:
underline; border-bottom:0px; font-style: normal; }
#footer a,#subnav a,#mainnav table td a:link, #mainnav table td
a:visited, #mainnav table td a:active,.friends .name a,.friends .name
a:visited,.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited {
color:transparent; }
#footer a:hover,#subnav a:hover,#mainnav table td a:hover,.friends
.name a:hover,.left_column_info a:hover,.left_column_about
a:hover,.see_all_friends a:hover,.right_column_groups_content p a:hover,.blogs h2
a:hover,.blogs a:hover,.left_column_testimonials a:hover,.seeall a:hover {
color:transparent; }

/* HEADING: NAME */
.left_column_header h2 { font-size: !Important;
border-bottom-color:#ff3300; border-bottom-width:1px; border-bottom-style:ridge; }
.left_column_header h2,.left_column_header h2 .online { color:#ff3300;
font-weight:bold; }

/* HEADING: LARGE GREEN */
.left_column_header2,.right_column_title,.right_co lumn .column_header {
background-color:transparent; height:20px; border:1px solid;
border-color:transparent; border:0px; }
.left_column_header2 h1,.right_column_title h1,.right_column
.column_header h1 { font-size:; margin:3px 0px 0px 5px; color:#ff3300;
font-weight:bold; }
.commonbox h2 { font-size: !Important; background-color:transparent;
color:#ff3300; font-weight:bold; }
#teaserbox h2 { font-size: !Important; background-color:transparent;
color:#ff3300; font-weight:bold; }

/* BOX BG & BORDER: MY PROFILE */
.left_column_wrapper,.left_column_wrapper .left_column_content {
background-color:transparent; border-color:#ff3300; border-width:2px;
border-style:inset; }

/* BOX BG & BORDER: EDIT PROFILE */
.column_profile_nav { background-color:transparent;
border-color:#ff3300; border-width:2px; border-style:inset; }

/* BOX BG & BORDER: NAV BAR */
#navigation { background-color:transparent; background-image:none; }
#navigation div { background-image:none; }
#mainnav { background-color:transparent; background-image: none; }
#mainnav .left, #mainnav .right { background-color: transparent;
background-image: none; }
#navdivider { border: 0px; }
#navigation div { background-color:transparent; }

/* BOX BG & BORDER: ALL OTHERS */
.left_column_content,.right_column_content,.right_ column
.column_content,.boxcontent { background-color:transparent; border-color:#ff3300;
border-width:2px; border-style:inset; } .commonbox { border-color:#ff3300;
border-width:2px; border-style:inset; }
#teaserbox div { background-color:transparent; border-color:#ff3300;
border-width:2px; border-style:inset; }

/* MY PROFILE PHOTO BORDER */
.left_column_profile_mainphoto img { border-color:#ff3300;
border-width:2px; border-style:inset; }

/* PHOTO THUMBNAIL SIZE & BORDER */
.left_column_profile_thumbnails .photothumb,.right_column_groups
.photo,.left_column_testimonials .photo,.friendsphoto { border-color:#ff3300;
border-width:2px; border-style:inset; }

/* DATES */
.left_column_testimonials_content .date,.right_column_groups_content
.date { font-size:10px; color:#ff3300; font-weight:bold; }
.blog_posted { font-size:10px !Important; color:#ff3300 !Important;
font-weight:bold; }

/* STYLES FOR MY PROFILE-BOX */
#caption { font-size:11px; color:#ff3300; }
.left_column_info p { font-size:12px; color:#ff3300; }
.left_column_info a,.left_column_info a:visited { font-size:12px;
color:#ff3300; font-weight:normal; font-style:normal; text-decoration:none;
}
.left_column_info a:hover { font-size:12px; color:transparent;
font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_info .q { font-size:12px; color:#ff3300; font-weight:bold;
}
.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited {
font-size:11px; border-bottom: 0px; color:#ff3300; font-weight:normal;
font-style:normal; text-decoration:underline; }
.buttondiv_new a:hover { font-size:11px; border-bottom: 0px;
color:transparent; font-weight:normal; font-style:normal;
text-decoration:underline; }

/* STYLES FOR MORE ABOUT-BOX */
.left_column_about p { font-size:12px; color:#ff3300; }
.left_column_about a { font-size:12px; color:#ff3300;
font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_about a:hover { font-size:12px; color:transparent;
font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_about .q { font-size:11px; color:#ff3300;
font-weight:bold; }

/* STYLES FOR MY BLOG-BOX & MY GROUPS-BOX */
.blogs p,.right_column_groups_content p { font-size:12px;
color:#ff3300; }
.blogs a,.blogs a:visited,.right_column_groups_content a {
font-size:12px; border-bottom:0px; color:#ff3300; font-weight:bold;
font-style:normal; text-decoration:underline; }
.blogs a:hover,.right_column_groups_content a:hover { font-size:12px;
border-bottom:0px; color:transparent; font-weight:bold;
font-style:normal; text-decoration:underline; }
.blogs h2 { font-size: !Important; border-bottom-color:#ff3300;
border-bottom-width:2px; border-bottom-style:inset; color:#ff3300 !Important;
font-weight:bold; }
.right_column_groups { border-bottom-color:#ff3300;
border-bottom-width:2px; border-bottom-style:inset; }

/* STYLES FOR MY TESTIMONIALS-BOX */
.left_column_testimonials_content a,.left_column_testimonials_content
a:active,.left_column_testimonials_content
a:visited,.left_column_testimonials_add a { font-size:12px; color:#ff3300 !Important;
font-weight:bold; font-style:normal; text-decoration:underline; }
.left_column_testimonials_content a:hover,.left_column_testimonials_add
a:hover { font-size:12px; color:transparent; font-weight:bold;
font-style:normal; text-decoration:underline; }
.testimonialbody,.left_column_testimonials_add { font-size:12px;
line-height:normal; border:0px; color:#ff3300; }
.left_column_hr,.left_column_testimonials_add {
border-bottom-color:#ff3300; border-bottom-width:2px; border-bottom-style:inset; }

/* STYLES FOR MY FRIENDS-BOX & MY FANS-BOX */
.friends .name,.friends .name a,.friends .name a:visited {
font-size:11px; color:#ff3300; font-weight:normal; font-style:normal;
text-decoration:underline; }
.friends .name a:hover { font-size:11px; color:transparent;
font-weight:normal; font-style:normal; text-decoration:underline; }

/* STYLES FOR RSS-BOX & TEASER-BOX */
.boxcontent { font-size:12px; color:#ff3300; }
#teaserbox ol li { font-size:12px; color:#ff3300; }
.boxcontent a,.boxcontent ol li a { font-size:12px; color:#ff3300;
font-weight:normal; font-style:normal; text-decoration:underline; }
.boxcontent a:hover,.boxcontent ol li a:hover { font-size:12px;
color:transparent; font-weight:normal; font-style:normal;
text-decoration:underline; }

/* STYLES FOR NAV BAR */
#mainnav table td a:link, #mainnav table td a:visited, #mainnav table
td a:active { font-size:12px; color:#ff3300; font-weight:bold;
font-style:normal; text-decoration:none; }
#mainnav table td a:hover { font-size:12px;
background-color:transparent; color:transparent; font-weight:bold; font-style:normal;
text-decoration:underline; }
#subnav a,#subnav a:visited { font-size:11px; color:#ff3300;
font-weight:bold; font-style:normal; text-decoration:none; }
#subnav a:hover { font-size:11px; color:transparent; font-weight:bold;
font-style:normal; text-decoration:underline; }

/* STYLES FOR FOOTER */
#footer { border-top-color:#ff3300; border-top-width:2px;
border-top-style:inset; }
#footer div { font-size:11px; color:#ff3300; }
#footer a { font-size:11px; color:#ff3300; font-weight:normal;
font-style:normal; text-decoration:underline; }
#footer a:hover { font-size:11px; color:transparent;
font-weight:normal; font-style:normal; text-decoration:underline; }

/* SEE ALL-LINKS */
.see_all_friends a,.see_all_friends a:visited,.seeall a,.seeall
a:visited,.see_all a,.see_all a:visited { font-size:12px; border-bottom:0px;
color:#ff3300; font-weight:bold; font-style:normal;
text-decoration:underline; }
.see_all_friends a:hover,.seeall a:hover,.see_all a:hover {
font-size:12px; border-bottom:0px; color:#ff3300; font-weight:bold;
font-style:normal; text-decoration:underline; }

/* SEE ALL-LINKS: LINE ABOVE */
.see_all_friends,.blogs .seeall { border-top-color:#ff3300;
border-top-width:2px; border-top-style:inset; }

/* MISC STYLES */
.left_column_header { background-color:transparent; }

/* CUSTOM SCROLLBARS */
body { scrollbar-face-color: #003399; scrollbar-highlight-color:
#ffcc33; scrollbar-shadow-color: #ffcc33; scrollbar-3dlight-color: #0033cc;
scrollbar-arrow-color: #ffcc66; scrollbar-track-color: #ffcc00;
scrollbar-darkshadow-color: #003366; }

[dashling]

thx ..............