p, h1, h2
{
margin: 1em;
}
h2
{
font-weight: normal;
font-size: 1.25em;
}
.th, h1
{
font-weight: normal;
font-size: 1.5em;
text-align: center;
}
html
{
font: 1em Tahoma, Verdana, Geneva, sans-serif;
background: #777;
}
body
{
background: white;
color: black;
padding: 1px;
margin: 1em;
}
a img
{
border: none;
}
ul
{
margin: 0;
padding: 0 2em;
text-align: center;
}
li
{
display: inline;
line-height: 2em;
position: relative;
white-space: pre;
}
li a
{
padding: .4em 1em;
}
li a:visited
{
color: #77f;
}
li:hover a, li a:focus
{
background: #ddf;
}
li a:hover, li a:focus
{
color: #f00;
}
h2 .feed
{
display: none;
}
div:hover h2 .feed
{
display: inline;
}
.blop
{
display: none;
position: absolute;
top: 1.875em;
right: 0;
background: #ddf;
line-height: 1;
z-index: 1;
padding: .125em .625em;
font-size: .8em;
}
.blop a
{
padding: 0;
}
.blop img
{
vertical-align: bottom;
}
li:hover .blop
{
display: block;
}