root, html{ height:100%;}
body{margin:0;padding:0;font-family:sans-serif;font-size:small;background-color: #444;background:linear-gradient(#555, #222); margin-top:5px; padding-top:5px;height:100%;}
ul, li{ display:block;}
a, a:link, a:visited{ display:block; padding:15px;margin:2px;margin-right:0; text-decoration:none;
    background-color:#222;  color:#ddd; font-weight:bold; border:1px solid #222;border-left:5px solid black;background:linear-gradient(#222,#333,#333,#222);}
a:hover, a.selected{ transform:translate(15px);-moz-transform:translate(15px);-o-transform:translate(15px);-webkit-transform:translate(15px);
    border-left:5px solid black;border-bottom:1px solid black;color:white; }
a.selected{ background-color:#eee; background:linear-gradient(#eee,#fff,#fff,#eee);border:1px solid black;color:black;border-color:#222 #eee #222 #222;border-left:5px solid black;}
a:hover{opacity:0.9;}
h1{ margin: 0.5em 0 1em 0;font-size:large; text-align:center; color:white;text-shadow: 2px 2px 2px black;}
h1:hover{ color:black;text-shadow: 2px 2px 2px white;}
a{-webkit-transition: 0.5s; -moz-transition: all 0.5s ease; -o-transition: 0.5s; transition: 0.5s;}
h1{-webkit-transition: 1s; -moz-transition: all 1s ease; -o-transition: 1s; transition: 1s;}