/*********************************
      Dont remove this heading
        project: moveover
     coded by:switpotato™
   HATE ME layout-switpotato™
    http://www.kamoteworks.com
**********************************/

/* PAGE BACKGROUND */
body {
  background-image: url(http://kamoteworks.com/switpotato/HateMe/hateu.PNG);
  background-repeat: no-repeat;
  background-color: #000000;
  overflow-X:hidden;
  cursor: url();
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #666666;
  scrollbar-darkshadow-color: #333333;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #666557;
  scrollbar-track-color: #000000;}

/* GLOBAL FONTS */
.usercontent {
  color: #ffffff;
  font-size:10px;}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { 
  color: #cccccc;
  font-size:10px; }

.usercontent a:hover {
  color: #ffffff;
  font-size:10px; }

/*GENERAL CODES FOR IMAGE NAME - http://www.kamoteworks.com */
.dr {
  border-top:none;
  background-color: transparent;}

.commonbox .dr a{ 
  color:#333333! important;
  background-color: transparent;
  font-weight: bold! important;} 

.commonbox .dr a:hover {
  color:#000000! important;
  background-color:transparent;
  text-decoration:none ;}

/*IMAGE AND LINK HOVER EFEX - remove :hover if u want to reverse the efex*/
 a:hover img { filter:alpha(opacity=50);-moz-opacity:10.1;opacity: 0.5; }

/********************************************
* ADD BOX CODES -http://www.kamoteworks.com * 
*********************************************/

/************************************
* MOVEOVER COMMONBOX h1 BUTTON MENU *
*************************************/
#controlpanel_header{
  position: absolute;
  top: 110px!important;
  left: 425px! important ;
  width:327px! important;
  background-color: transparent! important;z-index: 2}

#controlpanel_header a { 
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff; 
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 2px 0px 3px ! important; 
  padding: 2px 4px 2px 4px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

#controlpanel_header a:hover { 
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 2px 0px 3px ! important; 
  padding: 2px 4px 2px 4px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

/*******************
* MOVEOVER  BANNER *
********************/
#moveover_banner{
  position: absolute;
  top: 154px!important;
  left:410px! important ;
  background-color: transparent! important;}

/*********************
* MOVEOVER  NAV MENU *
**********************/
#moveover_menu{
  position: absolute;
  top: 110px!important;
  left: 225px! important ;
  width: 300px! important;
  background-color: transparent! important;
  font-size: 10px;
  font-weight: bold;
  z-index:1;}

#moveover_menu a { 
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff; 
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 2px 0px 3px ! important; 
  padding: 2px 4px 2px 4px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

#moveover_menu a:hover {
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 2px 0px 3px ! important; 
  padding: 2px 4px 2px 4px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

/************************************************************
* BOX TO BE HIDE AND SHOW CODES -http://www.kamoteworks.com * 
*************************************************************/
 #content_1, #content_2, #content_0, #content_6, #content_18{
  display: none; }

/************************************************
* COMMONBOX REPOSITIONING - www.kamoteworks.com *
*************************************************/

/*****************************************
* LOGO CODES -http://www.kamoteworks.com * 
******************************************/
#f_logo {
  position: absolute;
  left: 550px ! important;
  top: 528px! important;}

/*************************************************
* CONTROLPANEL CODES -http://www.kamoteworks.com * 
**************************************************/
#content_0 {
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow: hidden! important; 
  background-color: transparent! important; 
  text-align: center! important;}

/* CONTROLPANEL BUTTON REPOSITIONING- www.kamoteworks.com */
#controlPanelButtons {
  position:absolute! important; 
  left:5px!important;
  top: 140px! important; }

/* CONTROLPANEL DATA REPOSITIONING- www.kamoteworks.com */
#content_0 .data { 
  position:absoulte! important;
  margin-left: 120px ! important;
  margin-top:105px! important;
  width:210px;
  height :150px;
  overflow:hidden;}

/* CONTROLPANEL SHOUTOUT TWEAKS - http://www.kamoteworks.com */
 .so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox{
  position:absolute! important;
  width: 200px! important;
  height: 80px! important;
  text-align: center;
  top:3px ;
  left: 120px! important;
  background-color: #4f4f4f; 
  border: 1px solid #cccccc; 
  color: #Cccccc! important;
  font-size:10px;
  padding:0px;
  overflow-X: hidden;
  overflow-Y:auto;}

