/*======================================
	GLOBALS
=======================================*/
body
{
	text-align:center; 
	font-family:Arial,Tahoma, Sans Serif;
	color:#2c2c2c; 
	margin:0; 
	padding:0; 
	font-size:12px;
	background: #000 url(images/site_background.jpg) no-repeat 50% 0; 	
}
h1
{
	color:#ffd655;
	margin:0; 
	padding:0; 
	margin-left:15px;
	margin-bottom:8px;
	font-weight:bold; 
	font-size:16px; 	
}
h2
{   color:#000066;
	font-size:14px; 
	border:0; 
	margin-bottom:5px;

}
h3
{
	color:#3e1918; 
	font-size:14px; 
	font-weight:600; 
	margin:0px 0px 2px 0px; 
	padding:0; 
}
a
{
	color:#754C24;
	text-decoration:none; 
}
a:hover
{
	color:#bc7a3a; 
}
img
{
	border:0; 
	vertical-align:middle; 
}

/*======================================
	LAYOUT
=======================================*/
#site
{
	width:798px; 
	min-height:600px; 
	text-align:left; 
	margin:0 auto;  
}
#header
{
	background:url(images/wow_logo_top.jpg) no-repeat 0px 8px; 
	height:61px;

	clear:both; 
	z-index:2;
}
#body-wrapper
{
	width:100%; 
	background:url(images/left_column_tile.jpg) repeat-y 22px; 
	position:relative;
	text-align:left;
	padding-left:14px; 
	float:left; 
	
	
}

#container
{
	position:relative;
	text-align:left;
	width:100%;
	float:left; 
	background:url(images/right_column_background.jpg) repeat-y top right;


}

#content-wrapper
{
	position:relative;
	width:100%;
	margin:0;
}
#center-column
{

	position:relative;
	background:url(images/content_background.jpg) repeat-y 165px 10px; 
	padding:0px 189px 0px 192px;
	margin-bottom:10px;
}	 
#left-column
{
	position:relative;
	z-index:100;
	float:left;
	width:150px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px; /* actual value */
	background:url(images/wow_logo_bottom.jpg) no-repeat -14px 0; 
	
	margin:0 0 0px 0;
	padding-top:30px;

	
}
#right-column
{
	position:relative;
	float:right;
	padding-right:34px;
	padding-left:10px;
	padding-top:10px;
	width:143px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:143px; /* actual value */
	z-index:99;
	text-align:center; 
}
#footer
{
	padding-top:20px; 
	width:100%;
	margin:0;
	text-align:center;
	color:#f6e7cd;
	font-size:10px; 
	height:15px;
	float:left; 
	background:url(images/footer_bar.jpg) repeat-x; 
}
#content-bottom
{
	float:left; 
	width:100%;
	position:relative; 
	background:url(images/content_bottom.jpg) no-repeat 165px bottom; 
}
#content-top
{
	float:left; 
	width:100%;
	position:relative; 
	background:url(images/content_top.jpg) no-repeat 0px top; 


}
/*======================================
	MENU
=======================================*/

.menu
{
	width:140px;
	margin-left:11px;
	margin-bottom:5px; 
}
.menu-title
{
	background:0; 
	color:#e6a941; 
	height:19px;  	
	margin-bottom:0px;  
	text-align:center; 
	font-weight:600; 
	font-size:12px; 
}
.menu-items
{
	/*background:url(images/menu_body_top.jpg) no-repeat 0px 19px;*/
	
	
}
.menu ul
{
	
	padding:0; 
	margin:0; 
	list-style:none; 
}
.menu li
{
	background:0; 
	text-align:left; 
	padding:0; 
	margin:0; 
	margin-left:3px; 
	margin-right:2px; 

	
}
.menu li a:hover, .menu li a.active
{
	background: url(images/menu-over.jpg) no-repeat 0 5px;
}

