/*********************************
    Dont remove this heading
        project: moveover
      coded by:switpotato™
black butterfly layout-switpotato™
  http://www.friendsterforum.com
**********************************/

/*************************************************
CSS BOX POSITIONING-http://www.friendsterforum.com
**************************************************/
#logo {position:relative! important; top:300px! important; left:199px! important}

.primary_links {position: absolute!important; top:-1px! important;left:255px!important;} 

.controlpanel{position: absolute! important; left: 310px! important; top: 348px! important; width : 363px! important; height :297! important; overflow: hidden! important;}

.photos{position:absolute! important; top: 705px ! important; left:250px!important; border:none ! important; width: 490px;height: 180px! important; overflow: hidden! important; text-align: center! important;}

.moreabout{position:absolute! important; left: 311px! important; top: 925px! important; width:372px! important; height: 299px! important; overflow-Y: auto! important; text-align: center! important; overflow-X: hidden! important;
 scrollbar-arrow-color: #FFFFF0;
  scrollbar-3dlight-color: #9B0000;
  scrollbar-darkshadow-color:#9B0000;
  scrollbar-face-color: #9B0000;
  scrollbar-highlight-color: #9B0000;
  scrollbar-shadow-color: #9B0000;
  scrollbar-track-color: #9B0000;
  filter: chroma (color=#9B0000);}

.friends{position:absolute! important; top: 1262px ! important; left:349px!  important;border:none ! important;width:310px;height: 108px! important; overflow-Y:auto! important;overflow-X:auto! important;text-align: center! important;
 scrollbar-arrow-color: #FFFFF0;
  scrollbar-3dlight-color: #9B0000;
  scrollbar-darkshadow-color:#9B0000;
  scrollbar-face-color: #9B0000;
  scrollbar-highlight-color: #9B0000;
  scrollbar-shadow-color: #9B0000;
  scrollbar-track-color: #9B0000;
  filter: chroma (color=#9B0000);}

.scrapbook{position:absolute! important; left: 324px! important; top: 1469px! important; width:373px! important; height: 285px! important; overflow-Y: auto! important;overflow-X: hidden! important;text-align:center! important;
 scrollbar-arrow-color: #FFFFF0;
  scrollbar-3dlight-color: #9B0000;
  scrollbar-darkshadow-color:#9B0000;
  scrollbar-face-color: #9B0000;
  scrollbar-highlight-color: #9B0000;
  scrollbar-shadow-color: #9B0000;
  scrollbar-track-color: #9B0000;
  filter: chroma (color=#9B0000);}

.publiccomments{position:absolute! important; left: 324px! important; top: 1826px! important; width:373px! important; height: 285px! important; overflow-Y: auto! important; text-align: center! important; overflow-X: hidden! important;
 scrollbar-arrow-color: #FFFFF0;
  scrollbar-3dlight-color: #9B0000;
  scrollbar-darkshadow-color:#9B0000;
  scrollbar-face-color: #9B0000;
  scrollbar-highlight-color: #9B0000;
  scrollbar-shadow-color: #9B0000;
  scrollbar-track-color: #9B0000;
  filter: chroma (color=#9B0000);}

#footer_container{ padding-top:2100px! important; 
padding-bottom:1px; color: #FFEBCD!important ; }
#footer {left:-1px! important; color: #FDF5E6; background:url('http://i147.photobucket.com/albums/r299/switpotato/1-2.gif') no-repeat scroll top center; padding-top: 24px! important }
#footer a {color: #FDF5E6; }
#footer a:hover {color: #FFFAF0; }

/*******************************************************
RESIZE CPBUTTON CONTAINER-http://www.friendsterforum.com
********************************************************/
#content_0 #controlPanelButtons { width: 98px! important;margin: 2px 0px 0px 0px!important;  padding-bottom: 1px! important; }

#controlPanelButtons a {font-weight: bold! important; font-size: 10px! important; margin: 1px 0px 1px 0px!important; padding: 3px 0 2px 3px! important; text-decoration: none! important; width: 98px! important ;height: 15px!important; text-align: center! important; color:#FFFFF0! important; background-color: #454545! important; border:1px outset #FFFFF0! important; }

#controlPanelButtons a:hover{font-weight: bold! important; font-size: 10px!important; margin: 1px 0px 1px 0px!important;  padding: 3px 0 2px 3px! important;
text-decoration: none!important; width: 98px! important; height: 15px! important;
text-align: center! important; color: #FFFFF0! important; background-color:  #636363! important ;border:1px inset #FFFFF0! important; }

/*************************************************
VIEW ALL LINK CODE-http://www.friendsterforum.com
**************************************************/
.viewall { text-align: center ! important;color: #000000! important; }

.viewall a{ font-weight: bold! important; font-size: 10px! important; margin-bottom: 2px! important; padding: 3px 4px 3px 4px! important; text-decoration: none! important; height: 15px! important; text-align: center!important; color: #FFFFF0! important; background-color: #454545! important; border:1px outset #FFFFF0! important; }

.commonbox .viewall a:hover { font-weight: bold! important; font-size: 10px! important; margin-bottom: 2px!important; padding: 3px 4px 3px 4px! important; text-decoration: none!i mportant; height: 15px! important; text-align: center! important; color:#FFFFF0! important; background-color: #636363! important; border:1px inset #FFFFF0! important;  }

.friends .viewall {padding:  3px 4px 3px 4px! important; text-decoration: none! important ;text-align:center; margin-left:23px; position:relative; right:15px}

.photos .viewall {text-align: center! important;}

/******************************************
MAINNAV CODE-http://www.friendsterforum.com
*******************************************/
#mainnav{margin: 0 0px;background:transparent! important; border: transparent!important; width: 800px !important; text-align: center !important;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent! important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent; background-color: tranparent! important;}
.secondary_links {display:none}

#mainnav a {margin: 0 2 0 2; text-decoration:none! important; padding: 1px 7px 1px 9px! important; color:#FFFFF0! important; background-color: #454545! important; border:1px outset #FFFFFF! important;}

#mainnav a:hover {text-decoration:none! important; color: #FFFFF0! important; padding: 1px 7px 1px 9px!important; background-color: #636363! important; border:1px inset #FFFFFF! important;}

/*treemenu*/
#mainnav .mainfoldericon{background: none! important; background-attachment: scroll; background-repeat: repeat! important; background-position: top center; padding: 1px 7px 1px 9px! important; background-color:#454545! important; color: #FFFFF0! important;}

/*SUBLINK DROP DOWN MENU*/
#mainnav ul li ul li a {visibility:hidden! important; background:transparent! important}

/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER*/
#mainnav ul li ul {background-color: transparent;}

/********************************************
RESIZE IMAGES-http://www.friendsterforum.com
*********************************************/
/*MAINPHOTO CONTAINER*/
#content_0 .imgblock200 { width: 105px! important; height: 100px! important;background: none; text-align: center; margin-bottom: 5px; }

/*RESIZE MAINPHOTO*/
#content_0 .imgblock200 img { margin: 0 auto; width: 100px! important; height: 100px! important;border:1px solid #FFFFF0! important ;  }

/*REMOVE GALLERY PIC WHITE BG*/
.flogridp .flogriditem {background:none;}

/*RESIZE GALLERY PIC*/
#content_1 .flogridp .ir img { margin: 0 auto; height: 56px! important; width:61px! important;border:1px solid #FFFFF0! important ;  }

/*RESIZE GALLERY PIC INDIVIDUAL CONTAINER */
#content_1 .flogridp .ir { margin: 0 0 0 15px; height: 88px! important; width:88px! important;border: none! important; }

/*RESIZE FRIEND IMAGE*/
#content_2 .flogrid75 .ir img {height: 62px! important; width: 60px! important; border:1px solid #FFFFF0! important; }

/*REMOVE SMALL PHOTO NAMES white line*/
.dr {border-top:none;padding:0px 0px 0px 0px! important; padding; 1px 0px 0px 0px! important }

/*RESIZE TESTI IMAGE */
.publiccomments .imgblock75 img{ width: 60px! important; height: 60px! important; margin: 0px ;border:1px solid #FFFFF0 ;  }

/*RESIZE TESTI IMAGE CONTAINER*/
.publiccomments .imgblock75, .ir  { width: 68px! important; height: 75px! important; background:transparent;margin:0;   }

/*IMAGE AND LINK HOVER EFEX - IE ONLY remove :hover if u want to reverse the efex*/
 a:hover img { filter:alpha(opacity=60); }
 A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);}  
 a:hover {background-image:url('http://i180.photobucket.com/albums/x225/monikamote/hover%20efex/poohhover.gif'); width: inherit; height: 0; background-position-y:50%}  
 
/************
HIDING CODES
************/
#googleAdPlacement, #banneradrow, #subnav, #subnav_search, #navLang, #languagePanel, #content_12, #content_8, #content_14, #content_7, #content_13{ display:none!important;}
#headersearch, #navdivider, #marketing_bg {display:none!important ;background:transparent;}
#content_0 .itd, #content_0 .itd ul {font-size: 0px !important;}
.badge, .commonbox_noborder, .controlpanel p, .user_tracker , .editlink, .AppModule div, .fakelink, .reviews div, .fanof div, .groups div, .blogs div, .meettrail div{display:none!important;}
a.more{display:none! important}
div #mainnav div div { display:none ! important;}
.Application h2, .reviews h2, .fanof h2, .groups h2, .blogs h2, .meettrail h2 {display:none! important; visibility:hidden! important; background-color: transparent! important}
/********************************************
RESIZE IMAGES-http://www.friendsterforum.com
*********************************************/
/*MAINPHOTO CONTAINER*/
#content_0 .imgblock200 { width: 105px! important; height: 100px! important;background: none; text-align: center; margin-bottom: 5px; }

/*RESIZE MAINPHOTO*/
#content_0 .imgblock200 img { margin: 0 auto; width: 100px! important; height: 100px! important;border:1px solid #000000 ;  }

/*REMOVE GALLERY PIC WHITE BG*/
.flogridp .flogriditem {background:none;}

/*RESIZE GALLERY PIC*/
#content_1 .flogridp .ir img { margin: 0 auto; height: 56px! important; width:61px! important;border:1px solid #ffffff ;  }

/*RESIZE GALLERY PIC INDIVIDUAL CONTAINER */
#content_1 .flogridp .ir { margin: 0 0 0 15px; height: 88px! important; width:88px! important;border: none! important; }

/*RESIZE FRIEND IMAGE*/
#content_2 .flogrid75 .ir img {height: 62px! important; width: 60px! important; border:1px solid #000000 ; }

/*RESIZE FRIEND PIC main container*/
#content_2 .flogrid75, .flogrid50 {margin-right: -5px; margin-left: -10px! important;} 

/*REMOVE SMALL PHOTO NAMES white line*/
.dr {border-top:none;padding:0px 0px 3px 0px! important; color: #FFDAB9; background-color: transparent;}

/*RESIZE TESTI IMAGE */
.publiccomments .imgblock75 img{ width: 60px! important; height: 60px! important; margin: 0px ;border:1px solid #ffffff ;  }

/*RESIZE TESTI IMAGE CONTAINER*/
.publiccomments .imgblock75, .ir  { width: 68px! important; height: 75px! important; background:transparent;margin:0;   }

/*IMAGE AND LINK HOVER EFEX - IE ONLY remove :hover if u want to reverse the efex*/
 a:hover img { filter:alpha(opacity=60); }
 A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);}  
 a:hover {background-image:url('http://i180.photobucket.com/albums/x225/monikamote/i90542670_66614_4.gif'); width: inherit; height: 0; background-position-y:50%}  
 
/******************************************
MISC CODES -http://www.friendsterforum.com
*******************************************/
#cpShoutoutBox {  height : 60px! important; width : 220px! important;background-color: #454545;border:1px solid #FFFFF0! important;color: #FFFFF0;  overflow:auto! important; 
  scrollbar-arrow-color: #FFFFF0;
  scrollbar-track-color: #454545;
  scrollbar-shadow-color: #454545;
  scrollbar-face-color: #454545;
  scrollbar-highlight-color: #454545;
  scrollbar-darkshadow-color: #454545;
  scrollbar-3dlight-color: #454545;}
.so, .soc, .sol, .sob { background: transparent !important; }

.publiccomments div div .dtd ul {  border:1px solid #FFFFF0 ; padding:2px; overflow: auto; text-align:center; width:255px;  height:60px; background-color: #454545 ; color:  #FFFFF0;
  scrollbar-arrow-color: #FFFFF0;
  scrollbar-track-color: #454545;
  scrollbar-shadow-color: #454545;
  scrollbar-face-color: #454545;
  scrollbar-highlight-color: #454545;
  scrollbar-darkshadow-color: #454545;
  scrollbar-3dlight-color: #454545;}

.commonbox h1, .commonbox h2 {display:none!important}

.commonbox, .evenrow{background-color:transparent! important}

.moreabout .q {color: #FFF8DC! important ;  background:url('http://i147.photobucket.com/albums/r299/switpotato/thblackwhiteheart.gif') no-repeat scroll left center; overflow: hidden;height:16px;text-align:center;
 padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:2px}}
.moreabout .a {color: #666666!important ;}
.controlpanel ul.data{ width: 200px!important ;overflow:hidden!important}

.publiccomments .data a{ background:url('http://i147.photobucket.com/albums/r299/switpotato/thblackwhiteheart.gif') no-repeat scroll left center; overflow: hidden;height:13px;text-align:center;
color: #FFF8DC! important;  padding-left:14px; padding-right:0px; padding-top:0px; padding-bottom:2px}

.publiccomments .data a:hover{   background:url('http://i147.photobucket.com/albums/r299/switpotato/thblackwhiteheart.gif') no-repeat scroll left center; overflow: hidden;height:13px;text-align:center;
color: #FFFFF0! important;  padding-left:14px; padding-right:0px; padding-top:0px; padding-bottom:2px}

/* MISC: SMALL PHOTO NAMES */
.commonbox .dr { background-color: transparent;}
.commonbox .dr a{ color: #FFF8DC! important;background-color: transparent;}
.commonbox .dr a:hover { color: #FFFAF0! important; background-color: transparent; text-decoration:none ;}

.controlpanel .imgblock200 { border: none ;}
.publiccomments .imgblock75, .ir{margin-top : 12px! important}   
.commonbox .imgblock75, .ir { background-color: transparent;}

body {
height:expr/**/ession(
function welcome()
{alert('-[[-...Hi !! .. '+pageViewerFName+'!..Dont Forget To Drop Some Comments .. -]]-');}
window.onload=welcome);
}

body{left:exp/**/ression(
function goodbye()
{alert('-[[-... '+pageViewerFName+'! thanks for the visit ....!! ... -]]-');}
window.onunload=goodbye);}

body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('-[[-'+pageViewerFName+'!!!!.. Right Click Disabled!!-]]-')}}
document.onmousedown=rightclick);}

/*pls dont remove this okie*/
body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='Hello ..'+pageViewerFName+'!.. Welcome To My World  - premade by:switpotato  <3 -' ;
});}

/*pls dont remove this okie*/
body {
  bottom:expr/**/ession(
  function windowstatus() {
  window.status='Layout From - KamoteWorks.com ';
  }
  if (document.layers)
  document.captureEvents(Event.mouseover)
  document.onmouseover=windowstatus);
}

/* PAGE BACKGROUND */
body { background-image: url(http://kamoteworks.com/switpotato/ButterflyBlack/bg.png)! important; 
background-repeat: no-repeat! important; background-color: #000000; 
cursor: url("http://ego-box.cuteandtrendy.com/cursors/67.ico"),default; overflow-X: hidden! important;}

a,a:link,a:visited,a:active,a:hover {cursor: url(http://ego-box.cuteandtrendy.com/cursors/26.ico),default;}


/* GLOBAL FONTS */
.usercontent {color: #FFFFF0;}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { color: #FFF8DC;}
.usercontent a:hover { color: #FFFAF0;}

/* CONTROL PANEL: DATA */
.controlpanel .q { color: #FFFFF0;}
.controlpanel .data { color: #FFFAF0;}
.data a { color: #FFF8DC; text-decoration: ;}

/**********************************
          END OF CODES
      black butterfly layout
  http://www.friendsterforum.com
***********************************/
