
/******************************
   Dont remove this heading
      project: moveover
    coded by:switpotato™
RetroBlue layout-switpotato™
 http://www.kamoteworks.com
*******************************/

/* PAGE BACKGROUND */
body {
   background-image: url(http://freefile.kristopherw.us/uploads/apolpie/retroblue.png);
   background-repeat: no-repeat;
   background-color: #000000;
   overflow-X:hidden;
   cursor: ;}

/* GLOBAL FONTS */
.usercontent {
    color: #ffffff;
   font-size:10px! important;}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   color: #DFF3FF;
   font-size:10px! important;}

.usercontent a:hover {
   color: #EFF9FF;
   font-size:10px! important;}

.commonbox h1, .commonbox h2 { 
  color: #DFF3FF; 
  background-color: transparent; 
  text-align:center! important;
  border: none;
  margin: 10px 0px 10px 0px ! important;}

/*IMAGE AND LINK HOVER EFEX - www. friendsterforum.com*/
 a:hover img { filter:alpha(opacity=50);-moz-opacity:10.1;opacity: 0.5; }
 A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);} 
 
/******************************************
* ONE BOX CODE-http://www.kamoteworks.com *
*******************************************/

/***
LEFT SIDE BOX
          ***/
.ltd ul{
  position: absolute; 
  left: 211px! important;
  top : 205px! important;
  width : 383px! important;
  height: 359px! important;
  overflow-Y: auto! important; 
  overflow-X: hidden! important;
  background: transparent! important;
  direction : rtl! important;
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-track-color: #000000;
  filter: chroma (color=#000000); }

/***
RIGHT SIDE BOX
           ***/
.rtd ul{
  position: absolute; 
  left: 611px! important;
  top : 190px! important;
  width :214px! important;
  height: 390px! important;
  overflow-Y: auto! important; 
  overflow-X: hidden! important;
  background: transparent! important;
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-track-color: #000000;
  filter: chroma (color=#000000); }


/************************************************************
* CSS BOX POSITIONING and TWEAKS-http://www.kamoteworks.com *
*************************************************************/
/***
LOGO-BANNER
kamoteworks
        ***/
#logo {
   position:absolute;
   left: 186px! important;
   top:20px! important ;
   height:95px! important ;
   width:519px! important;
   background-image: url(http://i44.tinypic.com/2yughah.gif);
   background-repeat: no-repeat;
   background-color: transparent;}

/***
HOME SEARCH ETC
  kamoteworks
            ***/
.primary_links {
   position:absolute;
   top: 119px! important;
   left:170px! important}

/***
CONTROLPANEL BOX
  kamoteworks
             ***/
.controlpanel div ul{
   position: relative ;
   left: 0px! important ;
   height: auto! important;
   width: 103px! important; 
   border: none! important; 
   overflow:hidden ! important;
   color:#ffffff! important;
   top : 1px! important;}  

.controlpanel {
   margin-left: 13px! important ;
   width : 360px! important;
   height: auto! important;
   overflow: hidden! important;
   margin-top: 10px ! important;
   direction : ltr! important; }
 
.controlpanel .q{ 
   background:url('http://i44.tinypic.com/s1qbyh.jpg') no-repeat left center!important; 
   overflow: hidden;
   height:13px;
   text-align:left;
   COLOR:#DFF3FF!important;
   padding-left:14px;
   padding-right:5px;
   padding-top:0px;
   padding-bottom:0px} 

.controlpanel ul.data{
   margin-left: 3px! important ;
   width : 360px! important;
   height: auto! important;
   overflow: hidden! important;
   margin-top: 1px ! important;
   direction : ltr! important ;
   color: #ffffff!important}

.controlpanel .data a { 
   COLOR:#ffffff!important}

.controlpanel .data a:hover {
   COLOR:#DFF3FF!important}

#cpShoutoutBox {
   height:auto; 
   width:200px ! important;
   overflow-X:hidden! important; 
   text-align:center! important;
   color: #FFFFFF! important;
   background-color: #00007D! important;
   border: 1px solid #FFFFFF ! important; }

/* RESIZE MAINPHOTO CONTAINER-http://www.kamoteworks.com */
#content_0 .imgblock200 {
   width: 105px! important;
   height: 100px! important;
   background: none;
   margin-bottom: 5px;}

/* RESIZE MAINPHOTO-http://www.kamoteworks.com */
#content_0 .imgblock200 img {
   margin: 0 auto;
   width: 100px! important; 
   height: 100px! important;
   border: 1px solid #FFFFFF! important;}

/***
GALLERY B0X
kamoteworks
        ***/
.photos div ul{
   position: relative;
   left: 0px! important ;
   width : auto!important ;
   height: auto!important ;
   overflow: hidden ! important;
   top : -7px! important;
   border: none! important; } 

.photos{
   margin-left: 10px! important ;
   width : 360px ;
   height: auto!important ;
   overflow:hidden ! important;
   text-align: center! important;
   direction : ltr; } 

/* RESIZE GALLERY PIC INDIVIDUAL CONTAINER must always biggger than individual img size-http://www.kamoteworks.com */
#content_1 .flogridp .ir { 
   margin: 0 0 0 15px;
   height: 88px! important;
   width:88px! important;border: none! important; }

/*RESIZE INDIVIDUAL GALLERY PIC-http://www.kamoteworks.com*/
#content_1 .flogridp .ir img {
   margin: 0 auto; height: 56px! important;
  width:61px! important;
  border:1px solid #FFFFFF! important; }

/* MOVE PHOTO CLOSER -http://www.kamoteworks.com */
.photos .flogriditem {
   margin-left: -15px! important ;
   margin-top:14px ; 
   width:90px;
   margin-right:1px} 

/* REMOVE GALLERY PIC WHITE BG-http://www.kamoteworks.com */
.flogridp .flogriditem {background:none;}

/***
REVIEWS BOX
kamoteworks
        ***/
.reviews div ul{ 
   position: relative;
   left: 10px! important ;
   width : auto!important ;
   height: auto!important ;
   overflow: hidden ! important;
   top : 1px! important;
   border: none! important; 
   direction : ltr! important; } 

.reviews{
   margin-left: 10px! important ;
   width : 360px ;
   height: auto!important ;
   overflow:hidden ! important;
   text-align: center! important;
   direction : ltr! important; } 

#content_12 .data {
   color: #ffffff;}
#content_12 .data a{
   color: #DFF3FF;}

/*RESIZE REVIEW IMAGE-http://www.kamoteworks.com*/
#content_12 .imgblock75 {
   height: 78px! important;
   width: 78px! important;
   border: 1px solid #FFFFFF! important;
   margin-bottom: -10px! important;}

/***
BLOG BOX
kamoteworks
        ***/
.blogs div ul{ 
   position: relative;
   left: 10px! important ;
   width : auto!important ;
   height: auto!important ;
   overflow: hidden ! important;
   top : 1px! important;
   border: none! important; 
   direction : ltr! important; } 

.blogs{
   margin-left: 10px! important ;
   width : 360px ;
   height: auto!important ;
   overflow:hidden ! important;
   text-align: center! important;
   direction : ltr! important; } 

/***
MOREABOUT BOX
 kamoteworks
          ***/
.moreabout div ul{
   position: relative;
   left: 5px! important;
   width: 350px!important;
   height: auto!important ;
   overflow: hidden! important;
   border: none! important;
   text-align: center! important;
   top : 1px! important;
   direction : ltr;}   
  
.moreabout .q {
   background:url('http://i44.tinypic.com/s1qbyh.jpg') no-repeat scroll left center;
   overflow: hidden;
   height:18px;
   text-align:center; 
   color: #DFF3FF!important;
   padding-left:10px;
   padding-right:0px;
   padding-top:2px;
   padding-bottom:0px ;} 

/***
COMMENT BOX
kamoteworks
        ***/
.publiccomments {
   margin-left: 15px!important ;
   direction : ltr; } 

.publiccomments div ul{
   position: relative ;
   top : 1px! important;
   left: -6px! important ;
   padding: 2px;
   overflow: auto! important;
   text-align:center;
   width:260px! important;
   height:81px! important;
   background-color: #00007D! important;
   border:1px solid #FFFFFF! important;
   color: #FFFFFF ! important;
   scrollbar-arrow-color:  #FFFFFF;
   scrollbar-track-color: #00007D;
   scrollbar-shadow-color: #00007D;
   scrollbar-face-color: #00007D;
   scrollbar-highlight-color: #00007D;
   scrollbar-darkshadow-color: #00007D;
   scrollbar-3dlight-color: #00007D;}

/*RESIZE TESTI IMAGE-http://www.kamoteworks.com*/
.publiccomments .imgblock75, .ir{
   margin-top : 12px! important;
   margin-left : -5px! important;}

.publiccomments .data a{ 
   background:url('http://i44.tinypic.com/s1qbyh.jpg') no-repeat scroll left center;
   overflow: auto;
   height: 18px;
   text-align:center; 
   color: #DFF3FF!important;
   padding-left:13px;
   padding-right:0px; 
   padding-top:2px;
   padding-bottom:0px ;} 

.publiccomments .data a:hover{
   background:url('http://i44.tinypic.com/s1qbyh.jpg') no-repeat scroll left center;
   overflow: auto;
   height: 18px;
   text-align:center;
   color: #EFF9FF!important; 
   padding-left:13px;
   padding-right:0px;
   padding-top:2px;
   padding-bottom:0px ;} 

/* RESIZE INDIVIDUAL TESTI IMAGE -http://www.kamoteworks.com */
.publiccomments .imgblock75 img{
   width: 60px! important;
   height: 60px! important;
   margin: 0px ;
   border:1px solid #FFFFFF ! important;}

/*RESIZE TESTI IMAGE CONTAINER-http://www.kamoteworks.com*/
.publiccomments .imgblock75, .ir  {
   width: 64px! important;
   height: 64px! important;
   background: transparent;
   margin: 0px;}

/***
APPLICATION MODULES BOX
     kamoteworks
                    ***/
.AppModule div ul{  position: relative;
   left: 1px! important ;
   width : auto!important ;
   height: auto!important ;
   overflow: hidden ! important;
   top : 1px! important;
   border: none! important; 
   direction : ltr! important; } 

.AppModule{
   margin-left: 1px! important ;
   width : 360px ;
   height: auto!important ;
   overflow-X:hidden ! important;
   text-align: center! important;
   direction : ltr! important; } 

/*REMOVE EDIT LINK -http://www.kamoteworks.com*/
#moduleHeader .moduleMenu {
   display:none! important;}

/***
MEDIA BOX
kamoteworks
        ***/ 
.scrapbook  {
   position:relative;
   margin-left: 15px!important ;
   width: 350px!important;
   height: auto! important;
   overflow-X: hidden! important;
   border: none! important;
   text-align: center! important ;
   direction : ltr; 
   margin-bottom: 35px!important;} 

/*******FRIENDS BOX-http://www.friendsterforum.com*******/
.friends div ul{  position: relative;
  left: 1px! important ;
  width : auto!important ;
  height: auto!important ;
  overflow: hidden ! important;
  top : 1px! important;
  border: none! important; 
  direction : ltr! important; } 

.friends{
  margin-left: 1px! important ;
  width : 214px ;
  height: auto!important ;
  overflow:hidden ! important;
  text-align: center! important;
  direction : ltr! important; } 

/*RESIZE FRIEND PIC CONTAINER must always be bigger than the image codes-http://www.kamoteworks.com*/
#content_2 .flogrid75 .ir{
   height: 78px! important;
   width: 78px! important;}

/*RESIZE FRIEND IMAGE-http://www.kamoteworks.com*/
#content_2 .flogrid75 .ir img {
   height: 74px! important;
   width: 73px! important;
   border:  1px solid #FFFFFF! important;
   margin-bottom: -10px! important;}

/* ADJUST THE DISTANCE OF FRIENDS PIC- http://www.kamoteworks.com */
.friends .flogriditem {margin-left:47px! important ;width:100px! important} 

/* REMOVE WHITE LINE AT TOP OF FRIENDS PHOTO -http://www.kamoteworks.com */
.dr {border-top:none; background-color: transparent;}

/* GENERAL CODES FOR PICTURES NAMES- htt://www.kamoteworks.com */
.commonbox .dr a{  color:#DFF3FF! important;background-color: transparent; font-weight: bold! important;} 

.commonbox .dr a:hover {color:#FFFFFF! important; background-color:transparent; text-decoration:none ;}

/***
FANOF BOX
kamoteworks
        ***/
.fanof{
   margin-left: 1px! important ;
   width : 214px ;
   height: auto!important ;
   overflow:hidden ! important;
   text-align: center! important;
   direction : ltr! important; } 

/* RESIZE FAN PIC CONTAINER must always be bigger than the image codes-http://www.kamoteworks.com */
#content_7 .flogrid75 .ir{
   height: 78px! important;
   width: 80px! important;}

/*RESIZE FAN IMAGE-http://www.kamoteworks.com*/
#content_7 .flogrid75 .ir img {
   height: 74px! important;
   width: 73px! important;
   border:  1px solid #FFFFFF! important;
   margin-bottom: -10px! important;}

/* ADJUST THE DISTANCE OF FAN PIC- http://www.kamoteworks.com */
.fanof .flogriditem {
   margin-left:47px! important ;
   width:100px! important} 

/***
GROUPS BOX
kamoteworks
        ***/
.groups div ul{
   position: relative;
   left: 1px! important ;
   width : auto!important ;
   height: auto!important ;
   overflow: hidden ! important;
   top : 1px! important;
   border: none! important; 
   direction : ltr! important; } 

.groups{
   margin-left: -8px! important ;
   width : 214px ;
   height: auto!important ;
   overflow:hidden ! important;
   text-align: center! important;
   direction : ltr! important; } 

.groups .data { 
   color:#FFFFFF! important}

/* RESIZE GROUP PIC CONTAINER must always be bigger than the image codes-http://www.kamoteworks.com */
.groups .imgblock75{
   height: 78px! important; 
   width: 78px! important;
   background:transparent;
   border:none}

/* RESIZE GROUP PIC INDIVIDUAL IMAGE- http://www.kamoteworks.com */
.groups .imgblock75 img {
   height: 74px! important;
   width: 73px! important;
   border:  1px solid #FFFFFF! important;
   margin-bottom: -10px! important;}

/***
FO0TER CODES
kamoteworks
         ***/
#footer_container{
   padding-top:605px! important;
   padding-bottom:2px; 
   color: #FFFFFF !important ; }
#footer {left:1px! important;
   color: #FFFFFF;
   background:url('http://i39.tinypic.com/15ot17l.gif') no-repeat scroll top center;
   padding-top: 42px! important }
#footer a {
   color:#FFFFFF ;}
#footer a:hover {
   color:#DFF3FF ; }

/******************************************
HIDING CODES-http://www.friendsterforum.com
*******************************************/
#googleAdPlacement, #banneradrow, #subnav, #subnav_search, #navLang,  #mainnav div div, #content_14 { display:none!important;}
#headersearch, #navdivider, #marketing_bg {display:none!important ;background:transparent;}
#content_0 .itd, #content_0 .itd ul {font-size: 0px !important;color:#2897DE }
.badge, .commonbox_noborder, .controlpanel p, .user_tracker, .editlink, .meettrail div{display:none!important;}
a.more{display:none! important}
.so, .soc, .sol, .sob { background: transparent !important; }
.meettrail h2{display:none!important;visibility:hidden! important; background-color: transparent! important }
.commonbox, .evenrow{background-color:transparent! important}

/*************************************************
VIEW ALL LINK CODE-http://www.friendsterforum.com
**************************************************/
.viewall {
   text-align:center;
   color: #2897DE! important ; }

.viewall a {
   font-weight: bold! important; 
   font-size: 10px!important;
   margin: 3px 0px 0px 0px!important; 
   padding: 2px 2px 2px 2px! important;
   text-decoration: none! important;
   text-align: center! important;
   color:#ffffff! important; 
   background-color: #105783! important; 
   border:1px outset #F5F5DC! important; }

.viewall a:hover {
   font-weight: bold! important; 
   font-size: 10px!important;
   margin: 3px 0px 0px 0px! important;
   padding: 2px  2px 2px 2pximportant;      
   text-decoration: none!important; 
   text-align: center! important;
   color: #ffffff! important; 
   background-color: #1B95DF! important;
   border:1px inset #F5F5DC! important;  }


/***************************************
* MAINNAV CODE- http://kamoteworks.com *
****************************************/
/* NO NEED TO EDIT THIS PART- http://kamoteworks.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}

/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER- http://kamoteworks.com */
#mainnav ul li ul {
   left: 0pt;
   position: absolute;
   top: 20px;
   display: block;
   visibility: hidden;
   padding-top: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   background-color: transparent;
   width: 150px;}

/* REMOVE DOTTED BORDER- http://kamoteworks.com */
#mainnav ul li ul li{
   border-width: 0px! important;
   border-style: none! important;
   border-color: transparent! important;}

/* START EDITING HERE- http://kamoteworks.com */

#mainnav a {
   margin: 0 2 0 2;
   text-decoration:none! important;
   padding: 1px 12px 1px 14px! important; 
   color:#ffffff! important; 
   background-color: #1B95DF! important; 
   border:1px outset #F5F5DC! important; }

#mainnav a:hover {
   text-decoration:none! important;
   padding: 1px 12px 1px 14px!important; 
   color: #ffffff! important; 
   background-color: #105783! important;
   border:1px inset #F5F5DC! important;  }

/*treemenu*/
#mainnav .mainfoldericon{
   background: none! important;
   background-attachment: scroll;
   background-repeat: repeat! important;
   background-position: top center;
   padding: 1px 12px 1px 14px! important;
   background-color:#1B95DF! important;
   color: #Ffffff! important;}

/*SUBLINK DROP DOWN MENU*/
#mainnav ul li ul li a {
   display: block;
   padding-top: 1px;
   padding-right: 0pt;
   padding-bottom: 1px;
   padding-left: 0px;
   margin: 3px 0 0 0;
   text-align:center! important ;
   background-color: #1B95DF;
   color:#ffffff;
   border:1px outset #cccccc;}

/*SUBLINK DROP DOWN MENU- Hover*/
#mainnav ul li ul li a:hover {
   text-decoration: none;
   color:#CD853F;
   border: 1px inset #cccccc; 
   background-color:#105783! important;}



/*******************************************************
* RESIZE CPBUTTON CONTAINER-http://www.kamoteworks.com *
********************************************************/
#content_0 #controlPanelButtons { 
   width: 103px! important;
   margin-bottom: 7px! 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:#ffffff! important; 
   background-color: #105783! important; 
   border:1px outset #F5F5DC! 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: #ffffff! important; 
   background-color: #1B95DF! important;
   border:1px inset #F5F5DC! important;  }

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);}

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: - www.Kamoteworks.com - ';
  }
  if (document.layers)
  document.captureEvents(Event.mouseover)
  document.onmouseover=windowstatus);
}

/****************************
      END OF CODES
    project: moveover
 http://www.kamoteworks.com
*****************************/