.menu li a
{
	padding:5px;
	padding-left:7px; 
	color:#e6a941; 
	font-size:12px;
	display:block; 
}
/*
.menu li:hover
{
	background: #372626 url(images/menu-over.jpg) no-repeat; 
	cursor:pointer; 
}*/
.menu-bottom
{
	background:url(images/menu_bottom.jpg) no-repeat; 
	width:162px; 
	height:16px; 
	
}
.download-cheats
{
	background:url(images/download_cheats.jpg) no-repeat;
	width:129px;
	height:51px;
	display:block;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px; 
}
.download-cheats:hover
{
	background:url(images/download_cheats-over.jpg) no-repeat;
}
.articles
{
	
	text-align:left; 
	
	background:url(images/right_menu_background.jpg) repeat-y; 
	margin-bottom:10px;
	
}
.articles-top
{
	height:15px;
	background:url(images/right_menu_top.jpg) no-repeat; 
	padding:8px 8px 2px  12px;
	font-weight:bold; 
	font-size:12px;
	color:#ffefd5; 
}
.articles-bottom
{
	width:142px;
	height:10px;
	background:url(images/right_menu_bottom.jpg) no-repeat 0 bottom; 
}
.articles ul
{

	padding:0; 
	width:125px;
	margin:0 8px 0 8px;
	
}	
.articles li
{
	
	background: #fff url(images/right_menu_articles_background.jpg) repeat-y; 
	border-bottom:solid 1px #c3a064; 
	list-style:none; 
	
	margin:0; 
}
.articles a 
{
	
	
	padding:5px;
	font-size:10px;
	
	display:block; 

	color:#2c2c2c;  
}
/*======================================
	HEADER
=======================================*/

#site-title
{
	width:371px;
	height:38px;
	display:block;
	background:url(images/page_title.jpg) no-repeat; 
	float:right; 
}
#header-menu
{
	text-align:center; 
	padding-top:1px;
	height:19px;
	clear:both;
	position:relative;
	top:52px; 
	right:0px; 
}
#header-menu ul
{
	width:100%; 
	margin:0; 
	padding:0; 
	margin-top:-1px; 
	list-style:none; 
}
#header-menu li
{
	padding-right:22px; 
	padding-left:22px; 
	display:inline;
	padding-top:3px; 
	padding-bottom:4px; 
	list-style:none; 
}	
#header-menu span
{
	
}
#header-menu li:hover
{
	cursor:pointer; 
}
#header-menu a
{
	font-weight:400; 
	color:#d6ab30; 
	font-size:14px; 
	text-decoration:none; 
}

#header-menu .active
{
	background:url(images/header_active.jpg) repeat-x; 
	border:0; 
}
#header-menu .active a
{
	color:#000; 
}
/*======================================
	CONTENT
=======================================*/
#content h1
{
	margin-bottom:8px;
}
#content ul
{
	margin:0; 
	padding-left:10px; 
}
#content li
{
	padding:3px 3px 3px 0px;
	margin:0; 
}
#content
{
	/*background:url(images/content_background.jpg) repeat-y; */
	text-align:left;
	margin:0 0px 0px 0px; 
 
}

#content-info
{
	
	padding-top:140px;
	padding-bottom:3px;
	text-align:left; 
	
}
#content-holder
{
	margin:auto;
	min-height:346px;
	height:auto !important;
	height:346px;
	background:#f5e7cd; 
	border:solid 3px #c3a064;
	padding:7px;
	margin-left:3px;
	margin-right:3px;
}
#content p
{
	text-indent:20px; 
	font-size:12px; 
	margin:0; 
	margin-bottom:10px; 
}

