/* This is the main CSS styles to use in the WinRD+ software         */
/* website.                                                          */
/*                                                                   */
/* Written using PSPad free text editor by James McBride VK6FJA   .  */
/*                                                                   */
/* Last Modified: 13/07/2007                                         */ 
 
/* Set main styles to use in overall webpages */

/* First some tag re-defines for standard HTML content */

body{
  font-family : Verdana,Tahoma,Arial,sans-serif;
  color: #66FFFF;    /* Was Aqua - but won't display properly on Firefox */
  line-height:1.4em;
  font-size: 1.2em;
  text-align:left;
  font-style: normal;
  background-color: black;
    }

a {
  color: inherit;
  font-weight: 700;  /* 700 is bold, 400 is normal */
  text-decoration: underline;
  background-color: inherit;
 }
a img {border :none;
       color: inherit;
       background-color: inherit;}  

p {
  padding:0;
  color: #66FFFF;
  background: inherit;
  text-align: left;
  }
  p img, p script {border : none; text-align: center;}

table { width: 100% }   /* Generic style for main page table */

b {
   color: inherit;
   font-weight: 700; }
   
h1{             /* Main page title text */
        font-size: 1.8em;
        text-align: center;
        font-weight: 700;
        color: yellow;
        }
h2{            /* Sub font for text or titles */
        font-size: 1.6em;
        font-weight: 400;
        color: aqua;
        background-color:inherit;
        }
h3 {            /* Sub titles */
        text-align: left;
        font-style: italic;
        color: lime;
        font-size: 1.2em;
       }
h4 {            /* Used for lists */
        text-align: left;
        font-style: italic;
        color: aqua;
        font-size: 0.8em;
       }


/****************Define some personal classes ************/
.centered { text-align : center; }   /* centre the text only */

.f1 {
        text-align: center;       /* Used in main title page headings */
        font: 45pt Arial bold;
        font-style: italic;
        color: red;
        }
.f2 {
        text-align: center;     /* Used in main title page headings */
        font-weight: 100;
        color: aqua;
        font : 8pt Arial bold;
        }
.f3 {
        text-align: center;     /* Used in main title page headings */
        font-weight: 400;
        color: yellow;
        font-style: italic;
        font-size: 1.1em;
        font-family: Arial, sans-serif;
        }



/**************** Navigation Block styles ****************/
#navigation{
   position: absolute;
   top: 0;
   left: 10%;  /*10%*/
   margin: 0;
   height: 30px;
   width: 100%;
   background: black; /*black*/
   color: white; /*white*/
   padding: 0;
   }
     #navigation li{
     float: left;
     vertical-align: top;
     list-style-type: none;
     border-right: 1px solid black;
     border-left : 1px solid black;
     white-space:nowrap;
     background: silver;
     } 
          #navigation li a{
          display:block;
          padding:0 20px;  /* Space between menu selections */
          font-size: 10px;
          font-weight:normal;
          text-transform:uppercase;
          text-decoration:none;
          background-color:inherit;
          color: black;
          }
     #navigation .selected, 
     #navigation a:hover {
     background: yellow;
     color: black;
     text-decoration:underline;
     }
     #navigation .highlighted {
     background: white;
     color: black;
     text-decoration: none;
     }
     
/**************** Footer styles ****************/
#footer{
     height: 20px;
     font-size: 10px;
     background: black;
     width: 100%;
     left: 10%;
     right: 90%;
     }
     #footer p { 
          color: orange; 
          font-weight: 700;  /* 400 is normal font, 700 is bold */
          text-align: center;
          }
     #footer a { color: orange; }
     
/**************** End  Footer styles ****************/


/**************** Page Content styles ****************/
/* Defaults for all content pages */
#content{
font-size:0.7em;
margin-left: 20px;
margin-top: 30px;
width: 80%;
float: left;
background-color: inherit;
}      
        #content li{
        text-align: center;
        list-style-type:none;
        } 
          #content li a{
          padding:0 10px;
          font-size:0.8em;
          font-weight: 400;
          background-color:inherit;
          color: inherit;
          }
        #content li.dotted  { 
          list-style-type: disc;
          list-style-position: inside;
          color: inherit;
          background-color:black;
          text-align:left;
          line-height: 3em;
         }
        
        #content blockquote {
        margin-left: 15px;
        padding-left: 20px;
        text-align: left;
        font-style: italic;
        font-size: 1.5em; 
        font-weight: 400;
        color: white;
        }
        #content a:hover {
          background: white;
          color: black;
          text-decoration: none;
          }
          
#content a:visited, #content a:link {
     background: inherit;
     color: #66FFFF;   /* same as p and body */
     text-decoration: underline;
     }       

/* Definitions of all tables in the website  */
       
#heading-table table {
             table-layout: auto;
             width: 90%;
             text-align: center;
             margin-top: 5px;
             margin-left: 5px;
             margin-right: 5px;
             vertical-align: top;
             empty-cells: hide;
              }
#heading-table td,th {width:15%;}
#heading-table td {border: none;}

#FeatureTable {
            border: solid 1px yellow;
            width: 100%;
            border-collapse: collapse;
            left:10%;
            right:90%;
            }

#FeatureTable td.col1 {
            border: solid 1px yellow;
            padding: 10px;
            width: 25%;
            vertical-align:top;
            text-align: center;
            color: white;
            background-color: #303030;
            }
#FeatureTable td.col2 {
            border: solid 1px yellow;
            text-align: left;
            padding: 10px;
            width: 75%;
            color: lime;
            font-family: Arial, sans-serif;
            background-color: #303030;
            }
#FeatureTable th {
            text-align: center;
            color: yellow;
            font-size: 2em;
            padding: 20px;
            background-color: navy;
            }

#donate-table {
            border: solid 1px yellow;
            width: 100%;
            left: 10%;
            right: 90%;
            border-collapse: collapse;
            }
#donate-table td.col1 {
            width: 30%;
            vertical-align: middle;
            text-align: center;
            padding: 10px;
            border: solid 1px yellow;
            }
#donate-table td.col2 {
            width: 70%;
            padding: 10px;
            color: lime;
            font-family: Arial, sans-serif;
            border: solid 1px yellow;
            }

#faq-table {
            left: 10%;
            right: 90%;
            padding: 10px;
            width:100%;
            border: solid 1px yellow;
            border-collapse: collapse;
            }
#faq-table td.col1 {
            width: 40%;
            color: lime;
            padding: 10px;
            border: solid 1px yellow;
            vertical-align: top;
            }
#faq-table td.col2 {
            width: 60%;
            color: aqua;
            padding: 10px;
            border: solid 1px yellow;
            vertical-align: top;
            }

#screenshot-table, #screenshot-table2 {
            left: 10%;
            right: 90%;
            padding: 10px;
            width:100%;
            border: none;
            }
#screenshot-table td.col, #screenshot-table2 td.col {
            width: 20%;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 0;
            padding-top: 10px;
            vertical-align: middle;
            text-align: center;
            }

#install-table, #screenshot-table2 td.col {
            left: 10%;
            right: 90%;
            padding: 10px;
            width:100%;
            border: none;
            }
#install-table td.col {
            width: 50%;
            padding: 10px;
            vertical-align: middle;
            text-align: center;
            }            


/************ End Page Content styles ****************/