@charset "utf-8"; 

html { min-width: 1006px; }

body {
  background-color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffa400;
	text-align: center;
  margin: 0;
	padding: 0;
  background-image: url("fileadmin/chron-tmpl/body-bg-baked-1920px.jpg"); 
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
}

img {
	vertical-align: middle;
	border: none;
}

a:link, a:visited, a:active{
	color: #ffa400;
	text-decoration: none;
}

a:hover{
	color: #ffffff;
	text-decoration: none;
}

table {
	text-align: left;
	border: # 0px none;
}

/* menu */
#menu { 
  width: 623px; 
  height: 65px; 
  position: absolute; 
  left: -21px; 
  top: 8px; 
  background: #5a3110 url("fileadmin/chron-tmpl/menu-tab.jpg") no-repeat; 
  -moz-user-select: none; 
  -webkit-user-select: none; 
  user-select: none;
}
#menu li { 
  width: 102px; 
  float: left; 
  height: 65px; 
  list-style-type: none;
}
#menu li a { 
  height: 65px; 
  display: block; 
  text-align: center; 
  text-transform: uppercase; 
  color: #ffa400; 
}
#menu li a span { 
  padding-top: 45px; 
  display: block; 
  font: normal 12px Arial, Verdana, serif; 
  text-shadow: #000 0 0 5px; 
  background: url("fileadmin/chron-tmpl/menu-icons.png") 0 -13px no-repeat; 
  position: relative; 
  top: -5px 
}
#menu li a:hover { 
  color: white; 
  background-image: url("fileadmin/chron-tmpl/menu-tab.jpg") 
}
#menu li a.active { 
  color: #fff; 
  background-image: url("fileadmin/chron-tmpl/menu-tab.jpg");
  -moz-box-shadow: 0 0 15px #ff7501; 
  -webkit-box-shadow: 0 0 15px #ff7501; 
  box-shadow: 0 0 15px #ff7501; 
  position: relative; 
}
#menu li.menu-game,
#menu li.menu-forums { 
  width: 104px; 
}
#menu li.menu-forum,
#menu li.menu-media {
  width: 105px; 
}
#menu li.menu-portal a:hover { 
  background-position: 0 -65px; 
}
#menu li.menu-portal a.active { 
  background-position: 0 -130px;
}
#menu li.menu-portal a span { 
  background-position: 0 -13px;
}
#menu li.menu-game a:hover { 
  background-position: -102px -65px;
}
#menu li.menu-game a.active { 
  background-position: -102px -130px;
}
#menu li.menu-game a span { 
  background-position: -102px -13px;
}
#menu li.menu-forum a:hover { 
  background-position: -206px -65px;
}
#menu li.menu-forum a.active { 
  background-position: -206px -130px;
}
#menu li.menu-forum a span { 
  background-position: -206px -13px;
}
#menu li.menu-media a:hover { 
  background-position: -311px -65px;
}
#menu li.menu-media a.active { 
  background-position: -311px -130px;
}
#menu li.menu-media a span { 
  background-position: -311px -13px;
}
#menu li.menu-forums a:hover { 
  background-position: -416px -65px;
}
#menu li.menu-forums a.active { 
  background-position: -416px -130px;
}
#menu li.menu-forums a span { 
  background-position: -416px -13px;
}
#menu li.menu-services a:hover { 
  background-position: -520px -65px;
}
#menu li.menu-services a.active { 
  background-position: -520px -130px;
}
#menu li.menu-services a span { 
  background-position: -520px -13px;
}

/* baked background */

#header,
#header .header-plate-wrapper,
#header .navigation,
#content { 
  background: none; 
  filter: none; 
}
#header .user-plate { 
  background: none; 
}
#content {                 
  background-color: none; 
  padding: 0; 
  margin: 0 6px; 
}                     
#menu,
#menu li a span { 
  background: none; 
}
#menu li a:hover, #menu li a.active { 
  background-image: url("fileadmin/chron-tmpl/menu-tab-baked-1920px.jpg"); 
}

