* {
padding:0;
margin:0;
font:bold 16px Verdana,Arial,sans-serif;
text-align:center;
}
fieldset {
border:0;
}
ul {
list-style-type:none;
width:200px;
}
li a {
display:block;
color:#333;
}
li a:hover {
background:#aaa;
}
input, img, #menu {
display:none;
}
#kitty, #menu {
position:absolute;
top:50%;
left:50%;
}
#kitty {
margin:-105px -95px;
width:191px;
z-index:20;
}
input:checked + #kitty > label:after {
content:'meow';
}
input + #kitty > label:after {
content:'how did this get here';
}
input:checked + #kitty img[src$=gif] {
display:none;
}
input:checked + #kitty img[src$=png], input + #kitty img[src$=gif], input:checked ~ #menu, #kitty:hover + #menu, #menu:hover {
display:block;
}
#menu {
margin:-110px -300px;
width:600px;
height:220px;
z-index:10;
}
#projects {
float:left;
}
#projects:before {
content:'Projects';
}
#links {
float:right;
}
#links:before {
content:'Links';
}