html, body {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #196984;
	height: 100%;
	background: url('../images/background.jpg') repeat-x;
	background-color: #d6e1e5;
}

#noscript-bg {
	position: absolute;
	z-index: 1000;
	background-color: #d6e1e5;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	display: block;
}

#noscript-text {
	position: absolute;
	z-index: 1001;
	text-align: center;
	color: red;
	font-size: 24px;
	width: 100%;
	margin-top: 100px;
}

input,a {
	outline: 0px;
}

.fontstyle1 {
	font-size: 14px;
	color: #14529f;
	font-weight: bold;
}

.fontstyle2 {
	color: #6da1b4;
}

h1 {
	font-size: 16px;
	margin-bottom: 3px;
}

p {
	margin-top: 3px;
}

#menu {
	position: absolute;
	top: 214px;
	z-index: 5;
	width: 100%;
	text-align: center;
}

	#menu a {
		font-family: Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #37829d;
		padding: 0px 20px;
		line-height: 21px;
		display: block;
	}
	
	#menu a:hover {
		background-color: #d6dfe2;
		text-decoration: underline;
	}

	#menu ul {
		display: table;
		margin: 0px auto;
		padding: 0px;
	}
	
	#menu ul li {
		list-style: none;
		float: left;
		display: table-cell;
	}
	
	#menu .active a {
		background-color: #70a6b9 !important;
	}
	
	#menu .active a {
		color: #ffffff !important;
		text-decoration: none;
	}

.newsitem {
	position: relative;
	margin-top: 15px;
}

	.newsitem .nobottomborder {
		border-bottom: 0px !important;
	}

	.newsitem .title {
		position: relative;
		font-size: 14px;
		font-weight: bold;
	}

	.newsitem .date {
		position: absolute;
		top: 0px;
		right: 10px;
		text-align: right;
		line-height: 18px;
		color: #5e8fa1;
	}

	.newsitem .message {
		line-height: 18px;
		margin-bottom: 3px;
	}
	
	.newsitem .image {
		padding-bottom: 15px;
		border-bottom: 1px solid #A6BEC7;
	}

	.newsitem .image img {
		width: 445px;
		border: 0px;
	}

#m_wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto -186px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

	#m_header {
		height: 253px;
	}

	.push {
		height: 100px;
		clear: both;
		z-index: 0;
	}

	#m_footer {
		height: 33px;
		background: url('../images/footer_bg.jpg') repeat-x;
		z-index: 6;
		color: #497380;
		text-align: center;
		padding-top: 153px;
	}

#m_logo {
	position: absolute;
	width: 391px;
	height: 121px;
	left: 0px;
	top: 0px;
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	z-index: 2;
}

	#m_logo a {
		height: 63px;
		left: 7px;
		position: absolute;
		top: 49px;
		width: 384px;
		position: absolute;
		cursor: pointer;
	}

#m_banner {
	position: absolute;
	width: 980px;
	height: 190px;
	left: 0px;
	top: 63px;
	z-index: 1;
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
}

#welcome {
	position: absolute;
	left: 60px;
	top: 14px;
	z-index: 3;
	color: #4a6071;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff; 
	line-height: 100%;
}

	.unreadmessages {
		color: red !important;
		line-height: 100%;
	}

	.welcome-text {
		color: #4a6071;
		text-decoration: none;
		text-shadow: 1px 1px 0px #fff; 
		line-height: 100%;
	}
	
	.welcome-link {
		color: #1586ee;
		text-decoration: none;
		text-shadow: 1px 1px 0px #fff; 
		line-height: 100%;
	}
	
#loginpanel {
	position: absolute;
	left: 557px;
	top: 13px;
	z-index: 3;
	color: #4a6071;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff; 
	line-height: 100%;
}

#loginpanel2 {
	position: absolute;
	left: 557px;
	top: 14px;
	z-index: 3;
	color: #4a6071;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	width: 380px;
	text-align: right;
	line-height: 100%;
}

	.loginpanel-text {
		position: relative;
		float: left;
		padding: 1px 6px 0px 12px;
	}

	.inputWrapper {
		position: relative;
		background-image: url('../images/input.jpg');
		background-repeat: no-repeat;
		border: 0px;
		padding: 0px 0px 0px 4px;
		height: 18px;
		width: 100px;
		float: left;
	}
	
	.submitWrapper {
		position: relative;
		padding: 0px 0px 0px 4px;
		float: left;
	}
	
	.inputWrapper input {
		background-color: transparent;
		border: 0px;
		padding: 0px;
		width: 92px;
		font-size: 12px;
		color: #72a5b4;
	}
	
	.submitLogin {
		cursor: pointer;
	}
	
