/*********************************
    Dont remove this heading
      project: moveover
     coded by:switpotato
    Brown Bear 2-switpotato
  http://kamoteworks.com
**********************************/

/* PAGE BACKGROUND */
body {
  background-image: url(http://freefile.kristopherw.us/uploads/apolpie/brownbearver2bg.png);
  background-repeat: no-repeat;
  background-color: #6B5A52;
  overflow-X: hidden;
  cursor: ;
  scrollbar-arrow-color: #EADECC;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #6B5A52;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #666557;
  scrollbar-track-color: #6B5A52;}

/* GLOBAL FONTS */
.usercontent {
  color: #846B5A;}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #AA8639;}

.usercontent a:hover {
  color: #846B5A;}

/*GENERAL CODES FOR IMAGE NAME - http://www.kamoteworks.com */
.commonbox .dr a{   
  color: #846B5A! important;
  background-color: transparent;
  font-weight: bold! important;} 

.commonbox .dr a:hover {
  color: #AA8639 ! 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; }
 A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);}  

/**************************************************************
* BOX TO BE HIDE AND SHOW CODES - http://www.kamoteworksm.com * 
***************************************************************/
#content_18, #content_1, #content_10, #content_14{display: none }

/***********************************************
* ADD BOX CODES  - http://www.kamoteworksm.com * 
************************************************/
/************************************
* MOVEOVER COMMONBOX h1 BUTTON MENU *
*************************************/
#controlpanel_header{
  position: absolute;
  top: 140px!important;
  left: 315px! important ;
  width:400px! important;
  height: 60px! important;
  background-color: transparent! important;}

#controlpanel_header a { 
  color: #EADECC! important;
  background-color: #846B5A! important;
  border: 2px outset #EADECC;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 5px 0px 3px ! important; 
  padding: 2px 8px 2px 8px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

#controlpanel_header a:hover { 
  color: #EADECC! important;
  background-color: #9C8473! important;
  border: 2px inset #EADECC;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 5px 0px 3px ! important; 
  padding: 2px 8px 2px 8px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

/*********************
* MOVEOVER  NAV MENU *
**********************/
#moveover_menu{
  position: absolute;
  top: 580px!important;
  left: 766px! important ;
  width: 250px! important;
  background-color: transparent! important;}

#moveover_menu a { 
  color: #EADECC! important;
  background-color: #846B5A! important;
  border: 2px outset #EADECC;
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 5px 0px 3px ! important; 
  padding: 2px 8px 2px 8px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

#moveover_menu a:hover { 
  color: #EADECC! important;
  background-color: #9C8473! important;
  border: 2px inset #EADECC; 
  font-weight: bold! important; 
  font-size: 10px!important; 
  margin: 0px 5px 0px 3px ! important; 
  padding: 2px 8px 2px 8px! important; 
  text-decoration: none!important;  
  text-align: center! important;   
  height: 16px! important;}

/*******************
* MOVEOVER  BANNER *
********************/
#moveover_banner {
 position:absolute;
 top:485px! important; 
 left:585px! important; }

/*******************************
* MOVEOVER CREDITS DONT REMOVE *
********************************/
#moveover_credits{
  position: absolute;
  top: 506px!important;
  left: 799px! important ;
  background-color: transparent! important;}

#moveover_swit{
 position: absolute;
 top:465px! important; 
 left: 801px! important; 
 z-index: 1;}

/********************************************
* LOGO CODES  - http://www.kamoteworksm.com * 
*********************************************/
#logo {
  position: absolute;
  top: 41px! important; 
  left:-40px! important; }

/*******************************************
* SEARCH CODES -http://www.kamoteworks.com * 
********************************************/
/** Headsearch Link Tweaks  -http://www.kamoteworks.com **/
#headersearch {
  position: absolute;
  left: 580px ! important;
  top: 36px! important;}

#headersearch a:hover {
  color:#FFFFFF! important;
  font-weight: bold! important;}

/** Input Box Tweaks  -http://www.kamoteworks.com **/
#headersearch input {
  background-color: #9C8473 ! important;
  border: 1px inset #cccccc ! important;
  color: #ffffff ! important;}

/** Secondary Input Box Tweaks -http://www.kamoteworks.com **/
div #friendstersearchlist .relative {
  background-color: #9C8473 ! important;
  border: 1px inset #cccccc ! important;
  color: #ffffff ! important;}

/** Headsearch Friendster Link Tweaks  -http://www.kamoteworks.com **/
a#websearchtoggle, a#friendstersearchtoggle {
  color: #EADECC! important;
  font-weight: bold! important;}

/** Headsearch Title Tweaks  -http://www.kamoteworks.com **/
#headersearch td{
  color: #FFFFFF! important;
  font-weight: bold! important;}

