/* CSS Document */

body{
background: url(../images/harryptr.jpg) repeat; /* -x #000000;  */
margin: 0px;
colour: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
}
#container {
	position: relative;
	width: 800px;
	margin: auto;
	height: 1000px;
	background-color: #333333;
}

div.contentarea {
	position:absolute;
	width: 339px;
	left: 337px;
	top: 9px;
	font:11px;
	text-align:justify;
}

div.imageholder{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
	position:absolute;
	width:313px; /*Width of Image*/
	height:370px; /*Height of Image*/
	left:11px; /* This is applied relative to edge of container */
	top:54px;
	background-color: #FFFFFF;
}
div.logotext{
	position:absolute;
	width:670px;
	height:90px;
	left:7px;
	top: 531px;

}


div.gossip{
	position:absolute;
	left:5px;
	top: 626px;
	width:684px;
	overflow: auto;
	background-color: #FFFFCC;
	font-size: 16px;
}

div.ads{
	position:absolute;
	width:124px;
	height:638px;
	left:680px;
	top: -17px;
}

div.ads_h{
	position:absolute;
	left:7px;
	top: 1280px;
	width:780px;
	overflow: auto;
	background-color: #FFFFCC;
}

div.navigation{
	position:absolute;
	width: 312px;
	height: 32px;
	left : 10px;
	top: 10px;
	z-index: 5; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
	line-height:30px;
/*	font-size: 18px;  */
	color:#663300;
	background-color: #FFFFFF;
}
.style1 {
	color: #003366;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.hometext {
	color: #660099;
	font-weight: lighter;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}


a.navigation:link {
            color: #ff5533;
            text-decoration: none;
/*			font-size: 12px;  */
}
a.navigation:visited {
            text-decoration: none;
            color: #663300;
}
a.navigation:hover {
            text-decoration: none;
            color: #FFFFFF;
            background: #663300;
}
a.navigation:active {
	text-decoration: none;
	color: #990000;
/*	font-size: 12px;  */
	font-family: Arial, Helvetica, sans-serif;

}



div.contentarea2 {
	position:absolute;
	width: 673px;
	left: 1px;
	top: 380px;
	font:11px;
	text-align:justify;
	background-color: #CC3366;
}
.gossiptext {
	color: #CCCC33;
	font-weight: lighter;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.HarryPotterGeneralText {color: #CCCCCC}