/* CSS Document */

body
{
	margin:0;
	padding:0;
	background:#1A3747 url(/img/site/bg_body.png) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color: #CCCCCC;	
}

.clr{
clear:both;
width:1px;
height:1px;
margin-left:-1px;
margin-bottom:-1px;
font-size:1px;
}

p, h1, h2{
padding:0;
margin:0;
}

.relatedfeature ul, .relatedfeature .li
{
	padding:0;
	margin:0;
}

.errorlist
{	
	padding: 8px;
	margin: 8px;
}

#wrapper{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1040px;
}
#header{
	position:relative;
	width:1040px;
	background:url(/img/site/header.jpg) no-repeat;
	height: 260px;
}
#main_nav{
	list-style:none;
	position:relative;
	top:224px;
	left:38px;
	width:900px;
}
#main_nav li{
position:relative;
float:left;
}
#main_nav li a{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#4dcafe;
background-color:inherit;
text-decoration:none;
padding:3px 14px;
}

#main_nav li .on
{
	color: #ffffff;
	font-weight: bold;
}

.normal {
	border-left:1px solid #2E4147;	
}

.on
{
	border-left:1px solid #2E4147;		
}

#main_nav li a:hover{
background:url(/img/site/bg_hover.jpg) repeat-x;
}

.sub_header{
	position:relative;
}
#wrapper_content{
	position:relative;
	width:1040px;
	background:url(/img/site/bg_wrapper_content.gif) repeat-y;
	left: 1px;
	padding: 0 0 30px 0;
}
#content{
	position:relative;
	width:952px;
	background-color:#000;
	color:inherit;
	left: 26px;	
	padding:0 11px;
}
#left_content{
position:relative;
float:left;
width:722px;
}
.left_top, .left_bottom{
position:relative;
float:left;
width:350px;
}
.left_bottom{
width:500px;
}
.left_bottom p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#d1d1d1;
background-color:inherit;
}
.left_top p{
font:normal 10px Arial, Helvetica, sans-serif;
color:#b2b2b2;
background-color:inherit;
}
.left_top a{
font:normal 16px Arial, Helvetica, sans-serif;
color:#3aa8c4;
background-color:inherit;
text-decoration:none;
}
.left_top a:hover, .right_top a:hover, .member:hover, .right_bottom a:hover, .right_list li a:hover{
text-decoration:underline;
}
.member{
font-size:13px;
}
.right_top{
position:relative;
float:right;
text-align:right;
width:320px;
right:8px;
top:-22px;
}
.right_top p{
font:normal 10px Arial, Helvetica, sans-serif;
color:#5a5b5b;
background-color:inherit;
}
.right_top a, .right_bottom a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#3aa8c4;
background-color:inherit;
text-decoration:none;
}
.right_bottom{
position:relative;
}
.right_bottom p{
font:normal 10px Arial, Helvetica, sans-serif;
color:#a2a2a2;
background-color:inherit;
}
h2{
font:normal 12px Arial, Helvetica, sans-serif;
color:#348fd0;
background-color:inherit;
}
#list_1{
position:relative;
list-style:none;
width:500px;
padding:10px 0 0 0;
}
#list_1 li{
font:normal 12px Arial, Helvetica, sans-serif;
color:#d1d1d1;
background-color:inherit;
background:url(/img/site/bullet.gif) no-repeat;
padding:0px 0 7px 15px;
}
#right_content{
	position:relative;
	float:right;
	width:220px;
	padding: 10px 0 0 0;
}
.right_box{
position:relative;
width:220px;
margin:0 0 10px 0;
}
.hd_box{
position:relative;
background:url(/img/site/bg_header_right.jpg) no-repeat;
width:200px;
height:23px;
padding:8px 0 0 20px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#7dc5f9;
background-color:inherit;
}	
.ct_box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:1px;
	width:174px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:6px 11px 10px 12px;
	color:inherit;
	background:url(/img/site/bg_right_box.jpg) 170px bottom no-repeat #212121;
}
.right_list{
position:relative;
list-style:none;
width:174px;
}

.right_list li
{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	background-color:inherit;
	background:url(/img/site/bullet.gif) no-repeat left;		
	padding:0px 0 0px 15px;
	text-decoration:none;
	line-height: 16px;
}