/* content */
#content { 
  background: url("fileadmin/chron-tmpl/content-bg.png") 0 0 repeat-y; 
}
#content .content-top { 
  background: url("fileadmin/chron-tmpl/content-top.jpg") 0 0 no-repeat; 
}
#content-bot { 
  padding-top: 30px; 
  background: url("fileadmin/chron-tmpl/content-bot.jpg") 0 100% no-repeat; 
  min-height: 80px; 
}
#content .content-trail { 
  height: 30px; 
  padding: 10px 0 0 0; 
}
#content .content-header { 
  padding: 20px; 
}
#content .content-header .desc { 
  margin-right: 400px; 
  margin-top: 15px; 
} 

/* breadcrumbs */
.ui-breadcrumb {
  font-size: 11px; 
}

/* layout */
#wrapper { 
  width: 1006px; 
  margin: 0 auto; 
  position: relative
} /* use even width value so the centering is identical in IE and other browsers */

/* header */
#logo { 
  position: absolute; 
  width: 500px; 
  height: 150px;
  right: 0px;
  background: url("fileadmin/chron-tmpl/chron.png") no-repeat bottom; 
  text-indent: -9999px;
}
#header { 
  padding-top: 26px; 
}
#header #top { 
  height: 86px; 
}
#header #top a { 
  width: 275px; 
  height: 115px; 
  display: block; 
  border: none; 
  text-indent: -9999px;
}
#header .header-plate-wrapper, #header .header-plate { 
  height: 93px;
}
#header .header-plate-wrapper { 
  background: url("fileadmin/chron-tmpl/header-border.png") no-repeat; 
}
#header .header-plate { 
  position: relative; 
  background: url("fileadmin/chron-tmpl/header.gif") no-repeat; 
}
#header .user-plate { 
  color: #fff; 
  width: 355px; 
  height: 140px; 
  position: absolute; 
  right: 4px; 
  bottom: 0; 
}
#header .user-plate .user-data { 
  padding-left: 20px; 
  position: absolute; 
  left: 0; 
  top: 68px; 
  z-index: 3; 
  float: left; 
}
#header .user-plate .login-box { 
  padding-left: 85px; 
  padding-top: 6px; 
}
#header .user-plate .user-data.data-login { 
  padding-left: 25px; 
  padding-top: 12px; 
  top: 52px; 
  padding-right: 10px; 
  width: 300px;
}


/* footer */
#footer { font: normal 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding: 25px 0; }
#footer a { color: #697489; }
#footer a:hover { color: #dcdcdc; }
#footer h3,
#footer h3 a { font-weight: normal; font-size: 13px; color: #b2bac7; text-transform: uppercase; }
#footer-promotions { float: right; width: 300px; padding-bottom: 20px; }
#footer-promotions a { color: #b2bac7; }
#sitemap h3 { border-bottom: 2px solid #414a56; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; background: url("../images/icons/footer.png") no-repeat; }
#sitemap h3.bnet { background-position: 0 0 }
#sitemap h3.games { background-position: 2px -50px }
#sitemap h3.classic { background-position: 0 -100px }
#sitemap h3.account { background-position: 2px -150px; padding-left: 23px; }
#sitemap h3.support { background-position: 0 -200px; padding-left: 23px; }
#sitemap .column { float: left; width: 25%; padding-bottom: 20px }
#sitemap .column ul a { display: block; margin: 2px 0; }
#sitemap.promotions .column { width: 170px; }
#copyright { color: #2a2c2f; border-top: 1px solid #414a56; text-transform: uppercase; font-size: 10px; clear: both; padding: 10px 0;  }
#copyright a { margin-left: 15px; color: #b2bac7; }
#legal { padding: 15px 0; }
#legal a { display: inline-block; vertical-align: top; }
#legal #blizzard { float: left; }
#legal #legal-ratings { float: right; vertical-align: top; }
#legal #legal-ratings img { vertical-align: top; }
#legal #legal-ratings a { margin-left: 10px; }