/* BULLETS IN CONTROLPANEL DATA - www.kamoteworks.com */
.controlpanel .q {
   color: #ffffff;
  background:url('http://i44.tinypic.com/10p1qir.gif') no-repeat scroll left center; 
  overflow: hidden; 
  height: 16px;
  font-weight: bold! important; 
  font-size: 10px! important;
  padding: 0px 6px 0px 22px! important; 
  text-decoration: none! important; 
  height: 15px!important; 
  text-align: center! important; 
 }

.controlpanel .data {
   color: #cccccc;}

.data a {
   color: #ffffff;
   text-decoration: ;}

/*******************************************************
RESIZE CPBUTTON CONTAINER-http://www.kamoteworks.com
********************************************************/
#content_0 #controlPanelButtons { width: 140px! important;  }

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { 
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff; 
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 0px 2px 0px ! important; 
  padding: 2px 0px 0px 0px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  width: 130px! important; 
  height: 18px! important;}

#controlPanelButtons a:hover{ 
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 0px 2px 0px ! important; 
  padding: 2px 0px 0px 0px! important; 
  text-decoration: none!important;  
  text-align: center! important;    
  width: 130px! important; 
  height: 18px! important;}


/****************************************************
* MOREABOUTME CODES -http://www.kamoteworks.com * 
*****************************************************/
#content_6  {
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow-X: hidden! important; 
  overflow-Y: auto! important; 
  background-color: transparent! important; 
  text-align: center! 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);}

/* BULLETS IN MOREABOUTME - www.kamoteworks.com */
.moreabout .q { 
  background:url('http://i44.tinypic.com/10p1qir.gif') no-repeat scroll left center; 
  overflow: hidden; 
  height:22px;
  text-align:center; 
  color: #ffffff!important; 
  padding-left:22px; 
  padding-right: 0px; 
  padding-top:2px; } 


/******************************************************
* PHOTO GALLERY CODES -http://www.kamoteworks.com * 
*******************************************************/
#content_1{
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow: hidden! important; 
  background-color: transparent! important; 
  text-align: center! important;}

/* MOVE PHOTO GALLERY CLOSER - http://www.kamoteworks.com */
.photos .flogriditem {
 margin-left :55px! important; 
 margin-top:20px ; width:100px}

#content_1 .viewall { margin-top: -5px}

/****************************************************
* TESTIMONIAL CODES -http://www.friendsterforum.com * 
*****************************************************/
#content_18 {
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow-X: hidden! important; 
  overflow-Y: auto! important; 
  background-color: transparent! important; 
  text-align: center! 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);}

/* INDIVIDUAL COMMENT BOX TWEAKS - http://www.kamoteworks.com */
.publiccomments div  ul {
  width:254px;position: 
  relative ;  
  left: -15px! important ; 
  padding:4px 0px 0px 4px;  
  text-align: center;  
  height: auto! important; 
  overflow-x:hidden! important;
  background-color: #4f4f4f; 
  border: 1px solid #cccccc; 
  color: #Cccccc! important;}

/* PUBLICCOMENT DATA BULLETS - http://www.kamoteworks.com */
.publiccomments .data a{ 
  background:url('http://i44.tinypic.com/10p1qir.gif') no-repeat scroll left center;
  overflow: hidden;
  height:13px;
  text-align:center;
  color: #ffffff! important;
text-decoration:none;
  padding-left: 22px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

.publiccomments .data a:hover{
  background:url('http://i44.tinypic.com/10p1qir.gif') no-repeat scroll left center;
  overflow: hidden;
  height:13px;
  text-align:center;
  color: #cccccc! important;
  padding-left: 22px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

.publiccomments .viewall {
  text-align:center;
  margin-bottom: 6px;
  margin-top:10px! important;  }

/************************************************
* FRIENDS CODES -http://www.kamoteworks.com * 
*************************************************/
#content_2{
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow: hidden! important; 
  background-color: transparent! important; 
  text-align: center! important;}

/* MOVE FRIEND CLOSER- http://www.kamoteworks.com */
.friends .flogriditem {
  margin-left: 30px! important; 
  margin-right: -1px! important;
  margin-top:15px! important;} 


/******************************************
* MEDIA CODES -http://www.kamoteworks.com * 
*******************************************/
#content_10 {
  position: absolute; 
  top: 175px! important; 
  left: 410px! important ;
  width: 372px! important; 
  height: 340px; 
  overflow-X: hidden! important; 
  overflow-Y: auto! important; 
  background-color: transparent! important; 
  text-align: center! 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);}

/***********************************************
* FOOTER CODES -http://www.kamoteworks.com * 
************************************************/

/* Adjust the Padding to control the page height */
#footer_container{
  padding-top:430px! important;}