.right_list li a
{	
	color:#87AAD0;	
	text-decoration:none;
}

.contentlist {
	position:relative;
	list-style:none;
}

.contentlist li
{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	background-color:inherit;
	background:url(/img/site/cbullet.gif) no-repeat left;
	padding:0px 0 0px 15px;
	text-decoration:none;
	line-height: 16px;
}

.contentlist li a
{	
	color:#c9c9c9;	
	text-decoration:none;
}

#footer{
position:relative;
width:1040px;
background:url(/img/site/bg_footer.gif) left bottom no-repeat;
height:81px;
text-align:center;
color:#278eb0;
background-color:inherit;
font:normal 10px Arial, Helvetica, sans-serif;
}
#footer p{
position:relative;
top:-20px;
}

#footer a
{
	color: #4DCAFE;
}

#footer a:visited
{
	color: #4DCAFE;
}

.read_more{
	font:normal 9px Arial, Helvetica, sans-serif;
	color:#278eb0;
	background-color:inherit;
	text-decoration:underline;
}
.read_more a:hover{
	color:#185a6b;
		background-color:inherit;
}
.grey{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#626262;
	background-color: inherit;
}
.red{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#e41414;
		background-color:inherit;
}
.raid_img{
	float:left;
	padding: 0 10px 5px 0;
}
.ct_box p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	background-color:inherit;
	padding: 7px 0 0 0;
}
.contact{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	padding: 0 0 0 20px;
}
#form1{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#33CCFF;
	background:inherit;
	border:1px #003366;
	padding:5px 0 5px 0;
}

/* General Content */
.generalcontent
{
	position:relative;
	width:722px;	
	padding:0px 0 5px 0px;
}

.hd_generalcontent, .ft_generalcontent 
{
	position:relative;
	width:722px;
	height:31px;
	background:url(/img/site/bg_hd_art.jpg) no-repeat;
	font-size:1px;	
	padding-left: 32px;
}

.ft_generalcontent
{
	background:url(/img/site/bg_ft_art.jpg) no-repeat;
}

.ct_generalcontent
{
	position:relative;
	width:680px;
	border-left:1px solid #393939;
	border-right:1px solid #393939;
	background-color:#181818;
	color:inherit;
	margin-left: auto;
	margin-right:auto;
	padding: 0 0 0 20px;
}

.generalcontent_left_top
{
	position:relative;		
	width:680px;
	right:8px;
	top:-24px;
}

.generalcontent_right_top
{
	position:relative;
	float:right;
	text-align:right;
	width:320px;
	right:8px;
	top:-30px;
}

.generalcontent_left_top p
{
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#b2b2b2;
	background-color:inherit;	
}

.generalcontent h1
{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ffffff;		
	padding-bottom: 2px;
	margin: 0px;
}

.generalcontent h1 a
{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ffffff;		
	padding-bottom: 2px;
	margin: 0px;	
	text-decoration: none;
}

.generalcontent h1 a:hover
{	
	text-decoration: underline;
}

.generalcontent h1 a:visited
{
	color:#ffffff;		
}

.generalcontent h2
{
	font:16px Arial, Helvetica, sans-serif;	
	color:#ffffff;	
	padding-bottom: 2px;
	margin: 0px;
}

.generalcontent h3
{
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-bottom: 2px;
	margin: 0px;	
}

.generalcontent h3 a
{
	color: #FFB019;
}

.generalcontent h3 a:hover
{
	color: #FFB019;
}

.generalcontent h3 a:visited
{
	color: #FFB019;
}

.generalcontent p
{
	font:12px Arial, Helvetica, sans-serif;
	color: #CCCCCC;	
}

p a
{		
	color: #4DCAFE;
}

p a:hover
{
	color: #4DCAFE;
}

p a:visited
{
	color: #4DCAFE;
}

.pages a
{
	color: #FFB019 !important;	
}

.pages a:hover
{
	color: #FFB019 !important;
}

.pages a:visited
{
	color: #DBB019 !important;
}

.generalcontent a
{
	font:12px Arial, Helvetica, sans-serif;
	color: #4DCAFE;
}

