body	{background: transparent url(../ONCE PICS/grade-rev3_bg.png) top right repeat-y; 
        padding:0;
        border-color: black; 
        border-style:groove; 
        border-width:medium; 
        background-color: rgb(44, 44, 48); 
	    font-family: arial; 
        font-size:smaller; 
        color: rgb(220, 220, 225);
        }

h2 {font-family: arial; 
   color: rgb(150, 150, 150); 
   text-shadow: 10px, 20px, 5px, white;
   }
   
h3 {font-family: arial; 
   color: rgb(150, 150, 150);
   }


<!-- -- -- LOCI III PAGE - MAIN Album-Cover -- -- -->

#lociheader {display:block;
            position:absolute;
            left:-20px;
            top:10px;
             }
        

#mainbuttons {display:block;
             position:absolute;
             top:160px;
             left:315px;
             border:none;
             background:none;
              }

#mainbuttons table {background:none;
                   border:none;
                    }

#mainbuttons table td {padding-left:30px;
                      padding-right:30px;
                      width: 50%;
                       }      

#mainbuttons table td.one {padding-left:45px; }
                                
#locicontentsmainpic {background: transparent url(LOCI PICS/EXTRAS/LOCI_3_CARD_400x300pix_PNG.png); 
                     display:block;
                     position:absolute;
                     left:15px;
                     top:15px;
                     width:400px;
                     height:300px;
                     margin:5px;
                     border:solid;
                     border-color:black;
                     border-width:8px;
                     }

#loci1mainpic {background: transparent url(LOCI PICS/ALBUM COVERS/LOCI_I_COVER_7cm_JPG.jpg); 
              display:block;
              position:absolute;
              left:15px;
              top:15px;
              width:206px;
              height:206px;
              margin:5px;
              border:solid;
              border-color:black;
              border-width:4px;
              }

#loci2mainpic {background: transparent url(LOCI PICS/ALBUM COVERS/LOCI_II_COVER_7cm_JPG.jpg); 
              display:block;
              position:absolute;
              left:15px;
              top:15px;
              width:206px;
              height:206px;
              margin:5px;
              border:solid;
              border-color:black;
              border-width:4px;
              }

#loci3mainpic {background: transparent url(LOCI PICS/ALBUM COVERS/LOCI_III_COVER_7cm_JPG.jpg); 
              display:block;
              position:absolute;
              left:15px;
              top:15px;
              width:206px;
              height:206px;
              margin:5px;
              border:solid;
              border-color:black;
              border-width:4px;
              }

#extrasmainpic {background: transparent url(LOCI PICS/EXTRAS/RECORD_CoverVersions_7cm_JPG.jpg); 
              display:block;
              position:absolute;
              left:15px;
              top:15px;
              width:206px;
              height:206px;
              margin:5px;
              border:solid;
              border-color:black;
              border-width:4px;
              }
                        
                            
<!-- -- -- INFORMATION PAGE - PHONOGRAPH PIC -- -- -->
             
#lociinfopic {background: transparent url(LOCI PICS/PHONO_237x198pix_PNG.png); 
              display:block;
              position:absolute;
              left:15px;
              top:15px;
              width:246px;
              height:206px;
              margin:5px;
              border:solid;
              border-color:black;
              border-width:4px;
              }
              
              
<!-- -- -- CHEEKY-LOCI-CORNER-LOGO! -- -- -->       
       
              
#toplogo img {position:absolute;
             left:2px;
             top:2px;
             width:85px;
             }             

<!-- -- -- ALBUM PAGES 'TITLE BAR' -- -- -->
             
#albumtitlebar {position:absolute;
               left:226px;
               top:20px;
               width:790px;
               height:206px;
               background: url(../ONCE PICS/grade_top2_1000pix_PNG.png) repeat-y;
               border-top:double;
               border-bottom:double;
               border-width:6px;
               border-color:black;
               padding-top:0px;
               }
               
#albumtitlebar p {font-family:arial;
                font-size:9pt;
                color: rgb(220, 220, 225); 
                padding-left:20px;
                padding-right:20px;
                }
               
#infotitlebar p {font-family:arial;
                font-size:9pt;
                color: rgb(220, 220, 225); 
                padding-left:20px;
                padding-right:20px;
                }
               
<!-- -- -- 'INFO' BUTTON to right of MAIN TITLE -- -- -->
              
#toinfo {position:absolute;
        left:700px;
        top:8px;
        width:200px;
        }   
#toinfo a.ilink {position:relative;
              left:4px;
              top:20px;
              }
              
                        
<!-- -- -- CONTENTS PAGE VERSION OF ALBUM PAGES' 'TITLE BAR' -- -- -->
              
#contentstitlebar {position:absolute;
                  left:420px;
                  top:20px;
                  width:596px;
                  height:300px;
                  background: url(../ONCE PICS/grade_top2_1000pix_PNG.png) repeat-y;
                  border-top:double;
                  border-bottom:double;
                  border-width:8px;
                  border-color:black;
                  padding-top:0px;
                  } 
                  