/****************************************************
* CONTROLPANEL CODES  - http://www.kamoteworksm.com * 
*****************************************************/
#content_0 {
  position: absolute;
  top:224px!important;
  left:70px! important ;
  width: 525px! important;
  height: 390px;
  overflow: hidden! important; 
  background-color: transparent! important;
  text-align: center! important;}


/* CONTROLPANEL SHOUTOUT TWEAKS - http://www.kamoteworks.com */
 .so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox{
  position:absolute! important;
  width: 261px! important;
  height: 66px! important;
  text-align: center;
  top:256px ;
  left: 81px! important;
  background-color: transparent; 
  border: none; 
  color: #EADECC! important;
  font-size:10px;
  padding:0px;
  overflow: hidden;}

.controlpanel .data{display:none! important;}

#controlPanelButtons {
  position:absolute;
  top:120px! important;
  left:9px! important ;
  height:193px;
  overflow:hidden;}

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

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-weight: bold! important;
  font-size: 10px! important;
  margin: 0px 0px 1px 1px!important;
  padding: 3px 0 2px 3px! important; 
  text-decoration: none! important; 
  width: 120px! important ;
  height: 15px!important; 
  text-align: center! important; 
  color: #EADECC! important;
  background-color: #846B5A! important;
  border: 2px outset #EADECC; }

#controlPanelButtons a:hover{
  font-weight: bold! important;
  font-size: 10px! important;
  margin: 0px 0px 1px 1px!important;
  padding: 3px 0 2px 3px! important;
  text-decoration: none! important;
  width: 120px! important ;
  height: 15px!important;
  text-align: center! important; 
  color: #EADECC! important;
  background-color: #9C8473! important;
  border: 2px inset #EADECC; }