a, a:visited, a:hover
{
	font:12px Arial, Helvetica, sans-serif;
	color: #4DCAFE;
}

.generalcontent_body
{
	position:relative;	
	width:660px;
}

.generalcontent_section
{
	background: #293446 url(/img/Tables/tblgridbg.jpg) repeat-x;
	border: solid 1px #333333;
	width: 700px;
	padding: 3px;
}

.generalcontent_section h2 a
{
	color: #FFFFFF;
	font-weight: bold;	
	text-decoration: none;
}

.generalcontent_section h2 a:hover
{
	text-decoration: underline;	
}

.generalcontent_section h2 a:visited
{
	color: #FFFFFF;
	font-weight: bold;				
}

.grid_table
{
	border-collapse:collapse;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	width: 708px;
}

.grid_table a
{
	font-weight: bold;
}

.grid_table_header
{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;	
	color: #FFFFFF;	
	background: #161616 url(/img/Tables/tblr1bg.jpg) repeat-x;	
}

.grid_table_header a
{
	text-decoration: none;
	color: #FFFFFF;	
}

.grid_table_header a:hover
{
	text-decoration: underline;
	color: #FFFFFF;	
}
.grid_table_header a:visited
{
	text-decoration: none;
	color: #FFFFFF;	
}

.grid_table_header td
{
	height: 22px;
}

.grid_r0
{	
	background: #262525 url(/img/Tables/tblr0bg.jpg) repeat-x;		
}

.grid_r1
{
	background: #161616 url(/img/Tables/tblr1bg.jpg) repeat-x;		
}

.grid_table td
{
	padding: 4px;
}

.separator
{
	color: #2E4147;
	font-weight: bold;	
}

/* Calendar */
table.calendarDateSheet
{
	background-color: #FFFFFF; 
	text-align: center;
	width: 32px;
	border-collapse: collapse;
	padding: 0px;
}

.calendarDateSheet td.month 
{
	display: block;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	padding: 1px;
	background: #A0A0A0;		
}
	
.calendarDateSheet td.day 
{  	
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	padding: 2px;
}

/* Info Box */
.infobox
{
	padding: 4px;
	background: #F7F7F9 url(/img/Site/infobg.jpg) repeat-x bottom;
	color: #575757;
	border: solid 1px #575757;
	width: 650px;
}

.infobox p
{
	color: #575757;
}

.infobox a
{
	color: #000000;	
}

.infobox a:hover
{
	color: #000000;	
}

.infobox a:visited
{
	color: #000000;	
}

/* Who's Online - Quick Summary */
div.whosonlinequick
{
	border-color: #000000; 
	border-top-style: solid; 
	border-bottom-style: solid; 
	border-top: 1px; 
	border-bottom: 1px;	
}

.whosonlinequick a
{
	color: #FFFFFF;
}

table.whosonlinequick
{
	border-width: 0px;	
	background: #383838 url(/img/blackbarbg.jpg) repeat-x bottom;
	border-bottom: 1px;
	border-color: #000000;	
	width: 100%;
	padding: 0px;	
	border-collapse: collapse;		
}

table.whosonlinequick td
{		
	color: #FFFFFF;		
	height: 45px;	
}

.whosonlinequick div.whocell
{
	padding-left: 4px;
	padding-right: 4px;		
}

.whosonlinequick span
{
	color: #000000;
}

/* Editor */
.editor
{
}

.editor ul
{
	margin: 0; 
	padding: 0; 
	list-style: none;
	clear: left;
}

.editor img
{
	border: 0px;
}

/* Forms */
.form .button
{
	border-color: #0070E0; 
	border-width: 1px;
	color: #E8D002;
	background-color: #0F2252;		
	font:normal 12px Arial, Helvetica, sans-serif;
}