#contentstitlebar p {font-family:arial;
                    font-size:9pt;
                    color: rgb(220, 220, 225); 
                    padding-left:16px;
                    padding-right:16px;
                    }

#longstrip {display:block;
           position:absolute;
           background: transparent url(../ONCE PICS/../ONCE PICS/grade_top2_1000pix_PNG.png) top left repeat-y;
           top:325;
           left:20;
           height:30px;
           border:solid 2px black;
           width:998;
            }  
            
#longstrip p {text-align:center;
                font:arial black; color:black;
                font-size:12pt;
                padding-top:4px;
                padding-bottom:0px;
                }  
                
#longfooter {display:block;
           position:absolute;
           background: transparent url(../ONCE PICS/grade_top2rev_1000pix_PNG.png) top left repeat-y;
           top:530;
           left:20;
           height:30px;
           border:solid 2px black;
           width:998;
            }  
            
#longfooter p {text-align:center;
                font:arial black; color:black;
                font-size:12pt;
                padding-top:4px;
                padding-bottom:0px;
                }
                                                    
<!-- -- -- INFORMATION PAGE'S VERSION OF ALBUM PAGES' 'TITLE BAR' -- -- -->
              
#infotitlebar {position:absolute;
               left:266px;
               top:20px;
               width:750px;
               height:206px;
               background: url(../ONCE PICS/grade_top2_1000pix_PNG.png) repeat-y;
               border-top:double;
               border-bottom:double;
               border-width:6px;
               border-color:black;
               padding-top:0px;
               } 
#infotitlebar p {font-family:arial;
                font-size:9pt;
                color: rgb(220, 220, 225); 
                padding-left:20px;
                }
  

<!-- -- -- THE 'LINKS-CORNER' - TOP-RIGHT-BOX of LINKS -- -- -->
               
#linkscorner {display:block;
             position:absolute;
             left:1016px;
             top:15px;
             width:200px;
             height:800px;
             background-color:#0A1A00;
             background: url(../ONCE PICS/FLARE_CROP_2_200x417pix_PNG.png);
             border:4px solid #000;
             padding:5px;
             }            

#linkscorner img {border:red 1px;
                 background:none; 
                 }
#linkscorner a.wordlink {position:relative;
                        left:0px;
                        top:-24px;
                        font-family:arial black;
                        color: rgb(180, 250, 195);
                        font-size:10pt; 
                        }

#linkscorner .endsection {display:inline;
                         border-bottom:dashed 1px rgb(130, 160, 132);
                         margin-bottom:15px;
                          }
#linkscorner .endsectionT {padding-bottom:23px;
                          border-bottom:dashed 1px rgb(130, 160, 132);
                          margin-bottom:5px;
                           }                          
#linkscorner .break {display:block;
                    font-size:3pt;
                    padding-top:3px;
                     }

<!-- -- -- THE 'CONTENTS' PAGE'S MAIN LINKS -- -- -->                     
                     
#mainlinks table {display:block;
                 position:absolute;
                 left:50px;
                 top:360px;
                 width:894px;
                 background:none;
                 border:none;
                  }

#mainlinks table td {width:25%;
                    border:none;
                     }
#mainlinks table td img {border:none;
                        }                     
<!-- -- -- THE 'MEDIA PLAYER' AREA -- -- -->
                        
#playertitle {display:block;
             position:absolute;
             left:20px;
             top:230px;
             width:535px;
             border:black 1px solid;
             background-color:black;
             background: transparent url(../ONCE PICS/grade-rev3_bg.png) top right repeat-y;
             padding-bottom:0;
             }            
                        
#playertitle p {text-align:center;
                font:arial black; color:black;
                padding-top:2px;
                padding-bottom:0px;
                }                          

#playerfooter {display:block;
             position:absolute;
             left:20px;
             top:503px;
             width:535px;
             background-color:black;
             background: transparent url(../ONCE PICS/grade-3_bg_440pix.png) top left repeat-y;
             border:black 1px solid;
             padding-bottom:0;
             }            
                        
#playerfooter p {text-align:center;
                font:arial black; color:black;
                padding-top:2px;
                padding-bottom:0px;
                }                          

                
.hi {text-align:center;
    font:arial black; color:rgb(180, 255, 180); font-weight:bold;
    padding-top:2px;
    padding-bottom:0px;
    }                         
                        
#player {display:block;
        position:absolute;
        left:20px;
        top:252px;
        width:535px;
        height:249px;
        background-color: rgb(44, 44, 48);
        background:transparent url(../ONCE PICS/grade-rev3_bg.png) top right repeat-y;
        border:double 3px black;
        }

#backcover {display:block;
           position:absolute;
           left:557px;
           top:230px;
           width:370px;
           height:291px;
           border:solid 4px black;
           padding:0;
            }
     
#extrapic {display:block;
          position:absolute;
          left:557px;
          top:230px;
          width:456px;
          height:291px;
          border:solid 4px black;
          padding:0;
           }


<!--  --- --- ---  GENERAL CLASS STYLINGS  --- --- --- -->

            
.emphasis {font-family: arial; 
          color: white; 
          font-weight:bold; 
          }