/*======================================
	ADVERTISEMENT
=======================================*/
.advertisement, .advertisement2
{
	/* Touch */
	font-size:12px; 
	
	margin-bottom:8px;
	padding:6px; 

}
.advertisement strong, .advertisement2 strong
{
	color:#002f88; 
	font-weight:700; 
}
.advertisement a, .advertisement2 a
{
	color:#3a3e1f;
}
.advertisement a:hover, .advertisement2 a:hover
{
	text-decoration:underline; 
}
.advertisement2 a
{
	color:#ffd947;
}
.advertisement2
{
	margin: 15px auto 15px auto;
	outline:solid 2px #3e1918; 
	text-align:center;
	width:80%;
	padding:3px; 
	font-size:14px; 
	background:#93996d;
}
.advertisement2 div
{
	border:solid 1px #ffd947; 
	padding:2px; 
}
/*======================================
	LEFT NAV
=======================================*/
/*
#left-nav div.menu
{
	
	background:url(images/left_bg.gif) repeat-y; 
}
#left-nav div.menu-title
{
	margin-top:5px; 
	color:#fff; 
	font-size:14px; 
	background:url(images/left_main.gif) no-repeat;
	height:24px; 
	padding-top:10px; 
	text-align:center; 
}


#left-nav .menu ul
{
	background:url(images/left_bottom.gif) no-repeat;
	background-position:bottom center;
	list-style:none;
	margin:0; 
	padding:0; 
	padding-bottom:6px; 
}
#left-nav div.menu li
{
	color:#fff; 
	padding:3px; 
	padding-left:18px; 
	margin:0; 
}	
#left-nav .menu li:hover 
{
	
	
}
#left-nav .menu a
{
	color:#fff;
}
#left-nav .menu a:hover, #left-nav .menu a.active
{
	text-decoration:underline; 
}

/*======================================
	MENU TITLE
=======================================
#right-nav .menu-title
{
	color:#fff; 
	font-size:12px; 
	background:#f4a95e;
	text-align:right;
	clear:both; 
	
}
.menu-title b.bt, .menu-title b.bt b, .menu-title b.bb, .menu-title b.bb b 
 {
   display: block; 
   height: 5px;
   background:url(images/orange_corners.jpg) no-repeat;
   position:relative
}
.menu-title b.bt    {top: 0px; left: 0px}
.menu-title b.bt b {background-position:100% -5px;  left: 0px}
.menu-title b.bb    {background-position:0   -10px;  top:0px; left: 0px}
.menu-title b.bb b {background-position:100% -15px; left: 0px}
 
#right-nav .menu-title span
{
	padding-right:10px; 
}
/*======================================
	MENU
=======================================
.menu b.bt, .menu b.bt b, .menu b.bb, .menu b.bb b 
 {
   display: block; 
   height: 10px;
   background:url(images/gray_corners.jpg) no-repeat;
   position:relative
}
.menu b.bt    {top:-2px; left: -4px}
.menu b.bt b {background-position:100% -10px;  left: 8px}
.menu b.bb    {background-position:0   -20px;  top:2px; left: -4px}
.menu b.bb b {background-position:100% -30px; left: 8px}
#right-nav .featured
{
	float:left;
	margin-bottom:5px; 
}
#right-nav .featured div
{	
	float:left; 
 
}
#right-nav .featured-text
{
	float:left; 
	width:60px;
	padding:3px; 
	padding-top:12px; 
}

#right-nav .menu 
{
	border:0; 
	font-size:10px;
	margin-top:5px; 
	padding:4px; 
	padding-top:0px; 
	padding-bottom:0px; 
	background:#ececec;
}
#right-nav .menu ul
{
	list-style:none; 
	margin:0; 
	padding:0; 
}
#right-nav .menu li
{
	border-bottom:solid 1px #f4aa60; 
	background:0; 
	color:#9c6550;
	padding:2px; 
	
}

#right-nav .menu a
{ 
	color:#9c6550;
}
#right-nav .menu a:hover
{
	color:#f4aa60;
	background:0; 	
}
/*======================================
	FOOTER
=======================================*/

#footer-info
{
	float:left; 
	margin-left:10px;  
}
#footer-menu 
{ 
	margin-right:15px; 
	float:right; 
	width:440px; 
	text-align:right; 
	margin-left:15px; 
}
#footer-menu ul
{
	margin:0; 
	padding:0; 
	display:inline; 
	list-style:none; 
}
#footer-menu li
{
	display:inline; 
}
#footer-menu a
{
	color:#f6e7cd;
	text-decoration:none; 
}
#footer-menu a:hover, #footer-menu a.active
{
	text-decoration:underline; 
}


/*======================================
	TYPOGRAPHY
=======================================*/

a.button
{
	background:url(../images/btn.png) no-repeat; 
	display:block; 
	width: 305px; 
	height: 32px; 
	font-size:18px; 
	color:#ffff33; 
	padding:17px 5px 5px 45px; 
}
a.button:hover{ text-decoration:none 
}

ul
{
margin-top: 4px;
margin-bottom: 6px;
}

ol
{
margin-top: 4px;
margin-bottom: 5px;
}

/*======================================
	CREATED BY (NOT BEING USED) 
=======================================*/
#created-by, #created-by a
{
	clear:both; 
	
	text-align:center; 
	font-size:10px; 
	padding-top:20px; 
	width:100%;
	color:#AAA; 	
}
#created-by a
{
	text-decoration:underline; 
}