/* 
   BODY
   Contains information about general body text on all the pages.
   Includes font-family, background color, etc  
*/

body { background-color: 222222; font-family: arial; color: C4FFFE;font-size: .75em;}

A:link { text-decoration: none; color: ffffff; }
A:active { text-decoration: underline; color: ffffff;}
A:visited { text-decoration: none; color: BBE2E2; }
A:hover { text-decoration: none; color: ffffff; }

/*
   TEXT
   Handles text formatting, color, etc.
*/
  /*Newspage-related styles*/

cite.time { font-size: 0.6em; font-weight: 300 } /* Newspost timestamps */

H5.postFoot { font-size: 0.8em; font-style: italic; padding-right: 1em; padding-bottom: 1em;  } /*"Posted by" */
B.postHead { font-weight: 700; font-size: 1.3em } /* Will be used for heading */

table.postHead {
   color: C4FFFE; 
   background-color: 444444; 
   border-width: 3px;
   border-bottom-width: 0em;
   border-color: black;
   border-style: solid;
   z-index: 4;
   } 

table.postBody { 
   color: C4FFFE;
   font-size: 1.6ex;
   background-color: 444444; 
   border-width: 3px;
   border-color: black;
   border-style: solid;
   z-index: 4;
   } 

td.postHead {
   font-color: C4FFFEk;
   height: .5em; 
   padding-top: .5em;
   padding-left: 1em;
   padding-right: 3em
   }

div.postBody { 
   font-color: C4FFFE;
   width: 25em;
   padding-left: 2em;
   padding-right: 2em;
   padding-top: 1em;
   padding-bottom: 1em;
   }
/*
div.postHead {
  font-color: C4FFFE;
   width: 15em
   } */

  /*Menu-related formatting*/  

H2.menu { 
   font-size: .75em;
   font-weight: 400;
   border-top-width: 3px;
   border-right-width: 3px;
   border-bottom-width: 3px; 
   border-left-width: 3px;
   border-style: solid;
   border-color: black;
   padding-right: 10px;
   padding-left: 10px; 
   background-color: 222222
   } /* Menu */ 
H2.side { 
   font-color: C4FFFE;
   font-size: .75em;
   font-weight: 400;
   border-top-width: 3px;
   border-right-width: 3px;
   border-bottom-width: 3px; 
   border-left-width: 3px;
   border-style: solid;
   border-color: black;
   padding-right: 10px;
   padding-left: 10px; 
   background-color: black
   } /* Menu */ 
.menuBar { 
   border-top-width: 0px;
   border-bottom-width: 6px; 
   border-style: solid;
   border-color: black;
background color: 8B8B8B
   }

.sideBar { 
font-size: .75em;
   border-top-width: 0px;
   border-bottom-width: 6px; 
   border-style: solid;
   border-color: black;
background color: 8B8B8B
   }
H2.nav { text: 1.5em}


/*Progress Bar Styles*/

/*
NOTE: To modify progress:

1) Change the "width" under "div.progBarGreen". Figure out the percentage you want to change it to, multiply that by 10em, then set that as the new width value. Don't modify the "div.progBarRed", since it is already set.

2) Change the percentage number in "index.php" under "div class='progNum'".
*/

table.progBar {
   position: relative;
   z-index: 4   	
   }
    
div.progBarGreen {
   position: relative;
   top: -.25em;
   width: 0em;
   height: .5em;
   overflow: hidden;
   z-index: 2
   }

div.progBarRed {
   position: relative;
   top: -.75em;
   width: 10em;
   height: .5em;
   overflow: hidden;
   z-index: 0;
   }

div.progNum {
   position: relative;
   top: -.75em;
   }

H1 { } /*Body text*/

H3.title { 
   font-size: 2.6em; 
   font-weight: 200;
   text-align: center; 
   letter-spacing: .2em 
   } /* Will be used for main title */

/*FAQ Formatting*/
H3.newIssue {
   text-align: left;
   font-size: 1.7em; 
   letter-spacing: .1em
   }
td.link {
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-style: solid
   }

/*Download page formatting*/
B.verHist { font-size: 1.1em; font-weight: 400 }

td.verHist {
   padding-right: 4em;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-style: solid
   } 

/*Misc. formatting. Includes body text, special cases, etc*/