/***************************************************
* MOREABOUTME CODES  - http://www.kamoteworksm.com *  
****************************************************/
#content_6 {
  position: absolute;
  top:186px!important;
  left:286px! important ;
  width: 437px! important;
  height: 285px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important; 
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6B5A52;
  scrollbar-3dlight-color: #606060;
  scrollbar-darkshadow-color: #606060;
  scrollbar-face-color: #606060;
  scrollbar-highlight-color: #606060;
  scrollbar-shadow-color: #606060;
  scrollbar-track-color: #606060;
  filter: chroma (color=#606060);}
 
/* BULLETS IN MOREABOUTME - www.kamoteworks.com */
.moreabout .q {
   background:url('http://i41.tinypic.com/4hbcl5.jpg') no-repeat scroll left center; 
  overflow: hidden;
  height:20px;
  text-align:center;
  color: #846B5A!important;
  padding-left:12px;
  padding-right: 0px;
  padding-top:2px; } 

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

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

/********************************************
* FRIENDS CODES  http://www.kamoteworks.com *  
*********************************************/
#content_2 {
  position: absolute;
  top:225px! important; 
  left:786px! important;
  width: 157px! important;
  height: 221px! important;
  background-color: transparent! important;
  text-align: center! important;
  overflow-X:hidden! important; 
  overflow-Y:auto! important; 
  scrollbar-arrow-color: #6B5A52;
  scrollbar-3dlight-color: #606060;
  scrollbar-darkshadow-color: #606060;
  scrollbar-face-color: #606060;
  scrollbar-highlight-color: #606060;
  scrollbar-shadow-color: #606060;
  scrollbar-track-color: #606060;
  filter: chroma (color=#606060);}

/* MOVE FRIEND CLOSER- http://www.kamoteworks.com */
.friends .flogriditem {
  margin-left: 25px! important ;
  margin-top: 5px! important;} 

.friends .viewall {
  margin-left: 8px! important;}

/*************************************************
* TESTIMONIAL CODES - http://www.kamoteworks.com *
**************************************************/
#content_18 {
  position: absolute;
  top:196px!important;
  left:286px! important ;
  width: 437px! important;
  height: 270px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important; 
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6B5A52;
  scrollbar-3dlight-color: #606060;
  scrollbar-darkshadow-color: #606060;
  scrollbar-face-color: #606060;
  scrollbar-highlight-color: #606060;
  scrollbar-shadow-color: #606060;
  scrollbar-track-color: #606060;
  filter: chroma (color=#606060);}

/* INDIVIDUAL COMMENT BOX TWEAKS - http://www.kamoteworks.com */
.publiccomments div  ul {

  padding:8px 0px 0px 4px;  
  text-align: center; 
  width:305px;
  height: auto! important;  
  overflow-x:hidden! important; 
  color: #EADECC;
  background-color: #9C8473! important;
  border: 4px double #846B5A; }

/* PUBLICCOMENT DATA BULLETS - http://www.kamoteworks.com */
.publiccomments .data a{ 
  background:url('http://i41.tinypic.com/4hbcl5.jpg') no-repeat scroll left center;
  overflow: hidden;
  height:19px;
  text-align:center;
  color: #EADECC! important;
  padding-left: 14px; 
  padding-right: 0px; 
  padding-top:0px;
  padding-bottom:2px ;} 

.publiccomments .data a:hover{ 
  background:url('http://i39.tinypic.com/1z3uic4.gif') no-repeat scroll left center;
  overflow: hidden; 
  height:19px;
  text-align:center;
  color: #846B5A! important;
  padding-left: 14px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

/*******************************************
* MEDIA CODES - http://www.kamoteworks.com * 
********************************************/
#content_10 {
  position: absolute;
  top:186px!important;
  left:286px! important ;
  width: 437px! important;
  height: 285px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important; 
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6B5A52;
  scrollbar-3dlight-color: #606060;
  scrollbar-darkshadow-color: #606060;
  scrollbar-face-color: #606060;
  scrollbar-highlight-color: #606060;
  scrollbar-shadow-color: #606060;
  scrollbar-track-color: #606060;
  filter: chroma (color=#606060);}
/***********************************************
* GOOGLEADS CODES - http://www.kamoteworks.com * 
************************************************/
#content_14 {
  position: absolute;
  top:186px!important;
  left:356px! important ;
  width: 367px! important;
  height: 285px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important; 
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6B5A52;
  scrollbar-3dlight-color: #606060;
  scrollbar-darkshadow-color: #606060;
  scrollbar-face-color: #606060;
  scrollbar-highlight-color: #606060;
  scrollbar-shadow-color: #606060;
  scrollbar-track-color: #606060;
  filter: chroma (color=#606060);}

/** aligning the ads-http://www.kamoteworks.com **/
#content_14 .center {text-align:left! important} 

/********************************************
* FOOTER CODES - http://www.kamoteworks.com * 
*********************************************/
/* Adjust the Padding to control the page height */
#footer_container{
  padding-top: 550px! important;}

#footer {
  left:-10px! important;
  color: #EADECC;}

#footer a {
  color: #EADECC ;}

#footer a:hover {
  color: : #5E5E5E;}

/********************************************
* HIDING CODES - http://www.kamoteworks.com *
*********************************************/
#banneradrow,  #navLang,  #mainnav div div, #mainnav, #subnav, #marketing_bg { display:none!important;}
#navdivider{display:none!important ;background:transparent;}

/* 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: #EADECC;}

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


/*REMOVE SMALL PHOTO NAMES white line- http://www.kamoteworks.com */
.dr {border-top:none; background-color: transparent; }

.badge, .commonbox_noborder, .controlpanel p, .user_tracker, .editlink, .Application div, .AppModule div, .reviews div, .fanof div, .groups div, .meettrail div, .blogs div{display:none!important;}
a.more{display:none! important}
.so, .soc, .sol, .sob { background: transparent !important; }
.commonbox h2 { visibility:hidden; display: none; }
.commonbox { background-color: transparent;}
.commonbox .evenrow { background-color: transparent;}

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

.viewall a{
  font-weight: bold! important;
  font-size: 10px! important;
  margin: 0px 0px 1px 0px!important;
  padding: 3px 6px 2px 6px! important;
  text-decoration: none! important;
  height: 15px!important;
  text-align: center! important;
  color: #EADECC! important;
  background-color: #846B5A! important;
  border: 2px outset #EADECC; }

.viewall a:hover{
  font-weight: bold! important;
  font-size: 10px! important;
  margin: 0px 0px 1px 0px!important;
  padding: 3px 6px 2px 6px! important;
  text-decoration: none! important;
  height: 15px!important; 
  text-align: center! important; 
  color: #EADECC! important;
  background-color: #9C8473! important;
  border: 2px inset #EADECC; }


/**************************************************
* 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 {
  width: 130px! important;
  height: 100px! important;
  background: none; text-align:
  center; margin-left: -3px;
  border:none! important }

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

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

/*RESIZE GALLERY PIC- http://www.kamoteworks.com */
#content_1 .flogridp .ir img { 
  margin: 0 auto;
  height: 70px! important;
  width: 75px! important;
  border: #AA8639 solid 1px; }

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

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

/*RESIZE FRIEND IMAGE- http://www.kamoteworks.com */
#content_2 .flogrid75 .ir img {
  height: 70px! important;
  width: 65px! important; 
  border: #AA8639 solid 1px; }

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

/*RESIZE TESTI IMAGE CONTAINER must always be bigger than the image codes */
.publiccomments .imgblock75, .ir  {
  width: 68px! important;
  height: 75px! important; 
  background:transparent;margin:0;   }

/*RESIZE TESTI IMAGE- http://www.kamoteworks.com */
.publiccomments .imgblock75 img{ 
  width: 60px! important;
  height: 60px! important;
  margin: 0px ;
  border: #AA8639 solid 1px; }

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