body { background-color: #000;  }
header, nav, footer, section, aside, article {display: block;} /* convert some html5 elements into structural elements */

/* Layout */
#page-container { width: 994px; height: auto; position: relative; left: 50%; margin-left: -497px; background: url(/shared/wow-com/images/new-hp/menu-bg.jpg) repeat-y 77px 0; }
body.xml #page-container { margin-left: -578px; } /*includes right advert*/
#content-wrapper { width: 484px;  /*margin-left: 14px;*/ position: relative; left: 14px; }
body.xml #content-wrapper { width: 715px; margin-bottom: 16px; position: relative; left: 62px; margin-top: -65px;}
body.front #content-wrapper { padding-bottom:50px; }
#wrapper { border-top: 2px solid #434747; border-bottom: 2px solid #434747; width: 827px; background: #253036 url(/shared/wow-com/images/new-hp/layout/new/hp09_bg_rpt.jpg) repeat-y 0 0; margin-left: 170px; position: relative; }
body.xml #wrapper { width: 840px; background: url(/shared/wow-com/images/new-hp/layout/new/subpages-left-edge.jpg) repeat-y top left;  }
#content-wrapper1 { width: 100%; background: url(/shared/wow-com/images/new-hp/layout/new/hp09_bg_lcol.jpg) no-repeat 14px 0; }
body.xml #content-wrapper1 { background: none; background: url(/shared/wow-com/images/new-hp/new/border-right.gif) repeat-y top right;}
header { height: 63px; position: relative; border-top: 1px solid transparent; margin: 0; width: 100%; }
nav { width: 157px; margin-left: -157px; position: relative; margin-bottom: 50px; min-height: 800px; z-index: 20; }
#marginal { width: 323px; height: 100%; background: url(/shared/wow-com/images/new-hp/layout/new/hp09_bg_rcol.jpg) no-repeat top right; position: relative; right: -20px; top: -3px; } 
#wrapper, #content-wrapper, #marginal, #content-wrapper1, nav { float: left; }
footer { background: url(/shared/wow-com/images/new-hp/ironframe-bg.jpg) repeat-x top left; margin: -8px 0 10px; z-index: 10; border: 1px solid transparent; vertical-align: middle; position: relative;}
#content-wrapper section { background: url(/shared/wow-com/images/new-hp/layout/light.jpg) repeat 0 0; width: 470px; margin-left: 15px; margin-top:12px;}
#marginal section { padding-left: 0;}

/* Footer */
footer p { text-align: center; margin-top: 18px; color: #fff; }
footer a, footer a:link, footer a:active { font-size: 11px; color: #ffb019; font-weight: bold; }
footer a:visited { font-size: 11px; color: #d29e3b; font-weight: bold; }
footer a:hover { color: white; text-decoration: none; font-weight: bold; }
#blizzardlogo-link { width: 97px; height: 57px; background: url(/shared/wow-com/images/new-hp/new/bot-blizzlogo.gif) no-repeat 0 0; display:block; margin: 0 auto;}

/* Flash */
#flashi { width: 500px; height: 340px; margin: -66px 0 0 -5px; }

/* News section */
.news-header { background: url(/shared/wow-com/images/new-hp/layout/new/blog-header.jpg) no-repeat 0 0; width: 465px; padding: 10px 0 2px 10px; position: relative; }
.collapsed .news-header:hover { background: #eedb99 url() no-repeat 0 0; }
.news-header h3 { font-family: "Georgia,"Times New Roman",Times,serif"; font-variant: small-caps; font-size: 21px; line-height: 24px; letter-spacing: -1px; color: #1E4378; width: 80%; background: url() no-repeat 0 2px; padding-left: 30px; }
.news-header .toggle { display: block; width: 11px; height: 11px; background: url(/shared/wow-com/images/new-hp/layout/new/more-minus.gif) no-repeat 0 0; position: absolute; top: 8px; right: 15px;}
.news-header aside { padding-left: 30px; font-weight: normal; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; color: #7d5c1b; } 
.news-header em { color: #000; font-style: normal; font-size: 10px; } 
.news-body { background: url(/shared/wow-com/images/new-hp/layout/new/bloq-content-bg.jpg) repeat-y 0 0; }
.news-body .wrapper { background: url(/shared/wow-com/images/new-hp/layout/new/blog-content-top.jpg) no-repeat top left; }
.wrapper2 { background: url(/shared/wow-com/images/new-hp/layout/new/blog-content-bot.jpg) no-repeat bottom left; }
.wrapper2 div { padding: 12px 25px 15px; min-height: 35px; font-family: "Trebuchet MS","Times New Roman",Times,serif; }
.news-body ul { padding: 0 25px 0 25px; min-height: 35px; font-family: "Trebuchet MS","Times New Roman",Times,serif; }
.news-body li { list-style-type: square; margin-bottom: .5em;}
.news-header .toggle, .news-header h3 { cursor: pointer; }
.collapsed span, .collapsed .news-body  { display: none; }
.collapsed aside { display: inline; padding-left: 5px; }
.collapsed em.date { font-weight: bold; font-family: Georgia,"Times New Roman",Times,serif;} 
.collapsed h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: 0; display: inline; padding: 5px 0 0 30px;}
.collapsed .news-header { padding: 0; background: url(/shared/wow-com/images/new-hp/layout/new/news-bg0.gif) repeat-x 0 0; border-bottom: 1px solid #b7842c; height: 23px; }
.collapsed .even { background: url(/shared/wow-com/images/new-hp/layout/new/news-bg1.gif) repeat-x 0 0; }
.collapsed em.date { position: absolute; right: 25px; top: 6px;}
.collapsed .toggle { background: url(/shared/wow-com/images/new-hp/layout/new/more-plus.gif) no-repeat 0 0; top: 6px; right: 5px; }
.news-archives { background: url(/shared/wow-com/images/new-hp/layout/new/archives-bg.jpg) no-repeat 0 0; width: 466px; height: 35px; padding: 8px 0 6px;}
.news-archives a { display: block; background: url() no-repeat 0 0; width: 136px; height: 15px; position: relative; left: 50%; margin-left: -68px;}
.news-archives a:hover { background-position: 0 -15px; }

/* community section */
.community-header { background: url(/shared/wow-com/images/new-hp/layout/new/blog-header2.jpg) 0 0; width: 100%; position: relative;}
.collapsed .community-header:hover { background: #eedb99 url() no-repeat 0 0; }
.community-header h3 { font-family: "Georgia,"Times New Roman",Times,serif"; font-variant: small-caps; font-size: 21px; line-height: 24px; letter-spacing: -1px; color: #1E4378; background: url() no-repeat 0 2px; padding-left: 30px; }
.community-header .toggle { display: block; width: 11px; height: 11px; background: url(/shared/wow-com/images/new-hp/layout/new/more-minus.gif) no-repeat 0 0; position: absolute; top: 6px; right: 5px;}
.community-header aside { padding-left: 30px; font-weight: normal; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; color: #7d5c1b; } 
.community-header em { color: #000; font-style: normal; font-size: 10px; } 
.community-body { background: url(/shared/wow-com/images/new-hp/layout/new/bloq-content-bg2.jpg) 0 0; width:100%;}
.community-body .wrapper { background: url(/shared/wow-com/images/new-hp/layout/new/blog-content-top2.jpg) repeat-x top left; }
.community-body .wrapper2 { background: url(/shared/wow-com/images/new-hp/layout/new/blog-content-bot2.jpg) repeat-x bottom left; }
.community-body .wrapper2 div { padding: 12px 25px 15px; min-height: 35px; font-family: "Trebuchet MS","Times New Roman",Times,serif; }
.community-body ul { list-style-type: square; padding: 0 25px 0 25px; min-height: 35px; font-family: "Trebuchet MS","Times New Roman",Times,serif; font-style:normal; font-size:11px; }
.community-body li {  margin-bottom: .5em;}
.toggle, .community-header h3 { cursor: pointer; }
.collapsed span, .collapsed .community-body  { display: none; }
.collapsed aside { display: inline; padding-left: 5px; }
.collapsed em.date { font-weight: bold; font-family: Georgia,"Times New Roman",Times,serif;} 
.collapsed h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: 0; display: inline; padding: 5px 0 0 30px;}
.collapsed .community-header { padding: 0; background: url(/shared/wow-com/images/new-hp/layout/new/news-bg0.gif) repeat-x 0 0; border-bottom: 1px solid #b7842c; height: 23px; }
.collapsed .even { background: url(/shared/wow-com/images/new-hp/layout/new/news-bg1.gif) repeat-x 0 0; }
.collapsed em.date { position: absolute; right: 25px; top: 6px;}
.collapsed .toggle { background: url(/shared/wow-com/images/new-hp/layout/new/more-plus.gif) no-repeat 0 0; top: 6px; right: 5px; }
.community-archives { background: url(/shared/wow-com/images/new-hp/layout/new/archives-bg.jpg) no-repeat 0 0; width: 466px; height: 35px; padding: 8px 0 6px;}
.community-archives a { display: block; background: url() no-repeat 0 0; width: 136px; height: 15px; position: relative; left: 50%; margin-left: -68px;}
.community-archives a:hover { background-position: 0 -15px; }
/* #arenaWatch th {text-align: left;}*/
#marginal h3 { height: 20px; color: #eff0ef; font-size: 12px; letter-spacing: 1px; font-weight: bold; width: 308px; padding: 1px 0 0 8px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }

/* Quicklinks */
#q-links { width: 308px; margin-top: 7px; margin-left: 4px; background: url(/shared/wow-com/images/new-hp/layout/new/quicklinks-header.jpg) no-repeat 0 0; }
#q-links ul { padding: 0; margin: 0; width: 100%; border-bottom: 1px solid #38464d;}
#q-links li { width: 154px; float: left; height: 33px; display: block; background: url(/shared/wow-com/images/new-hp/layout/new/quicklinks-li-left2-bg.jpg) no-repeat top right; border-top: 1px solid #38464e; }
#q-links li.e { background: url(/shared/wow-com/images/new-hp/layout/new/quicklinks-li-right2-bg.jpg) no-repeat top right; width: 154px; }
#q-links a { background: url(/shared/wow-com/images/new-hp/layout/new/quicklink_bullet.png) no-repeat 0 -15px; display: block; padding-left: 19px; position: relative; color: #d0a803; left: 8px; top: 10px;  }
#q-links a:hover { color: #fff; background-position: 0 3px; }
#q-links .gfxhook { display: block; background: url(/shared/wow-com/images/new-hp/layout/new/quicklinks-bottom.jpg) no-repeat 0 0; height: 7px; width: 308px; position: relative; top: -4px; }
#q-links .security { background-image: url(/shared/wow-com/images/new-hp/layout/new/quicklink_bullet-security.png); }

/* Social Media Networks */
#socialnetworks,#socialnetworksde,#socialnetworksfr,#socialnetworkses,#socialnetworksru{ margin: 10px 0 15px 4px; padding: 0; width: 308px; height: 37px; overflow: hidden; }
#socialnetworks{ background: url(/shared/wow-com/images/new-hp/social-networks.jpg) no-repeat 0 0; }
#socialnetworksde{ background: url(/shared/wow-com/images/new-hp/social-networks_de.jpg) no-repeat 0 0; }
#socialnetworkses{ background: url(/shared/wow-com/images/new-hp/social-networks_es.jpg) no-repeat 0 0; }
#socialnetworksfr{ background: url(/shared/wow-com/images/new-hp/social-networks_fr.jpg) no-repeat 0 0; }
#socialnetworksru{ background: url(/shared/wow-com/images/new-hp/social-networks_ru.jpg) no-repeat 0 0; }
#youtube{ background: url(/shared/wow-com/images/new-hp/worldofwarcraft-youtube.gif) left top no-repeat; width: 63px; }
#facebook{ background: url(/shared/wow-com/images/new-hp/worldofwarcraft-facebook.gif) left top no-repeat; width: 32px; }
#twitter{ background: url(/shared/wow-com/images/new-hp/worldofwarcraft-twitter.gif) left top no-repeat; width: 32px; }
#youtube,#facebook,#twitter{ display: block; float: right; height: 31px; margin: 3px 12px 0 0; text-indent: -500px; }
#youtube:hover, #facebook:hover, #twitter:hover{ background-position: 0 -31px; }

/* Side Banners */
.side_banner_305x133 { width:305px; height:133px; }
.side_banner_305x133, .flash_advert { margin-bottom: 15px; }
#marginal a.teaser { width: 305px; background-position: 0 0; background-repeat: no-repeat; display: block; margin-bottom: 8px;}
#marginal a.teaser:hover { background-position: 0 -139px; }
#marginal a.twitter{ width: 305px; background-position: 0 0; background-repeat: no-repeat; display: block; margin: 8px;}
#marginal a.twitter:hover { background-position: 0 -76px; }
.offers { background: url(/shared/wow-com/images/new-hp/layout/new/hp_offers_bg.jpg) repeat-y 0 0; width: 305px; border-top: 1px solid #49402c; border-bottom: 1px solid #49402c; padding-bottom: 5px; padding-top: 5px;}
.flash_advert .body { width: 305px; height: 255px; background: url(/shared/wow-com/images/new-hp/layout/new/hp_ad_bg.gif) no-repeat 0 0; display: block; padding: 3px 0 0 3px;}
.offers h3, .flash_advert h3 { padding: 0 0 3px 8px; } 
.offers, .side_banner_305x133, .flash_advert { margin-left: 8px; }
.side_banner_305x133, #marginal a.teaser { margin-left: 10px; }
.offers .body { margin-left: 8px; }
#marginal .side_banner_315x12{ margin-bottom: 12px; }
.hp_wowtrial { width: 315px; background-position: 0 0; background-repeat: no-repeat; display: block; }
.hp_wowtrial:hover { background-position: 0 -127px; }
.offerwow{width: 315px;height: 79px;background-color: transparent;background-image: url(../images/giftwow_rightside.jpg);background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;display: block;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;}
.offerwow:hover{background-position: center bottom;}


/* Newcomer */
.newcommer { background: url(/shared/wow-com/images/new-hp/layout/new/newcomer_box.jpg) no-repeat 0 0; height: 169px; width: 289px; }
.newcommer h4 { font-size: 14px; color: #fff; position: relative; top: 20px; left: 12px; }
.newcommer p { position: relative; left: 12px; top: 32px;color: #fff; font-weight: normal; width: 150px;}
.newcommer ul, .newcommer li { margin: 0; padding: 0; } 
.newcommer ul { position: relative; top: 42px; left: 0; width: 240px; }
.newcommer a { color: #d0a803; padding-left: 12px; background: url(/shared/wow-com/images/new-hp/layout/new/newcomer_link_bg.png) no-repeat 0 3px; }
.newcommer a:hover { color: #fff;  }

/*fixes*/
div.statue-container { position: relative; position: absolute; top: 100%; width: 100%; left: 0; }
#pegi12 { width: 55px; height: 69px; position: absolute; top: -72px; right: -60px; }
#statue-left, #statue-right { display: inline; } /*temp fix*/
#statue-left { position: absolute; top: -443px; left: -240px; }
#statue-right { position: absolute; top: -342px; left: 0; }
#main-bottom { clear: both;}
#container-community, #community-teasers, .container-misc { margin: 0 auto; width: 470px; }
#wrapper:after, #page-container:after, .news-body p:after, #container-service:after, #q-links ul:after{ clear: both; height: 1px; content: " "; display: block;}




/* table font size fix for community section */
#arenaWatch {font-size: 12px;}
#arenaWatch img {margin-left: 3px;}