/* ------------------------ HTML AND BODY DESIGN ------------------------ */
body {
  background-image: url("https://64.media.tumblr.com/9514c10e44aed09ed060fdbfe785464f/49fb43775f0c5258-cf/s250x400/d408de606b08f7801e633270aad7c0fd5070576f.jpg");
  width: 1536px; /*note: this is the size of my screen. feel free 2 edit to fit yours, though you'll likely have 2 move the graphics as well*/
  font-family: 'Pixelify sans', lato, calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:400;
  text-shadow: 0px 0px 1px #bbb;
  color:#222;
  letter-spacing: 1px;
  line-height:13px;}



#girlgames {
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  text-align: center;
  border: 1px solid #d3d3d3;
  top: 40px;
  left: 850px;
}

#petscop {
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  text-align: center;
  border: 1px solid #d3d3d3;
  top:280px;
  left: 1090px;
}






#left {
    width:190px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
      #content {
    width:415px;
    background:#eee url(https://64.media.tumblr.com/10e7542a74f491743383ecbfd6b9adaa/10e2544a89b4ea04-a6/s250x400/4e84f25e97a09e69041480bb8892ea531422940a.gifv);
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
    #photo {
    width:250px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
      
      
      
      

.box {background:#dcd9d4;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    
    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;}  
      

.box2 {background:#dcd9d4;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    
    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;} 
      

.box3 {background:#dcd9d4;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    
    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;} 

 .box4 {background:#dcd9d4;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    
    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;} 
      

.siteurl {text-align:left;color:#000;background:#D4D0C8;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:15px;line-height:15px;} 
      
    
      #navigation {width:608px;background:#DDDAD3;}
      .navi {float:left;display:block;font:9px arial black, calibri;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;margin-right:4px;padding:5px;min-width:80px;text-align:center;background:#D4D0C8;text-transform:uppercase;}
      
      
      
      .title {font:9px arial black, calibri;text-transform:uppercase;color:#FFF;background:#E3F4E2 url(https://64.media.tumblr.com/24edcf69b43d44676493a5b517aa225e/9aa6415c11a612ea-90/s640x960/e6ee5ec70e3166f12308004fc1b3c5b742dc8e0e.pnj);
      letter-spacing:3px;padding-left:0px;border-bottom:1px solid #fff;padding-top:2px;}
      
      
      
a:link, a:visited, a:active { 
color:black;text-decoration:none;}
      
a:hover {
color:#fc09c0;
cursor: url("/assets/Link-Select.png"), auto;}


.cursor {
    cursor: url("/assets/Normal-Select.png");
}


  /* --- keroberos --- */
#kero {
  z-index: -2;
  position: absolute;
  left: 15px;
  bottom: 80px;
}

#planet {
  z-index: -2;
  position: absolute;
  top: 300px;
  left: 700px;
}

/* --- body decorations --- */
#disc {
  z-index: -1;
  position: absolute;
  right: 30px;
  animation: spin 10s linear infinite;
}

#flower {
  z-index: 1;
  position: absolute;
  top: 0px;
  right: 0px;
}

#ipod {
  z-index: 1;
  position: absolute;
  top: 200px;
  right: -450px;
}


#fig1 {
  z-index: 1;
  position: absolute;
  top: 400px;
  left: 550px;
}