/* basic CSS for the WASD site pages */

@font-face {
  font-family: myFirstFont;
  src: url(/wasd_root/wasdoc/prototype.ttf);
  font-weight: bold;
}

html
{
   background-color: #ccc;
   background-image: url('/wasd_root/wasdbg.gif');
}

body
{
   font-family: arial, helvetica, "sans serif"; font-size: 11pt;
   margin: 1em 5em 1em 5em; padding: 0 0 1em; 0;
   width: 60em;
   text-shadow: 1px 1px 2px #f0f0f0;
}

p { margin: 1.0em 0 0 0; }
ul { margin: 0.5em 0 0.2em 0; padding: 0 0 0 3.0em; }
a:link { color:#0000bb; }
a:visited { color: #0000bb; }
a:active { color: #0000bb; }

@media screen { a[target=_blank]::after { font-size:80%; content:"\2924"; } }

.title { font-size: 130%; }
.title2 { font-size: 120%; }
.heading { font-size: 120%; }

.panel
{
   background-color: #e0e0e0;
   text-shadow: none;
   border: 1px solid #444;

   -moz-border-radius: .2em;
   -webkit-border-radius: .2em;
   border-radius: .2em;

   -moz-box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
   -webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
   box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
}

.panel1
{
   background-color: #e0e0e0;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background-image: -webkit-linear-gradient(top, #fff, #eee);
   background-image: -moz-linear-gradient(top, #fff, #eee);
   background-image: -ms-linear-gradient(top, #fff, #eee);
   background-image: -o-linear-gradient(top, #fff, #eee);
   background-image: linear-gradient(top, #fff, #eee);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f0f0f0');
}

.panel2
{
   background-color: #ddd;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
   background-image: -webkit-linear-gradient(top, #ddd, #ccc);
   background-image: -moz-linear-gradient(top, #ddd, #ccc);
   background-image: -ms-linear-gradient(top, #ddd, #ccc);
   background-image: -o-linear-gradient(top, #ddd, #ccc);
   background-image: linear-gradient(top, #ddd, #ccc);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd',EEndColorStr='#c0c0c0');
   text-shadow: 1px 1px 2px #f0f0f0;
}

.panel tr td { padding:1em; }
.panel tr td tr td { padding:0.2em; }