html,body {
font-size: 100%;
background: #88F;
color: #111;
height: 100%;
padding: 0;
margin: 0;
border: 0;
}
*>* html,body {
background: #FEE; /* non-IE hack to make the background look good */
}
a:link { color: blue; }
a:visited { color: purple; }
a:active { color: red; }
a:hover { color: red; }
#menu,#banner,#extra a:link { color: aqua; }
#menu,#banner,#extra a:visited { color: lime; }
#menu,#banner,#extra a:active { color: yellow; }
#menu,#banner,#extra a:hover { color: yellow; }
acronym { border-bottom: 0.1em dotted #333; }
.entry {
margin: 0.5em;
padding: 0.5em;
}
.hide { display: none; }
img { border: 0;}
h1 { font:1.7em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif; }
#banner {
background: #111;
color: #FEE;
border-top: 10px solid #88F;
border-left: 10px solid #88F;
border-bottom: 0;
border-right: 10px solid #88F;
text-align: center;
height: 40px;
top: 0;
left: 0;
right: 0;
}
html>body #banner {
position: fixed;
}
#banner h1 {
font: 1.7em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
margin: 0;
padding: 5px 5px 0 5px;
}
#main {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
background: #FEE;
color: #111;
border: 1px solid #111;
margin-left: 111px;
margin-bottom: -10px;
margin-right: 110px;
}
html>body #main {
margin-top: 50px;
margin-left: 110px;
}
#main h1,h2,h3,h4,h5,h6,address,p,pre {
margin: 5px;
padding: 5px;
}
#main ul,ol { margin-right: 10px; }
#menu {
font: 0.4em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
background: #111;
color: #FEE;
border-top: 0;
border-left: 1px solid #111;
border-bottom: 0;
border-right: 10px solid #88F;
position: absolute;
top: 50px;
bottom: 0;
right: 0;
width: 100px;
}
html>body #menu {
position: fixed;
}
#menu h1 {
font: 6em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
margin-top: -1.3em;
margin-bottom: -0.2em;
padding: 5px;
text-align: center;
}
#menu p {
font-size: 1.6em;
margin-top: 11px;
margin-left: 2px;
margin-right: 2px;
padding: 0 1px 1px;
}
#menu #navlist
{
font: 1.8em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
margin-left: -1px;
margin-right: -1px;
padding: 0 1px 1px;
width: 100px;
}
#menu #navlist li
{
list-style: none;
margin: 0;
margin-bottom: -1px;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid #111;
text-align: left;
}
#menu #navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}
#menu #navlist li a:link { color: #448; }
#menu #navlist li a:visited { color: #667; }
#menu #navlist li a:hover
{
border-color: #FB3;
color: #FEE;
background: #332;
}
#menu #w3checks {
padding: 0 1px 1px;
margin-top: -3px;
margin-left: 3px;
margin-right: 3px;
}
#menu #w3checks a:link { color: #111; }
#menu #w3checks a:visited { color: #111; }
#menu #w3checks li {
font-size: 1.5em;
background: #FC6;
color: #111;
text-align: center;
margin: 0;
padding: 1px;
display: inline;
list-style-type: none;
}
html>body #menu #w3checks li {
border: outset #C90 2px;
padding: 0;
}
#extra {
font: 0.7em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
background: #111;
color: #FEE;
border-top: 0;
border-left: 10px solid #88F;
border-bottom: 0;
border-right: 1px solid #111;
position: absolute;
top: 50px;
left: 0;
bottom: 0;
width: 100px;
}
html>body #extra {
position: fixed;
}
#extra .flickrimg {
margin-left: 2px;
margin-bottom: 3px;
border: outset #FB3 2px;
}
#extra #flickrimg4,#flickrimg5 { display: none; }
#last {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Arial,Sans-Serif;
background: #FEE;
color: #111;
border-left: 1px solid #111;
border-bottom: 1px solid #111;
border-right: 1px solid #111;
text-align: center;
height: 40px;
margin-left: 111px;
margin-right: 110px;
}
html>body #last {
margin-left: 110px;
}