TABBED EDITS

STEP ONE:
find the sections labeled #musenav, #stats, #bio, #connections, and #verses. you’ll see a } closing off each section. between this and the line above it, you need to copy/paste the line ‘ display:none; ‘ ( without the apostrophes ).

EXAMPLE:

#musenav {
   width:510px;
   height:345px;
   padding:25px;
   border:10px solid #000; /* Tab border. */
   overflow-x:hidden;
   background-color:#faf9f9;
   left:288px;
   top:143px;
   z-index:99999;
   position:absolute;
   overflow-y:hidden;
   display:none;
}

STEP TWO:</b> now it’s just a matter of replacing a few lines. i’ll separate them out so you don’t lose track.

01 | FIND THIS:

#musenav {
   display:none;
   opacity:0; }
.show:focus + #musenav {
   display:block;
   opacity:1;
}

01 | REPLACE WITH THIS:

.show:focus + #musenav {
   display:block;
   opacity:1;
}
#musenav:hover {
 display: block;
}

02 | FIND THIS:

#stats {
   display:none;
   opacity:0;
}
.show:focus + #stats {
   display:block;
   opacity:1;
}

02 | REPLACE WITH THIS:

.show:focus + #stats {
   display:block;
   opacity:1;
}
#stats:hover {
 display: block;
}

03 | FIND THIS:

#bio {
   display:none;
   opacity:0;
}
.show:focus + #bio {
   display:block;
   opacity:1;
}

03 | REPLACE WITH THIS:

.show:focus + #bio {
   display:block;
   opacity:1;
}
#bio:hover {
 display: block;
}

04 | FIND THIS:

#connections {
   display:none;
   opacity:0;
}
.show:focus + #connections {
   display:block;
   opacity:1;
}

04 | REPLACE WITH THIS:

.show:focus + #connections {
   display:block;
   opacity:1;
}
#connections:hover {
 display: block;
}

05 | FIND THIS:

#verses {
   display:none;
   opacity:0;
}
.show:focus + #verses {
   display:block;
   opacity:1;
}

05 | REPLACE WITH THIS:

.show:focus + #verses {
   display:block;
   opacity:1;
}
#verses:hover {
 display: block;
}