a .emphasis {font-family: arial; 
           color: rgb(150, 232, 150); 
           font-weight:bold; 
           }      
a .outerlink {font-family:verdana;
             font-weight:bold;
             color:rgb(120, 150, 128);
              }               
.comment {font:arial; 
         color: rgb(138, 155, 142); 
         font-style:italic; 
         }

<!--  --- --- ---  LINKS STYLING  --- --- --- -->
                           
a:link {font-family: arial; 
       color: rgb(55, 150, 55); 
       text-decoration:none;
        }
       
a:hover img {border-color: rgb(55, 150, 55);
            }
            
a:visited {color: rgb(162, 5, 168); 
          font-weight:bold;
          text-decoration:none;
          }
          
a:hover {text-decoration:underline; 
        color:white;
        }
        
a:active {font-family: arial; 
         font-weight:bold; 
         color: white;
         }

#part1 {display:block;
       position:absolute;
       top:240px;
       left:20px;
       width:980px;
       height:250px;
       background-color:black;
       border:double 4px black;
       padding:8px 20px 8px 16px;
        }
        
#part1 h3 {padding-top:5px;
          margin-left:14px;
           }

#part2 {display:block;
       position:absolute;
       top:500px;
       left:20px;
       width:980px;
       height:250px;
       background-color:black;
       border:double 4px black;
       padding:8px 20px 8px 16px;
        }
        
#part2 h3 {padding-top:5px;
          margin-left:14px;
           }
           

#part3 {display:block;
       position:absolute;
       top:760px;
       left:20px;
       width:980px;
       height:250px;
       background-color:black;
       border:double 4px black;
       padding:8px 20px 8px 16px;
        }
        
#part3 h3 {padding-top:5px;
          margin-left:14px;
           }
           

#part4 {display:block;
       position:absolute;
       top:1020px;
       left:20px;
       width:980px;
       height:250px;
       background-color:black;
       border:double 4px black;
       padding:8px 20px 8px 16px;
        }
        
#part4 h3 {padding-top:5px;
          margin-left:14px;
           }
           
#part5 {display:block;
       position:absolute;
       top:1280px;
       left:20px;
       width:980px;
       background-color:black;
       border:double 4px black;
       padding:8px 20px 8px 16px;
        }
        
#part5 h3 {padding-top:5px;
          margin-left:14px;
           }
           
#part5 img.review {border:double 6px rgb(50, 80, 50); }








#contents  a:link {font-family: arial; color: rgb(55, 150, 55); text-align:center;}
           table {border-width: 3; border-color: rgb(44, 44, 48); background-color: black; padding: 20px;}

#flare {background: url(grade-rev3_bg.png) top right repeat-y; padding: 16; border-style:double; border-color:black;}

.grade {background: url(../ONCE PICS/grade-3_bg_440pix.png) repeat-y; border-color: black; border-bottom-style:thin; }

.revgrade {background: url(../ONCE PICS/grade-3_rev_bg_440pix.png) top right repeat-y; border-color: black; border-bottom-style:thin; }

.titlegrade {background: url(../ONCE PICS/grade-3_bg_440pix.png) repeat-y;
            margin-left:210px;}
.pictitlegrade {background: url(../ONCE PICS/grade-3_bg_440pix.png) repeat-y;
            margin-left:64px;}
            
          

          
          
#navtabletwo table {background:none; border-bottom: double;}
#navtablethree table {background:none; border-bottom: double;}
#navtablefour table {background:none; border-bottom: double; padding: 0;}

#blendertitle h2 {margin-left:46px; position:absolute; top:8; }
#blendertitle img.tl-image {margin-left:2px; position:absolute; top:0; left:2; border:none; }
#blendertitle table {margin-left:600px; position:absolute; top:0; right:0; }
#blendertitle table td a {font-family:arial; color: rgb(55, 150, 55); font-size:smaller; }

#locichoice   table.choiceone {margin-left:50px; position:relative; top:0; left:100; float:left; }
#locichoice   table.choicetwo {margin-left:50px; position:relative; top:0; left:180; }

.gen {font-family:arial; color:rgb(220, 220, 228);
	 font-size: 10pt;}
	 
.piccies {
        border-style:groove;
		border-width: 6px;
		border-color: rgb(30, 30, 38);}
        
.cover {
        border-style:solid;
		border-width: 6px;
		border-color: black;
        margin:20px;}
        
.back {
        border-style:solid;
		border-width: 6px;
		border-color: black;
        margin:5px;}
        
        
        
.navpics {
        border-style:none;}

.navwords {font-family:arial black; color: rgb(28, 28, 38); font-size:smaller; text-align:center;} 

        
.smalls {font-family: arial; color: rgb(220, 220, 225);
		font-size: 10pt; width="750px";}
        
.blendertext {font-family:arial; color: rgb(220, 220, 225); width:auto; width:750px}

.intitle {font-family: arial black; color: rgb(125, 155, 255);
		 font-size:14pt }
.warning {font-family: impact; color: maroon; font-size: 15pt; }