/** Coded by: Jeffrey (Joseph Witchard)
 ** Created on: 04/26/10
 ** Last modified: 05/10/10
 ** Purpose: To style the homepage pages. */
 
/******* FORMAT THE LINK COLOR *******/

a:link { 
   text-decoration: none; 
   color: #0000FF; 
}

a:visited { 
   text-decoration: none; 
   color: #9900CC; 
}

a:active { 
   text-decoration: underline; 
   color: #9900CC; 
}

a:hover { 
   text-decoration: underline; 
   color: #0000FF; 
}

/******* FORMAT THE BODY OF THE WEB PAGES *******/

body {
   background-color: #000000;
   font-family: Tahoma, Georgia, Verdana, Arial, Times, "Times New Roman", monospace;
   font-size: medium;
   color: #FFFFFF;
}
     
/******* LIST CLASS WITH FORMATTING REMOVED *******/

.nonListList {
   padding: 0px;
   list-style-type: none;
}



/******* SET THE FORM LABELS TO BOLD *******/

label { 
   font-weight: bold; 
}

/****** SET THE COLOR OF WARNING TEXT *******/

.warning { 
   color: #FF0000; 
}

/******* GOOGLE STUFF OUTSIDE OF THE WRAPPER *******/

#headerAd { 
  width: 728px; 
  height: 90px; 
  margin: 0px auto; 
}
          
/******* STYLE THE WRAPPER ******/

#wrapper {
  width: 981px;
  top: 30px;
  margin: 0px auto;
  position: relative;
}
         
/******* THE HEADER, WHICH CONTAINS THE BANNER *******/

#headers {
  width: 981px;
  height: 250px;
  background-image: url(/images/banners/header_banner_2.jpg); 
}
         
/******* THE CENTER AREA, WHICH CONTAINS THE MAIN CONTENT *******/

#center {
  padding-left: 5px;
  padding-right: 5px;
  width: 500px;
  height: 3210px;
  position: absolute;
  top: 240px;
  left: 175px;
}

/******* FEED AND SOCIAL ICONS, INCLUDING RSS, ATOM, FACEBOOK, AND TWITTER *******/

#feedsNsocial { 
   height: 28px;
   width: 300px;
}

/******* PNG IMAGES CAN'T HAVE THEIR BORDER SET IN CSS DUE TO IE *******/

#feedsNsocial img {
   width: 28px;
   height: 28px;
}

/******* THE DISCLAIMER *******/
				
#disclaimer {
   width: 245px;
   font-size: 8pt;
   position: absolute;
   bottom: 50px;
   left: 130px;
   text-align: center;
}

/******* THE NAVIGATION MENU *******/

#navigation {
  width: 160px;
  margin-right: 15px;
  position: absolute;
  top: 235px;
  left: 0px;
}

/******* NAVIGATION ADS BELOW *******/

#leftGoogle {
   width: 120px;
   position: relative;
   left: 25px;
}

#leftClicksor {
   width: 120px;
   position: relative;
   left: 25px;
}

/******* THIS AREA CONTAINS THE RIGHT SIDE OF THE PAGE, INCLUDING THE NEWS SCROLLER, HOUSE POINTs, AND ADS *******/
   
#right {
  padding-left: 5px;
  padding-right: 5px;
  width: 215px;
  height: 1720px;
  margin-left: 10px;
  position: absolute;
  top: 265px;
  left: 730px;
}

#blogAward {
   padding-left: 27px;
   width: 153px;
   height: 160px;
}
        
#houses {
   width: 200px;
   height: 150px;
   text-align: center;
}
        
#g {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/gryffindorcopy.jpg);
   float: left;
}
   
#h {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/hufflepuffcopy.jpg);
   float: right;
}
   
#r {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/ravenclawcopy.jpg);
   float: left;
}
   
#s {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/slytherincopy.jpg);
   float: right;
}
   
.houseText {
   position: relative;
   top: 72px;
   font-size: 8pt;
   font-weight: bold;
}
        
div.rightAds {
   width: 160px;
   height: 650px;
   margin: 10px auto;
}
   
/******* THIS CLASS IS FOR THE BUTTONS USED IN THE NAVIGATION MENUS *******/

img.button3 {
  border: 0px;
  width: 145px;
  height: 65px;
}

/******* NEWS TICKER *******/

#newsBody {
  width: 200px;
  height: 300px;
  color: #000000;
  font-weight: bold;
  background-image: url(/scroller_background_parchment.jpg);
}
          
/******* LINK COLORS FOR THE TICKER *******/

#newsBody a:link { text-decoration: none; color: #000066; }
#newsBody a:visited { text-decoration: none; color: #660066; }
#newsBody a:active { text-decoration: underline; color: #000066; }
#newsBody a:hover { text-decoration: underline; color: #660066; }
          
/******* WHERE THE ACTUAL TEXT APPEARS *******/

#newsWindowArea {
  position: absolute;
  margin-top: 32px;
  top: 165px;
  left: 50px;
  width: 175px;
  height: 242px;
  overflow: hidden;
}
  
#newsWindow {
  position: relative;
  padding-left: 15px;
  width: 175px;
  height: 250px;
  overflow: hidden;
  margin: 0px auto;
}

#newsText {
  width: 75px;
  position: absolute;
  font-size: 9pt;
  margin-left: 5px;
} 
          
#newsHead {
  width: 200px;
  height: 44px;
  text-align: center;
}