#footer {
  left:-10px! important;
  color: #ffffff;
  background:url('http://i39.tinypic.com/15ot17l.gif') no-repeat scroll top center;
  padding-top: 47px! important;}

#footer a {
  color: #ffffff ;}

#footer a:hover {
  color: : #cccccc;}

/************************************************
* VIEWALL CODES -http://www.kamoteworks.com * 
*************************************************/
.commonbox .viewall {
  text-align:center;
  color: #000000! important;  }

.viewall a{
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff;  
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 0px 2px 0px ! important; 
  padding: 2px 4px 2px 4px! important;
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

.viewall a:hover{
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 0px 2px 0px ! important; 
  padding: 2px 4px 2px 4px! important; 
  text-decoration: none!important;  
  text-align: center! important;    
  height: 16px! important;}

/**************************************************
* RESIZE IMAGE  CODES -http://www.kamoteworks.com *  
***************************************************/

/*******************************************
* PRIMARY PIC - http://www.kamoteworks.com *
********************************************/
/*MAINPHOTO CONTAINER- must always be bigger than the image codes */
#content_0 .imgblock200 { 
  position:absolute! important;
  width: 160px! important; 
  height: 160px! important;
  background: none; 
  text-align: center;
  border:none! important;
  top:3px ;
  left: -8px! important;}

/*RESIZE MAINPHOTO- http://www.kamoteworks.com*/
#content_0 .imgblock200 img {
  margin: 0 auto; 
  width: 130px! important; 
  height: 130px! important;
  border: 1px solid #cccccc ;}


/*******************************************
* GALLERY IMAGE - http://www.kamoteworks.com *
********************************************/
/* RESIZE GALLERY PIC CONTAINER must always be bigger than the image codes */
#content_1 .flogridp .ir img {
  margin: 0 auto;
  height: 60px! important;
  width: 70px! important;
  border: 1px solid #cccccc;  }

/*RESIZE GALLERY PIC INDIVIDUAL CONTAINER - http://www.kamoteworks.com*/
#content_1 .flogridp .ir {
 margin: 0 0px 0 0px; 
 height: 80px! important;
 width:90px! important;
 border: none! important; }

/*******************************************
* TESTI IMAGE - http://www.kamoteworks.com *
********************************************/

/*RESIZE TESTI IMAGE CONTAINER must always be bigger than the image codes */
.publiccomments .imgblock75 img{
 width: 60px! important;
 height: 55px! important;
 margin: 0px ;
 border: 1px solid #cccccc;}

/*RESIZE TESTI IMAGE CONTAINER- http://www.kamoteworks.com*/
.publiccomments .imgblock75, .ir  {
 width: 78px! important;
 height: 60px! important;
 background:transparent;
 left:-12px; 
 position:relative ; }


/*****************************************
* FRIEND PIC- http://www.kamoteworks.com *
******************************************/

/*RESIZE FRIEND PIC main container*/
#content_2 .flogrid75 .ir{
  height: 90px! important;
  width: 90px! important;}

/*RESIZE FRIEND IMAGE*/
#content_2 .flogrid75 .ir img {
  height: 60px! important;
  width: 70px! important;
  border:1px solid #cccccc! important;
  margin-bottom: -10px! important;}


/***********************************************
* HIDING CODES -http://www.kamoteworks.com * 
************************************************/
#googleAdPlacement, #banneradrow,  #navLang, #mainnav, #subnav, #marketing_bg, #widgetModule, #content_14, #content_8, #content_13, #content_7, #content_12, #content_15  { display:none!important;}
#headersearch, #navdivider{display:none!important ;background:transparent;}

.badge, .commonbox_noborder, .controlpanel p, .user_tracker, .editlink, .Application div, .AppModule div, .reviews div, .fanof div, .groups div, .meettrail div, .blogs div, .AppModule div{display:none!important;}
a.more{display:none! important;}
.commonbox h2 { display: none ;visibility:hidden! important}

.commonbox, .commonbox .evenrow { background-color: transparent;}

/* REMOVE ALBUM TITLE - http://www.kamoteworks.com */
.flogridp ul#album-details li {display : none! important;   }

/* HIDE PRIMARY PIC TITLE  blend the color to ur bg  -http://www.kamoteworks.com*/
#content_0 .itd, #content_0 .itd ul {font-size: 0px !important;color:#000000}

/*REMOVE GALLERY PIC WHITE BG- http://www.kamoteworks.com*/
.flogridp .flogriditem {
  background:none;}

/*********************************
         END OF CODES
        project: moveover
    http://www.kamoteworks.com
**********************************/