@charset "utf-8";
/* CSS Document */

/* These control styles for elements such as paragraphs, headers, and link color. A block statement of styles related to an element is called a rule. */

body {background-color:#000; background-image: url(../images/background.jpg); background-position: top left; background-repeat: no-repeat; margin: 0 0 0 0 ;}

h1{font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 66px; font-weight: bold; text-transform: uppercase; line-height: 0px; margin: 42px 0 0 0;}

h2{font-family: Arial, Arial, Helvetica, sans-serif; color: #ff6633; font-size: 13px; font-weight: bold; }

h3 {font-family: Arial, Arial, Helvetica, sans-serif; color: #99cc00; font-size: 18px; font-weight: bold; line-height: 16px; margin: 35px 0 0 0;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px;}

ul {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; list-style:none;}

a {color: #5eb6e4;}

/* If I want to add a hover property to my links, I can add it like this: */

a:hover {text-decoration: none;}


/* These styles control the layout of the page and need to be called inside the tag. For example, <div id="adcontent"> */

#adcontent {margin: 0 0 0 0 ; 
            width: 250px; 
			padding: 10px 0 0 0;
			background-color:#111;
			}
/* Let's say I want to change a style for one section of the page. I can override the universal style applied to a common attribute, such as a paragraph, like below. I only need to change the elements I want. All other global styles for paragraphs will still apply. In this case, color and font will remain the same. */
			
#adcontent p {font-size: 12px;}
			

#header {
	width: 450px;
	position: absolute;
	left: 250px;
	top: 0px;
	background-color:#000;
	
	padding: 0 20px 0 20px;
}

#content {
	width: 450px;
	position: absolute;
	left: 250px;
	top: 125px;
	background-color:#000;
	padding: 0 20px 0 20px;
}