/* Main stylesheet for Fastie.net */
html { margin: 0; padding: 0; }
body { background: #FDF6DB url('../img/bg_main.gif');
    margin: 0; padding: 0;
    font: normal 10pt/12pt Verdana,Arial,Helvetica,sans-serif; color: black;
    }
body hr { height: 1px; color: #CCC; background-color: #CCC; margin-bottom: 0; padding-bottom: 0; }
a         { color: #009; text-decoration: underline; }
a:visited { color: #009; text-decoration: underline; }
a:hover   { color: blue; background-color: #eed6bd;  }
a.quicklink {  font: bold 75% Verdana,Arial,Helvetica,sans-serif; color: #009; font-variant: small-caps;} 
/* a.quicklink { font-size: 75%; } */
a.quick-model-link {  font: bold 80% Verdana,Arial,Helvetica,sans-serif; color: #009; font-variant: small-caps;} 

p.resource { font: bold 85% Verdana,Arial,Helvetica,sans-serif; color: black; font-variant: small-caps;} 
span.resource { font: bold 85% Verdana,Arial,Helvetica,sans-serif; color: black; font-variant: small-caps;} 
a.resource { font: bold 85% Verdana,Arial,Helvetica,sans-serif; color: #009; font-variant: small-caps;} 
img.inline { float: none; }
p.cimg { text-align: center; }
p.fineprint {font-size: 75%; line-height: 1em; }
 .right  { text-align: right; }
 .center { text-align: center; }
span.pubname { font-style: italic; }
.strikethru { text-decoration: line-through; color: gray; }
a.definition { text-decoration: none; color: green; border-bottom: 1px green dashed; }
.hideme { visibility: hidden; display: none; }
.hfvis { display: none; visibility: hidden; }
.indentme { padding-left: 3em; }
.dateslug { text-align: right; font-size: 75%; }

div#banner img#fnlogo { position: absolute; top: 8px; left: 30px; margin: 0; border: 0;
    z-index: 100; }
div#banner h1 { margin: 0.5em 0 1em 0; padding: 0 0 0 15%; width: 80%;
    font: 36pt Comic Sans MS,Verdana,Tahoma,Arial,Helvetica,sans-serif; color: #009;
    }
div#nav { position: absolute; top: 140px; left: 5px; width: 12%;
    margin: 0; padding: 0;
    background-color: white;
    border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; 
    z-index: 10; }
div#nav a { display: block; padding: 5px; margin: 0;
    font: 90% Verdana,Arial,Helvetica,sans-serif; color: #009; 
    text-decoration: none; text-align: center; 
    border-top: 1px solid gray; }
div#nav a:hover { background: #eed6bd; color: blue; }

div#page { margin: 0 30% 0 15%; padding: 0 .15in;
    border: 1px solid black;
    background-color: white;
    min-height: 400px; }
div#page p { margin-top: 0.4em; margin-bottom: 0.75em; }
div#page p.tight { margin: 0; line-height: 1.2em; }
div#page span.datetag { display: block; float: left; width: 4em; font-variant: small-caps; font-size: 85%;  font-weight: bold; }
div#page h1 { margin-top: .4em; margin-bottom: 0.2em; font-size: 140%; font-weight: bold; color: #009; }
div#page h2 { margin-top: .1em; margin-bottom: 0.1em; font: 100% bold; color: #009; text-decoration: underline; }
/* div#page img { float: left; margin: 0; padding: 5px 8px 0 0; } */
div#page img.inline { float: none;  }
div#page a.imglnk { background-color: white; border: 2px solid white; }
div#page a.imglnk:hover {border-color: #eed6bd; color: blue; }
div#page a.imglnk img {border: 0; padding: 2px; }
div#page a.imglnkright img {float: right; padding: 2px;  }
div#page p.lastupdate { display: block; float: right; font-size: 85%; font-style: italic; margin-bottom: 0; }

div#sidebar { position: absolute; top: 140px; right: 2%; width: 23%; 
    background-color: white; border: 1px solid black;
    margin: 0 0 1em 0; padding: .2em .4em .4em .6em; }
div#sidebar p { font-size: 100%; margin-top: .1em;  }
div#sidebar hr {  }
div#sidebar h1 { margin: .2em 0 0 0; padding: 0; font: 125% bold; color: #009; }

/* ------------------------------------------------------------------------------------------- */
/* div#sidebar img { display: block; padding: 10px; margin: 0 auto; border: white solid 2px; } */
/* needs work ... need generic linked image handling for entire site...                        */
/* div#sidebar   p.lnkimg {text-align: center;} */
div#sidebar a.imglnk {float: right; border: white solid 2px;}
div#sidebar a.imglnk:hover {border-color: #eed6bd; color: blue;}
div#sidebar a.imglnk img {border: 0; padding: 2px; }
div#sidebar img.clipart { float: left; padding: 5px; }
/* ------------------------------------------------------------------------------------------- */

div#footernav { display: block; margin: 2px 30% 0 15%; text-align: center; }
div#footernav a { text-decoration: none; 
    font: 8pt/10pt Verdana,Arial,Helvetica,sans-serif; color: #008;
    padding: 2px 5px; margin: 0px 0 0 0; 
    }
div#footernav a:hover { background-color: #eed6bd; color: blue; }
div#sitecopyright { display: block; font: 7pt/9pt Verdana,Arial,Helvetica,sans-serif; text-align: center; }
div#sitecopyright p { padding: 0; margin: 0; }

.iright { float: right; }
.ileft { float: left; }
.img-tl { float: left; margin: 0; padding: 0 .6em .5em 0; }
.img-tr { float: right; margin: 0; padding: 0 0 .5em .6em; }
.img-l { float: left; margin: 0; padding: .4em .6em .4em 0; }
.img-r { float: right; margin: 0; padding: .4em 0 .4em .6em; }

/* This is for the "Terabye Update" table */
.wftable-hd { width: 80%; margin-top: 10px;  border: 1px solid black; border-collapse:collapse;}
.wftable-hd th { background-color: #99CCFF; font-size: 95%; font-weight: normal; font-style: italic; border: 1px solid black; }
.wftable-hd td { text-align: center; font-size: 85%; font-weight: normal; border: 1px solid black;  }