/*********************************
      Dont remove this heading
        project: moveover
     coded by:switpotato™
 HOW DO I layout-switpotato™
  http://www.kamoteworksm.com
**********************************/

/* PAGE BACKGROUND */
body {
  background-image: url(http://freefile.kristopherw.us/uploads/apolpie/howdoilivebg.png);
  background-repeat: no-repeat;
  background-color: #EFEFEF;
  overflow-X: hidden;
  cursor: ;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #BFBFBF;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #666557;
  scrollbar-track-color: #BFBFBF;
  BORDER-TOP: 10px outset #BFBFBF;
  BORDER-BOTTOM:10px inset #BFBFBF;
  BORDER-LEFT: 10px outset #BFBFBF;
  BORDER-RIGHT:10px inset #BFBFBF;}

/* GLOBAL FONTS */
.usercontent {
  color: #7B7C6A;}

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

.usercontent a:hover {
  color: #666666;}

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

.commonbox .dr a:hover {
  color: #9E9F8B ! 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_10, #content_2, #content_1, #content_18, #content_6{display: none }

/***********************************************
* ADD BOX CODES  - http://www.kamoteworksm.com * 
************************************************/
/************************************
* MOVEOVER COMMONBOX h1 BUTTON MENU *
*************************************/
#controlpanel_header{
  position: absolute;
  top: 266px!important;
  left: 319px! 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  NAV MENU *
**********************/
#moveover_menu{
  position: absolute;
  top: 40px!important;
  left: 311px! 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;}
/********************************************
* LOGO CODES  - http://www.kamoteworksm.com * 
*********************************************/
#logo {
  position: absolute;
  top: 120px! important; 
  left:418px! important; }

/****************************************************
* CONTROLPANEL CODES  - http://www.kamoteworksm.com * 
*****************************************************/
#content_0 {
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow:hidden! important; 
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6F6F6F;
  scrollbar-3dlight-color: #EF6868;
  scrollbar-darkshadow-color: #EF6868;
  scrollbar-face-color: #EF6868;
  scrollbar-highlight-color: #EF6868;
  scrollbar-shadow-color: #EF6868;
  scrollbar-track-color: #EF6868;
  filter: chroma (color=#EF6868);}

/* CONTROLPANEL SHOUTOUT TWEAKS - http://www.kamoteworks.com */
#cpShoutoutBox {
  position:relative;
  left: -5px! important ;
  padding:2px;
  overflow-Y: auto! important; 
  overflow-X: hidden! important;
  text-align:center ! important; 
  width:170px! important;
  height:60px! important;   
  color: #666666;
  background-color: #E5E5E5;
  border: 1px solid #666666; 
  scrollbar-arrow-color: #6F6F6F;
  scrollbar-3dlight-color: #EF6868;
  scrollbar-darkshadow-color: #EF6868;
  scrollbar-face-color: #EF6868;
  scrollbar-highlight-color: #EF6868;
  scrollbar-shadow-color: #EF6868;
  scrollbar-track-color: #EF6868;
  filter: chroma (color=#EF6868);}

/* BULLETS IN CONTROLPANEL DATA - www.kamoteworks.com */
.controlpanel .q{
  background:url('http://i39.tinypic.com/25tizvl.jpg') no-repeat left center!important;
  overflow: hidden;
  height:13px;
  text-align:left; 
  COLOR:#6F6F6F!important;
  padding-left:14px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px} 

.controlpanel .data{font-size:10px;
  position:relative;
  left: -5px! important ;
  height: auto! important;
  width: 180px! important; 
  height:215px! important; 
  border: none! important;
  overflow:hidden ! important;
  color: #5F5F5F! important;
  top : 1px! important;
  background-color: transparent! important;}

.controlpanel .data a { COLOR:#5F5F5F !important}
.controlpanel .data a:hover { 
  COLOR: #5F5F5F!important;
  text-decoration: underline overline;}

/*****************************************************************
* RESIZE CONTROLPANNEL BUTTON CODES - http://www.kamoteworks.com * 
******************************************************************/

#content_0 #controlPanelButtons { width: 110px! 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: 100px! important ;
  height: 15px!important; 
  text-align: center! important; 
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff; }

#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: 100px! important ;
  height: 15px!important;
  text-align: center! important; 
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc;}

/***************************************************
* MOREABOUTME CODES  - http://www.kamoteworksm.com *  
****************************************************/

#content_6 {
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important;
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6F6F6F;
  scrollbar-3dlight-color: #EF6868;
  scrollbar-darkshadow-color: #EF6868;
  scrollbar-face-color: #EF6868;
  scrollbar-highlight-color: #EF6868;
  scrollbar-shadow-color: #EF6868;
  scrollbar-track-color: #EF6868;
  filter: chroma (color=#EF6868);}

/* BULLETS IN MOREABOUTME - www.kamoteworks.com */
.moreabout .q {
   background:url('http://i39.tinypic.com/25tizvl.jpg') no-repeat scroll left center; 
  overflow: hidden;
  height:20px;
  text-align:center;
  color: #6F6F6F!important;
  padding-left:18px;
  padding-right: 0px;
  padding-top:2px; } 

/**************************************************
* PHOTO GALLERY CODES -http://www.kamoteworks.com * 
***************************************************/

#content_1{
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow:hidden! important; 
  background-color: transparent! important;
  text-align: center! important;}

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

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

#content_10 {
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important;
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6F6F6F;
  scrollbar-3dlight-color: #EF6868;
  scrollbar-darkshadow-color: #EF6868;
  scrollbar-face-color: #EF6868;
  scrollbar-highlight-color: #EF6868;
  scrollbar-shadow-color: #EF6868;
  scrollbar-track-color: #EF6868;
  filter: chroma (color=#EF6868);}

/********************************************
* FRIENDS CODES  http://www.kamoteworks.com *  
*********************************************/

#content_2 {
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow:hidden! important; 
  background-color: transparent! important;
  text-align: center! important;}

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

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

#content_18 {
  position: absolute;
  top:290px!important;
  left:325px! important ;
  width: 324px! important;
  height: 280px;
  overflow-X:hidden! important; 
  overflow-Y:auto! important;
  background-color: transparent! important;
  text-align: center! important;
  scrollbar-arrow-color: #6F6F6F;
  scrollbar-3dlight-color: #EF6868;
  scrollbar-darkshadow-color: #EF6868;
  scrollbar-face-color: #EF6868;
  scrollbar-highlight-color: #EF6868;
  scrollbar-shadow-color: #EF6868;
  scrollbar-track-color: #EF6868;
  filter: chroma (color=#EF6868);}

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

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

.publiccomments .data a:hover{ 
  background:url('http://i39.tinypic.com/25tizvl.jpg') no-repeat scroll left center;
  overflow: hidden; 
  height:13px;
  text-align:center;
  color: #333333! important;
  padding-left: 14px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom:2px ;} 

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


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

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

#footer a {
  color: #6F6F6F ;}

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

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

#googleAdPlacement, #content_14, #banneradrow,  #navLang,  #mainnav div div, #mainnav, #subnav, #marketing_bg { display:none!important;}
#headersearch, #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:#ffffff ;}

/* 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: #FFFFFF! 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;
  background-color: #4f4f4f; 
  border: 1px outset #cccccc;
  color: #ffffff ! important; }

.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; 
  background-color: #3f3f3f; 
  border: 1px inset #cccccc;
  color: #cccccc ! 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 {
  width: 107px! important;
  height: 100px! important;
  background: none; text-align:
  center; margin-bottom: 4px;
  border:none! important }

/*RESIZE MAINPHOTO - http://www.kamoteworks.com */
#content_0 .imgblock200 img {
  margin: 0 auto; 
  width: 100px! important; 
  height: 100px! important;
  border: #666666 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: #666666 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: #666666 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: #666666 solid 1px; }


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