#content {
	width: 980px;
	min-height: 200px;
	left: 0px;
	z-index: 0;
	position: relative;
}

	#content a {
		color: #1586EE;
		text-decoration: none;
	}
	
	#content a:hover {
		text-decoration: underline;
	}

	.clearboth {
		clear: both;
	}

	#leftcolumn {
		width: 445px;
		float: left;
		margin-left: 30px;
		padding-right: 12px;
	}
	
	#rightcolumn {
		border-left: 1px solid #a6bec7;
		width: 450px;
		padding-left: 13px;
		float: left;
	}
	
	#latest-news {
		background: url('../images/latest-news.jpg') no-repeat;
		padding-top: 20px;
	}
	
	#active-forum-threads {
		background: url('../images/active-forum-threads.jpg') no-repeat;
		padding-top: 30px;
	}
	
	#blue-posts {
		background: url('../images/blue-posts.jpg') no-repeat;
		padding-top: 32px;
		margin-top: 15px;
	}
	
	#blue-posts-loading {
		height: 114px;
		width: 450px;
		text-align: center;
		padding-top: 30px;
		font-size: 10px;
		color: #6c6c6c;
	}
	
	#featured-movie {
		background: url('../images/featured-movie.jpg') no-repeat;
		padding-top: 22px;
		margin-top: 15px;
	}
	
		#featured-movie .title {
			margin-bottom: 4px;
			text-align: right;
			font-weight: bold;
		}
		
		#more-movies {
			margin: 10px 0px 5px 20px;
			font-weight: bold;
			display: list-item;
		}
	
	.listitem {
		height: 24px;
		position: relative;
		line-height: 24px;
	}
	
		.listitem a {
			color: #196984 !important;
			font-weight: bold;
		}
	
		.listitem .icon {
			position: absolute;
			top: 7px;
			left: 0px;
			width: 16px;
			height: 11px;
		}
		
		.listitem .blizz-icon {
			position: absolute;
			top: 7px;
			left: 0px;
			width: 17px;
			height: 11px;
			background: url('../images/blizz.jpg') no-repeat;
		}
		
		.listitem .unread {
			background: url('../images/bullet-unread.jpg') no-repeat;
		}
		
		.listitem .read {
			background: url('../images/bullet-read.jpg') no-repeat;
		}
		
		.listitem .eu {
			background: url('../images/icon-eu.jpg') no-repeat;
		}
		
		.listitem .us {
			background: url('../images/icon-us.jpg') no-repeat;
		}
		
		.listitem .title {
			position: absolute;
			left: 30px;
			top: 0px;
		}
	
		.listitem .date {
			position: absolute;
			right: 0px;
			top: 0px;
		}
		
		.listitem .date-strong {
			font-weight: bold;
		}
		
#forummenu {
	position: relative;
	z-index: 5;
	width: 100%;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

	#forummenu a {
		font-family: Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #1586EE;
		padding: 0px 20px;
		line-height: 21px;
		display: block;
	}
	
	#forummenu a:hover {
		background-color: #c3d8e0;
	}
	
	#forummenu a:hover {
		text-decoration: underline;
	}

	#forummenu ul {
		display: table;
		margin: 0px auto;
		padding: 0px;
	}
	
	#forummenu ul li {
		list-style: none;
		float: left;
		display: table-cell;
	}
	
	#forummenu .active a {
		background-color: #70a6b9 !important;
	}
	
	#forummenu .active a {
		color: #ffffff !important;
		text-decoration: none;
	}
	
#about-us {
	background: url('../images/horde.jpg') no-repeat right top;
	min-height: 370px;
	padding-left: 70px;
	padding-right: 300px;
	margin-right: 70px;
}

.classwrapper {
	padding-left: 120px;
	margin-bottom: 10px;
}

.classcontainer {
	width: 170px;
	float: left;
}

	.classcontainer .title {
		color: blue;
		font-size: 18px;
		font-weight: bold;
		font-family: Calibri,Arial, sans-serif;
		padding: 4px;
	}
	
	.classcontainer .player {
		line-height: 18px;
		position: relative;
		height: 20px;
	}
	
	.classcontainer .player .race {
		width: 18px;
		height: 18px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.classcontainer .player .class {
		width: 18px;
		height: 18px;
		position: absolute;
		left: 19px;
		top: 0px;
	}
	
	.classcontainer .player .name {
		width: 18px;
		height: 18px;
		position: absolute;
		left: 42px;
		top: 0px;
	}
	
		.classcontainer .player .name a {
			color: #196984 !important;
		}

		
#progress {
	display: table;
	margin: 20px 0px 0px 250px;
	background: url('../images/progress_bg.jpg') no-repeat;
}

	.progress-sub p {
		padding-left: 30px;
	}

	.progress-sub .column {
		float: left;
		width: 300px;
		display: table-cell;
	}
	
	.progress-sub .column ul {
		list-style: square;
	}

	.progress-sub .column ul .down {
		text-decoration: line-through;
		font-weight: bold;
	}
	
	.progress-sub .column ul li a {
		color: #196984 !important;
	}

#nowplaying {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#nowplaying .title {
	margin-left: 70px;
}

#nowplaying .pov {
	position: absolute;
	right: 70px;
	top: 0px;
}
	
#moviebox {
	text-align: center;
	width: 980px;
	height: 505px;
	background: url('../images/moviebox_bg.jpg') repeat-y;
}

#movielist {
	width: 720px;
	margin-left: 130px;
	margin-top: 20px;
}

	#movielist .movie-listitem {
		position: relative;
	}
	
	#movielist .top {
		font-weight: bold;
		font-size: 14px;
	}
	
	#movielist .lightbg {
		background-color: #ced8dc;
	}
	
	#movielist .movie-listitem .title {
		position: relative;
		padding: 3px;
	}
	#movielist .movie-listitem .pov {
		position: absolute;
		left: 400px;
		top: 0px;
		padding: 3px;
	}
	
	#movielist .movie-listitem .spec {
		position: absolute;
		left: 550px;
		top: 0px;
		padding: 3px;
	}