/* CSS Document */
body, html { /*sets up the basic document settings*/ 
   background: #000000 url('../images/bg.gif') ; /*determines the background*/ 
   font-family: Verdana, Arial, Helvetica, san-serif; /*determines the fonts the document should use*/ 
   font-size: .8em; /*sets the default font-size for our document, measured in em's which is roughly the size of the letter m in a font*/
   color: #ffffff; /*sets the basic font color*/ 
   line-height: 1.2em; /*sets the leading for the document*/ 
}

#content {
	background: transparent;
	/*the lines below that are commented out set the padding for each side individually */ 
  padding-top: 1em;
	padding-left: -1em;
	padding-bottom: 1em;
	padding-right: 0em;
	width: 800px;
   /*  padding: 0em 0em 0em 0em; /*sets padding for the top then right then bottom then left */
    /* margin: 0em;*/ /*sets all sides of the margin to a padding of 1em*/ 
} 


#banner {
	background: #000000;
	/*the lines below that are commented out set the padding for each side individually */ 
   /* padding-top: 1em;
   padding-left:.5em;
   padding-bottom: 15em;
   padding-right: 5em;*/
   padding: 0em 0em 0em 0em; /*sets padding for the top then right then bottom then left */
	margin: 0em; /*sets all sides of the margin to a padding of 1em*/
	position: absolute;
	left: 0px;
	top: 0px;
} 

#news {
   background: #000000;
   /*the lines below that are commented out set the padding for each side individually */ 
   padding-top: 0em;
   padding-left: 2.0em;
   padding-bottom: 0em;
   padding-right: 0em;

   /*  padding: 0em 0em 0em 0em; /*sets padding for the top then right then bottom then left */
    /* margin: 0em;*/ /*sets all sides of the margin to a padding of 1em*/ 
} 


#container {
	background: transparent;
	/*the lines below that are commented out set the padding for each side individually */ 
  padding-top: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	padding-right: 5.5em;
	width: 100px;

   /*  padding: 0em 0em 0em 0em; /*sets padding for the top then right then bottom then left */
    /* margin: 0em;*/ /*sets all sides of the margin to a padding of 1em*/ 
} 

#leftcolumn {
	background: transparent;
	/*the lines below that are commented out set the padding for each side individually */ 
    padding-top: 0em;
	padding-left: 20em;
	padding-bottom: 0em;
	padding-right: 0em;
	/*padding: 0em 5em 0em 0em;*/ /*sets padding for the top then right then bottom then left */
   margin: 0em; /*sets all sides of the margin to a padding of 1em*/
	font-size: 1.3em;
	position: absolute;
	left: 1px;
	top: 75px;
	height: 22px;
	width: 547px;
} 

#rightcolumn {
	background: transparent;
	/*the lines below that are commented out set the padding for each side individually */ 
    padding-top: 0em;
	padding-left: 20em;
	padding-bottom: 0em;
	padding-right: 0em;
	/*padding: 0em 5em 0em 0em;*/ /*sets padding for the top then right then bottom then left */
   margin: 0em; /*sets all sides of the margin to a padding of 1em*/
	position: absolute;
	left: 26px;
	top: 856px;
} 

#centercolumn {
	background: #000000;
	/*the lines below that are commented out set the padding for each side individually */ 
    padding-top: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	padding-right: 0em;
	/*padding: 0em 5em 0em 0em;*/ /*sets padding for the top then right then bottom then left */
   margin: 0em; /*sets all sides of the margin to a padding of 1em*/
	position: absolute;
	width: 686px;
	top: 127px;
	left: 51px;
	background-color: #000000;
} 

#copyright {
	background: transparent;
	/*the lines below that are commented out set the padding for each side individually */ 
    padding-top: 1em;
	padding-left: 12em;
	padding-bottom: 0em;
	padding-right: 0em;
	/*padding: 0em 5em 0em 0em;*/ /*sets padding for the top then right then bottom then left */
   margin: 0em; /*sets all sides of the margin to a padding of 1em*/
	position: absolute;
	left: 92px;
	top: 862px;
} 


h1 { /*allows us to change how the <h1> tags in our html look*/ 
   color: #FFCC00;
   font-size: 110%; /*says our h2 font-size will be 220% bigger than our normal font-size*/ 
   font-style: italic; /*makes our font italic*/ 
   font-weight: bold; /*makes our font bold*/ 

}

a:link { /*default look of link*/
   color: #FFCC00;
   font: bold "Times New Roman", Times, serif; /*for demonstration in class we did this to make our links have a different typeface than the rest of our page*/ 
   text-decoration: none;
   padding: 0em 0em 0em 0em;
}

a:visited {/*look of visited link*/
   color: #CCCCCC;
   font: bold "Times New Roman", Times, serif;
   text-decoration: none;
   padding: 0em 0em 0em 0em;
}

a:hover {/*look of link when mouse over link*/
   color: #FFFFFF;
   font: bold "Times New Roman", Times, serif;
   text-decoration: underline;
   padding: 0em 0em 0em 0em;
}

a:active {/*look of link when user is clicking their mouse*/
   color: #CCCCCC;
   font: bold "Times New Roman", Times, serif;
   text-decoration: none;
   padding: 0em 0em 0em 0em;
}

.blue { /*this is the style for the class blue in our html*/ 
   color:#0099FF;
}

p.movie { /*this sets the style for any paragraph that we set to have a class of movie*/ 
   font-size:160%;
} 
