* {margin:0;padding:0;}
section,header,footer,nav,article,aside,figure,dialog,video,audio,address,hgroup,menu,canvas,details {display:block;}
body  {padding:1.5em 0.5em 0;font:80% Tahoma,sans-serif;}
h1,h2,h3,h4,p,dl,ul,li {margin-bottom:0.5em;}
h2,h3,h4 {clear:both;}
li  {margin-left:3em;}
h2  {font-style:italic;font-size:2em;font-weight:normal;color:#999;line-height:1.2em;}
h4  {margin-top:2em;font-size:1em;}
dt  {margin-top:1em;font-weight:bold;}
dl  {margin-left:1em;}
a, button {text-decoration:none;color:maroon;cursor:pointer;}
button {border:none;background:transparent;padding:0;margin:0;}
a:hover, button:hover {color:red;text-decoration:underline;}
a img {border:none;}
.block	{display:block;width:99%;}
form,input,button	{font-size:1em;}
.right, img[align="right"] {float:right;margin:0.25em 0 0.75em 1em;}
.left,  img[align="left"]  {float:left;margin:0.25em 1em 0.75em 0;}
.clear {clear:both;}
h4 abbr {border:none;}

#main {line-height:1.5em;overflow:hidden;}
  #content h4 .date  {float:right;color:gray;font-size:0.6em;font-weight:normal;}
  #content object, #content embed, #content img {max-width:100% !important;}
#sidebar {font-size:0.8em;color:gray;line-height:1.4em;}
#footer {text-align:center;clear:both;border-top:1px dotted #ccc;font-size:0.8em;color:gray;margin-top:3em;}

@media screen {
  body	{text-align:center;background:#fff url(body.jpg) 10% -170px repeat-x fixed;}
  #container  {width:47em;margin:0 auto 1em;padding:0.4em;text-align:left;background:rgba(255, 255, 255, 0.6) none;border-radius:0.4em}
    #container[id] {width:auto;max-width:47em;}
  #header {font-size:1em;height:160px;padding:10px;border:1px solid #888;background:url(header.jpg) no-repeat #74AEEE 0 70%;text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,.4);}
    #header a {display:block;color:white;text-align:right;font-family:Georgia,serif;height:100%;}
  #navigation {display:block;list-style:none;overflow:hidden;border-left:1px solid gray;margin:0 1px 1em;}
    #navigation li {display:block;float:left;padding:0 1em;border-right:1px solid gray;}
  #main  {margin-top:2em;}
  #content  {float:left;width:70%;}
    #content h4 a  {display:block;width:99%;}
  #sidebar  {float:right;margin-left:2%;width:25%;padding:0 0 0em 2%;border-left:1px dotted #ccc;}
    #sidebar h4  {margin-top:2em;}
    #sidebar ul  {list-style:none;display:block;}
    #sidebar li  {margin-left:0;}
}
@media all and (max-width: 600px) {
  #header {height:100px;}
}
@media all and (max-height: 600px) {
  #header {height:80px;}
}
@media all and (max-width: 480px) {
  #container {width:400px;}
    #container[id] {max-width:400px;}
  #content, #sidebar {float:none;margin-left:0;width:auto;padding:0;}
  #sidebar {border:none;border-top:2px dotted #ccc;margin-top:2em;}
}
@media print {
  a {text-decoration:underline;}
  h1 a, h2 a, h3 a, h4 a {text-decoration:none;color:black;}
  p a:link:after, p a:visited:after {content:" (" attr(href) ")"; font-size:0.8em;}
  #header {height:auto;}
    #header a {color:black;}
  #sidebar, #footer, .noprint {display:none;}
}