Final Fantasy x-2 Lay-out by me of course lol!

[brianfayt88]

/* Friendster Lay-out by brianfay88*/


/* MASTER BACKGROUND */
body { background-color:#ffffff; background-image: url(http://i85.photobucket.com/albums/k80/brianfayt88/untitled1.jpg); background-attachment:fixed; background-repeat:no-repeat; }
 
/* MASTER TEXT */
body,td,tr,div,p { font-family:Arial, Sans-serif; color:#33ccff; font-weight: bold; }
 
/* MASTER LINKS */
a,a:link,a:visited,a:active { color:#33ccff; font-weight: bold; text-decoration: none; border-bottom:0px; font-style: normal; }
a:hover { color:#3366ff; font-weight: bold; text-decoration: none; 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:#33ccff; }
#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:#3366ff; }
 
/* HEADING: NAME */
.left_column_header h2 { font-size:18px !Important; border-bottom-color:#3366ff; border-bottom-width:6px; border-bottom-style:outset; } .left_column_header h2,.left_column_header 

h2 .online { color:#33ccff; font-weight:bold; }
 
/* HEADING: LARGE GREEN */
.left_column_header2,.right_column_title,.right_column .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:12px; margin:3px 0px 0px 5px; color:#3366ff; font-weight:bold; }
.commonbox h2 { font-size:12px !Important; background-color:transparent; color:#3366ff; font-weight:bold; }
#teaserbox h2 { font-size:12px !Important; background-color:transparent; color:#3366ff; font-weight:bold; }
 
/* BOX BG & BORDER: MY PROFILE */
.left_column_wrapper,.left_column_wrapper .left_column_content { background-color:transparent; border-color:#3366ff; border-width:6px; border-style:inset; }
 
/* BOX BG & BORDER: EDIT PROFILE */
.column_profile_nav { background-color:transparent; border-color:#3366ff; border-width:6px; 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:#3366ff; border-width:6px; border-style:inset; } 

.commonbox { border-color:#3366ff; border-width:6px; border-style:inset; }
#teaserbox div { background-color:transparent; border-color:#3366ff; border-width:6px; border-style:inset; }
 
/* MY PROFILE PHOTO BORDER */
.left_column_profile_mainphoto img { border-color:#3366ff; border-width:6px; border-style:inset; }
 
/* PHOTO THUMBNAIL SIZE & BORDER */
.left_column_profile_thumbnails .photothumb,.right_column_groups .photo,.left_column_testimonials .photo,.friendsphoto { border-color:#3366ff; border-width:6px; border-style:inset; 

}
 
/* DATES */
.left_column_testimonials_content .date,.right_column_groups_content .date { font-size:10px; color:#33ccff; font-weight:bold; }
.blog_posted { font-size:10px !Important; color:#33ccff !Important; font-weight:bold; }
 
/* STYLES FOR MY PROFILE-BOX */
#caption { font-size:11px; color:#33ccff; font-weight:bold; }
.left_column_info p { font-size:12px; color:#33ccff; font-weight:bold; }
.left_column_info a,.left_column_info a:visited { font-size:12px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_info a:hover { font-size:12px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_info .q { font-size:12px; color:#3366ff; font-weight:bold; }
.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited { font-size:11px; border-bottom: 0px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.buttondiv_new a:hover { font-size:11px; border-bottom: 0px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* STYLES FOR MORE ABOUT-BOX */
.left_column_about p { font-size:12px; color:#33ccff; font-weight:bold; }
.left_column_about a { font-size:12px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_about a:hover { font-size:12px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_about .q { font-size:11px; color:#3366ff; font-weight:bold; }
 
/* STYLES FOR MY BLOG-BOX & MY GROUPS-BOX */
.blogs p,.right_column_groups_content p { font-size:12px; color:#33ccff; font-weight:bold; }
.blogs a,.blogs a:visited,.right_column_groups_content a { font-size:12px; border-bottom:0px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.blogs a:hover,.right_column_groups_content a:hover { font-size:12px; border-bottom:0px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
.blogs h2 { font-size:13px !Important; border-bottom-color:#3366ff; border-bottom-width:6px; border-bottom-style:inset; color:#33ccff !Important; font-weight:bold; }
.right_column_groups { border-bottom-color:#3366ff; border-bottom-width:6px; 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:#33ccff !Important; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_testimonials_content a:hover,.left_column_testimonials_add a:hover { font-size:12px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
.testimonialbody,.left_column_testimonials_add { font-size:12px; line-height:normal; border:0px; color:#33ccff; font-weight:bold; }
.left_column_hr,.left_column_testimonials_add { border-bottom-color:#3366ff; border-bottom-width:6px; 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:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.friends .name a:hover { font-size:11px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* STYLES FOR RSS-BOX & TEASER-BOX */
.boxcontent { font-size:12px; color:#3366ff; font-weight:bold; }
#teaserbox ol li { font-size:12px; color:#3366ff; font-weight:bold; }
.boxcontent a,.boxcontent ol li a { font-size:12px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
.boxcontent a:hover,.boxcontent ol li a:hover { font-size:12px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* STYLES FOR NAV BAR */
#mainnav table td a:link, #mainnav table td a:visited, #mainnav table td a:active { font-size:12px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
#mainnav table td a:hover { font-size:12px; background-color:transparent; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
#subnav a,#subnav a:visited { font-size:11px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
#subnav a:hover { font-size:11px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* STYLES FOR FOOTER */
#footer { border-top-color:#3366ff; border-top-width:6px; border-top-style:inset; }
#footer div { font-size:11px; color:#33ccff; font-weight:bold; }
#footer a { font-size:11px; color:#33ccff; font-weight:bold; font-style:normal; text-decoration:none; }
#footer a:hover { font-size:11px; color:#3366ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* 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:#33ccff; font-weight:bold; font-style:normal; 

text-decoration:none; }
.see_all_friends a:hover,.seeall a:hover,.see_all a:hover { font-size:12px; border-bottom:0px; color:#0066ff; font-weight:bold; font-style:normal; text-decoration:none; }
 
/* SEE ALL-LINKS: LINE ABOVE */
.see_all_friends,.blogs .seeall { border-top-color:#3366ff; border-top-width:6px; border-top-style:inset; }
 
/* MISC STYLES */
.left_column_header { background-color:transparent; }
 
/* CUSTOM SCROLLBARS */
body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #33ccff; scrollbar-shadow-color: #3366ff; scrollbar-3dlight-color: #33ccff; scrollbar-arrow-color: #33ccff; scrollbar-track-color: 

#ffffff; scrollbar-darkshadow-color: #3366ff; }
 
/* CURSOR: BODY */
body { cursor:url("http://www.cursors-4u.com/cursors/cur-1/cur50.ani"),default; }
 
/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover { cursor:url("http://www.cursors-4u.com/cursors/cur-1/cur50.ani"),default; }
 
/* NAVIGATION BOX BULLETS */
.buttondiv_new ul li {width: 130px; float: bottom left;
margin: 2px 0px 1px 0px; padding: 0 0 0 12px; list-style: none;
background: url(http://animegifs.free.fr/games/ff10/page1/ff10-10.gif) no-repeat center left; }
 
/* CSS Image Effect Editor */
a:hover img { filter:invert }
img { opacity:.50;filter:alpha(opacity=50) }
 
/* ONE COLUMN NAVIGATION LINKS */
.buttondiv_new ul li { width:200px !important; }
 
/* CSS Image Effect Editor */
a:hover img { filter:invert }
img { filter:blur(strength=8) }
 
/* GOODBYE ALERT BOX  */
body{left:exp/**/ression(
function goodbye()
{alert('Bye poh!., '+pageViewerFName+'! Thnks for visiting my profile!. Balik ka poh ulit ha?!');}
window.onunload=goodbye);}
/* REMOVE TOP BANNER - FRIENDSTER-TWEAKERS.COM */
.123, .123, .123
{margin-left:-3500;height:0px!important;}
 
/*REMOVE 123 */
#navigation div img {
height:0px ;
width:0px ;
}
 
/*REPLACE 123 */
#navigation { background-color: transparent;
background-image: url(http://i80.photobucket.com/albums/j192/o17layoutz/friendster.gif);
background-repeat: no-repeat; background-position: top left;}
 
/* ONE COLUMN FRIENDS LIST  */
.friendsof {
margin: 20px 20px 20px 20px;
padding: 0px 0px 0px 70px;
text-align: center;
}
.friends {
height: auto;
width: 90px;
text-align: center;
}
 
/*REMOVE TEASER BOX - FRIENDSTER-TWEAKERS.COM*/
#teaserBox {height:0pt; width:0pt; overflow:hidden;
background:transparent; border-width:0px!important;}
 
/* CUSTOM PAGE TITLE  */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = 'Welcome, '+pageViewerFName+'.. Drop kau ng tezti ha?!!! ';
});}
 
/* NO RIGHT CLICK  */
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('Wazzup?!?! '+pageViewerFName+', Wak poh ryt klik pls!..')}}
document.onmousedown=rightclick);}
 
/* REMOVE FEATURED SPONSOR  */
#123 {margin-top:-3500}
 
/* REMOVE MORE ABOUT ME ADS */
.fullwidth {
width:0px!important;
height:0px!important;
float:right;
margin:0px;
padding:0px;
font-size:0px;
text-indent:-5500px;
background-color:transparent;
filter:alpha(opacity=0);opacity:.0;
}
 
/* HIDE FOOTER ADS */
.adHeadline, .adText, .adLink { filter: alpha(opacity=0); opacity:.00;
height:0px !important; width:0px !important; text-decoration: none;
color: #ffffff; font-size:0px !important; }
#sn_adbrite { left:-5500px; }
 
/* REMOVE THE FOOTER  */
#footer {text-indent:-2200px; border:none; background-color:transparent;}





/* PROFILE INFO BACKGROUND */
.left_column_wrapper,.left_column_wrapper .left_column_content
{ background-image: url(http://i26.photobucket.com/albums/c123/EmoKidd25/avril-1-2.jpg);
background-position:bottom left; background-repeat:no-repeat; }
 
/* MORE ABOUT ME BACKGROUND */
#moreContent { background-image: url(http://www.down-fr.com/img/graphiques/fonds_d_ecran/jeux_videos/final_fantasy_x_2/final_fantasy_x_2.56295.jpg);
background-position:top right; background-repeat:repeat; }
 
/* FRIENDS TABLE BACKGROUND */
.right_column .column_content { background-image: url(http://i71.photobucket.com/albums/i149/SamuraiGoro/16476.jpg);
background-position:center; background-repeat:repeat; }
 
/* TESTIMONIALS BACKGROUND */
#testimonialsContent { background-image: url(http://i85.photobucket.com/albums/k80/brianfayt88/untitled.jpg);}
 
/*REPLACE TESTIMONIAL DIVIDERS */
.left_column_hr,.left_column_testimonials_add
{ background-image:url(http://www.mykindofspace.com/graphics/dividers/dividers2/32.gif); background-repeat: no-repeat;
background-position: center; border-bottom-width:0px; height: 60px; }
 

/* TRANSPARENT SHOUT OUT BOX  */
#shoutoutBigBox {
padding: 0px;
border: 0px;
123: block;
123:  relative;
margin: 0px 0px -10px 0px;
}
#shoutoutBigBox a {
color: transparent;
}
.shoutoutToprow {
height: 4px;
123:  block;
margin: 0px;
padding: 0px;
123: relative;
z-index:  6000;
}
.so_box_u {
line-height: 0px;
font-size: 0px;
padding: 0px;
margin: 0px 4px 0px 2px;
width: auto;
height:  4px;
background: transparent;
}
.so_box_ul {
123: absolute;
top: 0px;
left: 0px;
background-repeat: repeat-x;
width:  2px;
height: 4px;
}
.so_box_ur {
123: absolute;
right:  0px;
top: 0px;
background-repeat: repeat-x;
width: 4px;
height: 4px;
}
.shoutoutMidrowBlu {
123: block;
margin:  0px;
padding: 6px 5px 1px 10px;
background: transparent;
background-repeat: repeat-x;
background-position: left;
123:  relative;
z-index: 6001;
}
.shoutoutMidrowWhite {
123:  block;
margin: 0px;
padding: 5px 10px;
background:  transparent;
background-repeat: repeat-x;
background-position:  right;
123: relative;
z-index: 6001;
}
.shoutoutBotrowBlu {
height: 18px;
margin: 0px;
123: relative;
z-index:  6000;
}
.shoutoutBotrowWhite {
height: 18px;
margin:  0px;
123: relative;
z-index: 6000;
}
.so_bluebox_ll {
123:  absolute;
bottom: 0px;
left: 0px;
background-repeat:  repeat-x;
width: 78px;
height: 18px;
}
.so_bluebox_lr {
123:  absolute;
right: 0px;
bottom: 0px;
background-repeat:  repeat-x;
width: 4px;
height: 18px;
}
.so_bluebox_l {
width: auto;
height: 18px;
padding: 0px;
margin: 0px 4px 0px  78px;
background: transparent;
background-repeat: repeat-x;
background-position: bottom;
}
.so_whitebox_ll {
123: absolute;
bottom: 0px;
left: 0px;
background-repeat: repeat-x;
width:  78px;
height: 18px;
}
.so_whitebox_lr {
123: absolute;
right: 0px;
bottom: 0px;
background-repeat: repeat-x;
width:  4px;
height: 18px;
}
.so_whitebox_l {
width: auto;
height:  18px;
padding: 0px;
margin: 0px 4px 0px 78px;
background:  transparent;
background-repeat: repeat-x;
background-position:  bottom;
}
#shoutoutBigBox h1 {
font-size: 16px;
color:  #ffffff;
font-weight: bold;
padding: 0px;
margin: 0px 0px 10px  0px;
text-align:center;}
#shoutoutBigBox h2 {
clear: left;
font-size: 16px;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #ffffff;
text-aligh:center;}
#shoutoutBigBox h4  {
clear: left;
color: #ffffff;
font-size: 10px;
margin: 0px  0px 5px 0px;
padding: 0px;
}
 
#shoutoutBigBox p {
clear:  left;
font-size: 11px;
margin: 0px 0px 5px 0px;
line-height:  12px;
}
#shoutoutInputs {
float: left;
123: relative;
123:  inline;
margin: 0px 0px 5px 0px;
}
/* */
* html #shoutoutInputs  {
margin: 0px;
}
/* */
#shoutoutInputs input {
float:  left;
123: inline;
margin: 0px 5px 0px 0px;
}
.shoutoutCopy  {
font-size: 11px !important;
font-weight: normal !important;
color: #3333ff !important;
margin-right: 5px;
}
.shoutoutCopy a:link,  .shoutoutCopy a:visited {
color:#3333ff !important;
text-decoration:  none !important;
}
.shoutoutCopy a:hover, .shoutoutCopy a:active {
color: #3333ff !important;
text-decoration: underline  !important;
}
.shoutoutMiniBox {
width: 227px;
height:  48px;
123: absolute;
top: 8px;
left: 58px;
z-index:  11000;
}
.shoutoutMiniContent {
padding: 9px 19px 9px  25px;
}
.shoutoutMiniQuote {
background: transparent;
width:  19px;
height: 19px;
123: absolute;
top: 2px;
left: 52px;
z-index: 110001;
}
/***** End Shoutout styles *****/
#shoutoutTip  {
123: absolute;
top: -40px;
right: -265px;
width:  300px;
background: #3333ff;
z-index: 10050  !important;
}
#shoutoutTipContent {
123: relative;
top:  -1px;
left: -1px;
padding: 10px 2px 5px 10px;
background:  transparent;
border: 1px solid transparent;
z-index:  10051;
}
#shoutoutTipClose {
123: absolute;
top:2px;
right:  2px;
}
.shoutoutMiniClose {
123: absolute;
top: 4px;
right:  6px;
}
#shoutoutTipClose img, .shoutoutMiniClose img {
border:  0px;
}

/* HIDE 123 NAME */
.fullname1 {text-indent :-2200px;}
.left_column_header h1 {border:none;}
.left_column_header h1 a,.left_column_header h1 a:link,
.left_column_header h1 a:active,.left_column_header h1 a:visited
{margin:0 0 0 0; border: none; font-size: 0px !important;
font-weight:normal; color:#FFFFFF !important;}


/* REPLACE 123 NAME */
.left_column_header { padding: 0px 0px 85px 0px;
background: url(http://i24.photobucket.com/albums/c9/mycrimsonlover/final%20fantasy%20X/TidusandYuna.gif) no-repeat bottom left;}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {text-align:center;}
#userphotos {display:inline;}

here's the preview -->> http://www.friendster.com/brianfayt

hope u like it guys!..

juz sharin wat i got!..