/* RF Style Sheet
 * 2003, Christopher Ross-Gill.  All Rights Reserved. */

body {
   background: #fff url(/images/rf-grey.gif);
   color: #333;
   font: 13px/140% verdana,"times new roman",times,serif;
   margin: 0 0 1em;
   padding: 0;
   text-align: left;
   }

h1 {
   font: bold 1.6em/140% verdana,arial,helvetica,sans-serif;
   margin: 0;
   padding: 0.7em 0 0.6em;
   }
h2 {
   font: bold 1.3em/140% verdana,arial,helvetica,sans-serif;
   margin: 0;
   padding: 0.5em 0;
   }
h3, h4 {
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 0.4em 0 1em;
   }
p, ol, ul, li, dl, dt, dd, th, td {
   font: inherit;
   margin: 0;
   padding: 0 0 1em;
   }
ul {
   list-style-image: url(../images/rf-bullet.gif);
   }
li {
   margin-left: 3em;
   padding: 0;
   }
dl {
   padding: 0;
   }
dt {
   font-weight: bold;
   padding-bottom: 0.3em;
   }
table, tr {
   margin: 0 auto;
   text-align: center;
   width: auto;
   }
table {
   display: block;
   margin: 0 auto 1em;
   }
th, td {
   font: 11px/135% verdana,"times new roman",times,serif;
   border: 1px solid #ccc;
   margin: 0 2px 2px 0;
   padding: 0.5em;
   overflow: visible;
   text-align: center;
   }
th {
   background: #eee;
   border: 1px solid #aaa;
   font-weight: bold;
   }
a, a:link {background: transparent; color: #60c; text-decoration: underline;}
a:visited {background: transparent; color: #409;}
a:active, a:hover {background: transparent; color: #94f;}

div, img, acronym {border: 0;}


/* ---- Custom Styles ---- */

pre.sample {
   background: #eee;
   border: 1px solid #aaa;
   font: 11px/130% "andale mono",monaco,"courier new",courier,fixed;
   margin: 0 0 1.2em;
   padding: 0.5em;
   }
div.image {
   margin: 0 auto 1em;
   text-align: center;
   }
dl.note {
   margin: 0 2.1em;
   }
dl.note dt {
   background: #eee;
   border: 0 solid #aaa;
   border-width: 1px 1px 0;
   margin: 0 0 -1px;
   padding: 0.1em 0.8em;
   text-transform: uppercase;
   }
dl.note dd {
   border: 1px solid #aaa;
   font-style: italic;
   margin: 0 0 1em;
   padding: 0.5em 0.5em 0;
   }
dl.note pre {
   background: transparent;
   border: 0;
   padding: 0;
   }
dl.note ul, dl.note li {
   list-style-image: none;
   }

div.indent {
   padding: 0 2.6em;
   }


/* ---- Structural Elements ---- */

/* -- Header -- */

h1#header {
   position: absolute; top: 0; left: 0;
   margin: 0;
   padding: 0;
   }
ul#get {
   margin: 0;
   padding: 8px;
   text-align: right;
   }
ul#get li {
   margin: 0;
   padding: 0 0 0 2px;
   list-style: none;
   display: inline;
   }
ul#links {
   background: #eee;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   color: inherit;
   font: bold 1em/150% "trebuchet ms",verdana,helvetica,arial,sans-serif;
   margin: 18px 0 1em;
   padding: 2px 2em;
   text-align: right;
   }
ul#links li {
   margin: 0;
   padding: 2px 0.2em;
   list-style: none;
   display: inline;
   }
ul#links a {text-decoration: none;}


/* -- Menu -- */

div#menu {
   border-left: 1px solid #aaa;
   float: right;
   margin: 0 0 2em;
   padding: 0;
   width: 15em;
   }
div#menu h1 {
   display: none;
   visibility: hidden;
   }
div#menu h2 {
   border-top: 1px solid #aaa;
   font: bold 1.2em/150% "trebuchet ms",verdana,helvetica,arial,sans-serif;
   margin: 0 2em 0 0;
   padding: 0.1em 0.4em;
   text-align: left;
   }
div#menu ul, div#paypal, div#menu p {
   font: 0.85em/150% verdana,helvetica,arial,sans-serif;
   list-style: outside;
   list-style-type: none;
   list-style-image: none;
   margin: 0 2em 0 0;
   padding: 0.1em 0.5em 0.5em;
   }
div#menu li {
   margin: 0;
   padding: 0 0 0.3em;
   }
div#paypal form, div#paypal input {
   margin: 0;
   padding: 0;
   text-align: right;
   }

/* -- Content -- */

div#content {
   padding: 0;
   margin: 0 17em 1em 3em;
   max-width: 60em;
   }

ul#toc, ul#toc ul {
   list-style: outside;
   list-style-type: none;
   list-style-image: none;
   padding: 0 0 1em;
   }
ul#toc ul {padding: 0 2.6em;}

ul#toc li {
   margin-left: 0;
   padding: 0;
   text-indent: 0;
   }
ul#toc ul li {font-style: italic;}
ul#toc ul ul li {font-style: normal;}
ul#toc ul ul ul li {font-style: normal; font-size: 0.9em;}

/* -- Footer -- */

p#footer {
   background: #9c9;
   border-top: 1px solid #390;
   border-bottom: 1px solid #390;
   clear: both;
   font-size: 0.85em;
   line-height: 150%;
   margin: 1em 0 0;
   padding: 5px;
   text-align: center;
   }

.invisible {display: none !important;}