.form .textbox
{	
	background-color: #081115;	
	border: solid 1px #7F7F7F;	
	padding: 2px;
	color: #FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.form .checkbox
{		
	border: 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.form .dropdown
{		
	background-color: #002151;	
	border: solid 1px #7F7F7F;		
	color: #FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
}

/* Forum */
.forum a
{
	color: #4DCAFE;	
}

.forum a:visited
{
	color: #4DCAFE;
}

.forum a:hover
{
	color: #4DCAFE;
}

/* Notice */
.notice p span
{
	color: #FF1322;
}

/* Body */
.body
{
	color: #CCCCCC;	
}

/* Gallery */
.galleryimage
{
	border: solid 2px #393939;
}

.galleryimageOn
{
    border: solid 2px #5B5B5C;
}

.formPanel
{
	padding: 10px;
	background-color: #000000;
	border: solid 1px #7F7F7F;	
}

/* Join Us Showcase Box */
.showcase
{
	padding: 4px;
	background: #212121 url(/img/JoinUs/ShowBG.jpg) repeat-x top;
	color: #575757;
	border: solid 1px #000000;
	width: 660px;
}

.showcase p
{
	color: #C9C9C9;
}

.showcase a
{
	color: #4DCAFE;	
}

.showcase a:hover
{
	color: #4DCAFE;	
}

.showcase a:visited
{
	color: #4DCAFE;	
}

/* Join Us Banner Image */
.bannerimg
{
	border: solid 1px #000000;
	margin: 0px 0px 16px 0px;
}

/* Document Static Images */
.staticimage
{
	background: #505050;
	border: solid 1px #3C4952;
	padding: 4px; 
	width: 252px;
	text-align: left;	
}

.staticimage img
{
	border: solid 1px #000000;
	margin-bottom: 4px;

}

.imageborder img
{
	border: solid 1px #000000;	
}

/* Embedded Images */
.embeddedimage
{	
	background: #505050;
	border: solid 1px #3C4952;
	padding: 4px; 	
	text-align: left;		
	margin: 2px auto 2px auto;
	width: 440px;
}

.embeddedimage img
{
	border: 0px;
	margin-bottom: 4px;	

}

/* Guild Colors */

.hordeguild p
{
	color: #FF1515;
}

.hordeguild a
{
	color: #FF1515;
	font-weight: normal;
}

.hordeguild a:hover
{
	color: #FF1515;
	font-weight: normal;
}

.hordeguild a:visited
{
	color: #FF1515;
	font-weight: normal;
}

.allianceguild p
{
	color: #5F99FF;
}

.allianceguild a
{
	color: #5F99FF;
	font-weight: normal;
}

.allianceguild a:hover
{
	color: #5F99FF;
	font-weight: normal;
}

.allianceguild a:visited
{
	color: #5F99FF;
	font-weight: normal;
}

/* gallery forum link */

.galleryforumlink
{
	padding: 4px;
	margin: 4px;
	text-align: center;	
}

.gallerytitle a, .gallerytitle a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.gallerytitle a:hover
{	
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

.gallerycategory span
{
	color: #CCCCCC;		
}

.gallerycategory a, .gallerycategory a:visited
{
	color: #CCCCCC;	
	text-decoration: none;
}

.gallerycategory a:hover
{
	color: #CCCCCC;	
	text-decoration: underline;
}

/* forum list */
.forumbodylist
{	
	line-height: 16px;
	list-style: disc;
	list-style-position: inside;	
	padding-top: 00px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.forumbodylist li
{
	font:normal 12px Arial, Helvetica, sans-serif;		
	padding:0px 0 0px 15px;						
	margin: 0px 0px 0px 15px;
	line-height: 16px;
}

/* forum previews */
.preview
{
	font:12px Arial, Helvetica, sans-serif;
	color:#CCCCCC;			
}

.preview a
{
	color: #CCCCCC;
	text-decoration: none;
}

.preview a:hover
{
	color: #CCCCCC;
	text-decoration: underline;
}

.preview a:visited
{
	color: #CCCCCC;
	text-decoration: none;
}

/* news items */
.newslist {
	position:relative;
	list-style:none;
}

.newslist li
{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	background-color:inherit;
	background:url(/img/site/item.gif) no-repeat left;
	padding:0px 0 0px 10px;	
	text-decoration:none;
	line-height: 16px;
}

.generalcontent h3 a
{
	color: #FFB019;
}

.generalcontent h3 a:hover
{
	color: #FFB019;
}

.generalcontent h3 a:visited
{
	color: #FFB019;
}

/* link - hover */
.linkhover a
{
	text-decoration: none;
	color: #CECECE;
}

.linkhover a:hover
{
	text-decoration: underline bold;
}

.linkhover a:visited
{
	text-decoration: bold;
}

/* main header */
.mainheader
{
	border-bottom: solid 1px #565656; 
	margin-bottom: 4px;
}

/* home page */
.topstory
{
	height: 100%;
	background: #505050;
	border: solid 1px #3C4952;
	padding: 10px; 	
	text-align: left;	
	margin-top: 14px;
}

.topstory img
{	
	border: solid 1px #000000;
	margin-right: 10px;	

}

.mainbody
{
	border: solid 1px #3A4851;
	background: #181818;
	padding: 4px;
}

.mainbody a
{
	text-decoration: none;
}

.mainbody a:hover
{
	text-decoration: underline;
}

.mainbody a:visited
{
	text-decoration: none;
}

.small, .small a, .small a:hover, .small a:visited
{
	font-size: 8pt;	
}

.mainfeature
{
	border: solid 1px #19334A;
	padding: 6px;
	background: #110F12 url(/img/home/featurebg.jpg) no-repeat top left;
}

.mainfeature h1
{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ffffff;		
	padding-bottom: 8px;
	margin: 0px;
}

.mainfeature .image
{
	background:url();
}

.relatedfeature h1
{
	color: #EAFDFF;
	font: 14px bold;
	border-bottom: solid 1px #394752;
	margin-bottom: 10px;
}

.relatedfeature
{
	border: solid 1px #16242E;
	padding: 6px;
	background: #0F1114 url(/img/home/relatedbg.jpg) repeat-x;	
	margin-bottom: 10px;
}

.advertiers
{
	width: 100%;
	margin: auto;
	text-align: center;	
}



.blizzquotewrap {
padding: 10px 20px 10px 20px;

}
.blizzquoteheader
{
color: #0099FF;
background-color: #333;
padding: 5px;
font-size: 11px;
}
.blizzquoteinner { 
background-color: #333;
padding: 0 5px;
}
.blizzquoteheader span
{
display: block;
background: transparent url(http://static.mmo-champion.com/mmoc/Themes/mmo2/images/xs/blizz_ico.gif) left top no-repeat;
padding-left: 30px;
height: 21px;
line-height: 21px;
}
.blizzquote {
color: #0099FF;
padding: 10px 5px 5px 5px;
font-size: 11px;
background: #333 url(http://static.mmo-champion.com/mmoc/Themes/mmo2/images/xs/bg/blizzquotesep.gif) left top no-repeat;
}

/* article */
.article
{
	font-family:verdana, helvetica, sans;	
	font-size:13px;	
}

.article p 
{
	font-family:verdana, helvetica, sans;
	margin: 0 0 1em;
	font-size:13px;	
	line-height: 1.2;
}

.article h2
{
	color: #EAFDFF;
	font: 15px bold;
	font-weight: bold;
	border-bottom: solid 1px #394752;
	margin-top: 25px;
	margin-bottom: 10px;				
}

.article li
{
	line-height: 20px;	
}

.article img
{
	padding: 14px 0px 14px 0px;
}

.feedflare
{
	display: none;
}

/* Overlays */

#overlayScreen
{
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;		
	display: none;	
}

#overlayWindow
{	
	z-index: 10000;
	width: 460px;
	height: 450px;
	background-color: #ffffff;		
	border: solid 2px #000000;	
	position:fixed;
	display: none;
}

/* Drop Down Menus */
.menuJoinUs
{	
	position: absolute;
	width: 720px;
	top: 250px;
	left: 70px;		
	z-index: 1000;		
	display: none;	
}

.dropdownfeature h1
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #394752;
	margin-bottom: 10px;
}

.dropdownfeature
{	
	border: solid 1px #16242E;
	padding: 8px;
	background: #000000;
	margin-bottom: 10px;	
}

.dropdownfeature a.menuOption, .dropdownfeature a:visited.menuOption, .dropdownfeature a:hover.menuOption
{
	text-decoration: none;
	font-size: 14px;	
	color: #FFFFFF;
}