/**

** OUTLINE **

a] GLOBALS
b] PAGE BACKGROUNDS
c] STRUCTURE
	1] header/nav
	2] footer
d] GENERAL PAGES
e] COMMON WIDGETS
f] HOMEPAGE
	1] content
	2] anything slider
	3] promo block
g] CHARACTER PAGES
	1] main
	2] single character
h] CATEGORY PAGES 
i] MEDIA
  1] gallery pages
  2] fancybox
j] BASIC PAGES
  1] articles page
  2] vip page
  3] quickstart page
  4] download page
h] AUTH

**/
/* Global Variables */
/* Mixins */
.orange-stroke-text, .category-list .active a, #character-wrap figcaption h2, #character-info h2, .scroller li.offset_0, .node-spinner-pane h2, .menu-features .node-spinner-pane h2, body.menu-media h2, body.node-type-gallery h2 {
  color: #F8F3BD;
  text-shadow: 2px 2px 3px black; }
  .lt-ie10 .orange-stroke-text, .lt-ie10 .category-list .active a, .category-list .active .lt-ie10 a, .lt-ie10 #character-wrap figcaption h2, #character-wrap figcaption .lt-ie10 h2, .lt-ie10 #character-info h2, #character-info .lt-ie10 h2, .lt-ie10 .scroller li.offset_0, .scroller .lt-ie10 li.offset_0, .lt-ie10 .node-spinner-pane h2, .node-spinner-pane .lt-ie10 h2, .lt-ie10 body.menu-media h2, body.menu-media .lt-ie10 h2, .lt-ie10 body.node-type-gallery h2, body.node-type-gallery .lt-ie10 h2 {
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

/* - GLOBALS ---------------------------------------------- */
/* -------------------------------------------------------- */
body {
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  background: none no-repeat center top #000;
  color: #fff;
  /* min-width: 1024px; */
  min-width: 1242px;}
body > * {
    line-height: 1; }

a {
  color: #e9e2ba;
  outline: none !important; }
  a:hover {
    color: #fbfaca; }
  a:active {
    background-color: transparent;
    /* IE10 fix */ }

h1, h2, h3, h4, h5 {
  font-family: 'GoudyTrajan';
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: rgba(255, 255, 255, 0.1) 0.1px; }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #fff; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
      color: #fbfaca; }

h1 {
  margin: 4px 0;
  font-size: 30px; }

h2 {
  margin: 0;
  line-height: 1; }

p {
  margin-top: 3px;
  line-height: 1.3; }

section {
  border: 0;
  background: transparent;
  padding: 0; }
  section ol, section ul {
    line-height: 1.3; }

.no-cookies {
  display: none; }

div.warning-bar.warning {
  background-color: #FFC1C1;
  background-image: none;
  color: #000;
  font-weight: bold;
  opacity: 1;
  text-align: center;
  line-height: 30px;
  min-height: 30px;
  min-width: 295px;
  padding: 0 1em;
  width: 100%;
  border: 3px solid #FF7777;
  position: relative; }
  div.warning-bar.warning .warning-bar-inner {
    margin: 0 auto;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 920px; }

.breadcrumbs {
  font-size: 9px;
  margin: 1em 0;
  text-shadow: 0 0 6px #000; }
  .breadcrumbs a {
    color: #fff; }
    .breadcrumbs a:hover {
      color: #fbfaca; }

.column {
  width: 1024px;
  border-spacing: 0; }

.front .page-wrap .one.column {
  width: 100%; }

.content {
  width: 1024px;
  margin: 0 auto 1.5em auto; }

.page {
  position: relative; }

.not-front .column.one {
  width: 1024px;
  margin: auto; }

.pagecontent {
  min-height: 680px; }

body > div > header {
  margin-top: 0; }

.relative-wrap > hgroup {
  margin-left: 300px; }

hgroup > h1 {
  position: relative;
  margin-bottom: 16px;
  font-family: GoudyTrajan-Medium;
  text-shadow: 0 0 20px black, 0 0 8px rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

body.menu-media hgroup > h1 {
  margin-bottom: 0; }

hgroup > h2 {
  font-size: 1.5em; }

hgroup > h1:before {
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: -65px;
  width: 100%;
  height: 36px;
  background: url(../images/global/header-decor.png) no-repeat 0 0;
  content: "";
  display: block; }

.lt-ie9 hgroup > h1:before {
  display: none; }

/* - PAGE BACKGROUNDS ------------------------------------- */
/* -------------------------------------------------------- */
body[class*='node-type-character-select-page'] {
  background-image: url(../images/page-backgrounds/wraith-background.jpg); }

body[class*='node-type-race'] {
  background-image: url(../images/page-backgrounds/wraith-zoom-background.jpg); }

body[class*='menu-game'] {
  background-image: url(../images/page-backgrounds/minas-tirith-background.jpg); }

body[class*='menu-community'],
body[class*='page-aggregator'] {
  background-image: url(../images/page-backgrounds/autumn-ruins-background.jpg); }

body[class*='menu-explore'] {
  background-image: url(../images/page-backgrounds/golden-wood-background.jpg); }

body[class*='menu-media'],
body[class*='node-type-gallery'] {
  background-image: url(../images/page-backgrounds/ravaged-land.jpg); }

body[class*='menu-quickstart'] {
  background-image: url(../images/page-backgrounds/quickstart-guide.jpg); }

body[class*='menu-store'] {
  background-image: url(../images/page-backgrounds/store-guide.jpg); }

body[class*='menu-vip'] {
  background-image: url(../images/page-backgrounds/become-a-vip.jpg); }

body[class*='menu-download'] {
  background-image: url(../images/page-backgrounds/download.jpg); }

body[class*='menu-articles'],
body[class*='node-type-news'],
body[class*='page-taxonomy-term'] {
  background-image: url(../images/page-backgrounds/articles.jpg); }

body[id*='auth-login'],
body[id*='registration-community-index'],
body[id*='auth-registration'],
body[id*='web-layout-password-default'] {
  background-image: url(../images/page-backgrounds/helms-deep.jpg); 
  background-size: auto;
}

/*body[id*='auth-login'],
body[id*='web-layout-password-default']{background-image: none;}*/
/* error page */
body[class*='maintenance-page'],
body.page-node-4,
body.page-node-5,
body.page-node-6 {
  background-image: url(../images/page-backgrounds/error-page.jpg); }
  body[class*='maintenance-page'] #page-title, body[class*='maintenance-page'] .breadcrumbs, body[class*='maintenance-page'] .action-links,
  body.page-node-4 #page-title,
  body.page-node-4 .breadcrumbs,
  body.page-node-4 .action-links,
  body.page-node-5 #page-title,
  body.page-node-5 .breadcrumbs,
  body.page-node-5 .action-links,
  body.page-node-6 #page-title,
  body.page-node-6 .breadcrumbs,
  body.page-node-6 .action-links {
    display: none; }
  body[class*='maintenance-page'] .node-page, body[class*='maintenance-page'] #character-info, body[class*='maintenance-page'] .menu-media .content > .media, .menu-media body[class*='maintenance-page'] .content > .media,
  body.page-node-4 .node-page,
  body.page-node-4 #character-info,
  body.page-node-4 .menu-media .content > .media,
  .menu-media body.page-node-4 .content > .media,
  body.page-node-5 .node-page,
  body.page-node-5 #character-info,
  body.page-node-5 .menu-media .content > .media,
  .menu-media body.page-node-5 .content > .media,
  body.page-node-6 .node-page,
  body.page-node-6 #character-info,
  body.page-node-6 .menu-media .content > .media,
  .menu-media body.page-node-6 .content > .media {
    border: 0;
    background: transparent;
    margin-top: 300px;
    color: #f8f3bd; }
    body[class*='maintenance-page'] .node-page h2, body[class*='maintenance-page'] #character-info h2, body[class*='maintenance-page'] .menu-media .content > .media h2, .menu-media body[class*='maintenance-page'] .content > .media h2,
    body.page-node-4 .node-page h2,
    body.page-node-4 #character-info h2,
    body.page-node-4 .menu-media .content > .media h2,
    .menu-media body.page-node-4 .content > .media h2,
    body.page-node-5 .node-page h2,
    body.page-node-5 #character-info h2,
    body.page-node-5 .menu-media .content > .media h2,
    .menu-media body.page-node-5 .content > .media h2,
    body.page-node-6 .node-page h2,
    body.page-node-6 #character-info h2,
    body.page-node-6 .menu-media .content > .media h2,
    .menu-media body.page-node-6 .content > .media h2 {
      font-size: 60px;
      text-shadow: 1px 1px 8px #7B310C, 1px 1px 10px #7B310C; }
      body[class*='maintenance-page'] .node-page h2 b, body[class*='maintenance-page'] #character-info h2 b, body[class*='maintenance-page'] .menu-media .content > .media h2 b, .menu-media body[class*='maintenance-page'] .content > .media h2 b,
      body.page-node-4 .node-page h2 b,
      body.page-node-4 #character-info h2 b,
      body.page-node-4 .menu-media .content > .media h2 b,
      .menu-media body.page-node-4 .content > .media h2 b,
      body.page-node-5 .node-page h2 b,
      body.page-node-5 #character-info h2 b,
      body.page-node-5 .menu-media .content > .media h2 b,
      .menu-media body.page-node-5 .content > .media h2 b,
      body.page-node-6 .node-page h2 b,
      body.page-node-6 #character-info h2 b,
      body.page-node-6 .menu-media .content > .media h2 b,
      .menu-media body.page-node-6 .content > .media h2 b {
        display: block;
        margin-left: 80px;
        font-size: 68px; }
    body[class*='maintenance-page'] .node-page p, body[class*='maintenance-page'] #character-info p, body[class*='maintenance-page'] .menu-media .content > .media p, .menu-media body[class*='maintenance-page'] .content > .media p,
    body.page-node-4 .node-page p,
    body.page-node-4 #character-info p,
    body.page-node-4 .menu-media .content > .media p,
    .menu-media body.page-node-4 .content > .media p,
    body.page-node-5 .node-page p,
    body.page-node-5 #character-info p,
    body.page-node-5 .menu-media .content > .media p,
    .menu-media body.page-node-5 .content > .media p,
    body.page-node-6 .node-page p,
    body.page-node-6 #character-info p,
    body.page-node-6 .menu-media .content > .media p,
    .menu-media body.page-node-6 .content > .media p {
      margin-left: 82px;
      text-shadow: 1px 1px 2px #7B310C, 1px 1px 3px #7B310C; }

/* - STRUCTURE -------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - header/nav ------------------------------------------- */
/* -------------------------------------------------------- */
body > div > div > header > nav > a:first-child {
  position: absolute;
  left: 0;
  width: 244px;
  height: 115px;
  z-index: 1000;
  outline: none;
  background-position: 100% 0;
  background-repeat: no-repeat;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 1.5em;
  text-indent: -999em; }

html[lang="en"] .header-wrap > header > nav > a:first-child {
  background-image: url(../images/logo-lotro-en.png); }

html[lang="fr"] .header-wrap > header > nav > a:first-child {
  background-image: url(../images/logo-lotro-fr.png); }

html[lang="de"] .header-wrap > header > nav > a:first-child {
  background-image: url(../images/logo-lotro-de.png); }

.header-wrap {
  position: relative;
  background: url(../images/headerbar.png) repeat-x center top;
  width: 100%;
  box-shadow: 0 0 16px 2px black; }
  .front .header-wrap {
    z-index: 1; }

.header-wrap > header {
  height: 70px;
  position: relative;
  z-index: 101;
  letter-spacing: auto;
  padding: 0;
  margin: 0 auto;
  width: 1024px; }

.header-wrap > header > nav {
  float: left;
  width: 100%;
  height: 100%; }

.header-wrap > header > nav > ul {
  padding-left: 300px;
  white-space: nowrap; }

.navmenu > li > ul {
  background-color: rgba(0, 0, 0, 0.9);
  /*background-color: rgba(0, 0, 0, .75);*/
  left: 29px;
  top: 100%;
  opacity: 0;
  -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  -moz-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.75);
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  min-width: 224px;
  width: auto;
  padding: 12px 0;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear; }
  .lt-ie9 .navmenu > li > ul {
    background: url(../images/transparent-black-90.png) repeat transparent; }
  .lt-ie9 .navmenu > li > ul {
    border-color: white; }

.navmenu > li {
  list-style-type: none; }

.navmenu > li > .navmenu > li {
  float: none; }

.navmenu > li:first-child > ul {
  left: -11px; }

ul.navmenu > li > a:hover + ul {
  display: block; }

.navmenu > li:hover > ul li:hover {
  background: none; }

ul.navmenu a {
  font-size: 17px;
  padding: 8px 12px;
  text-decoration: none;
  color: #e9e2ba;
  /* pale gold */
  font-family: 'GoudyTrajan';
  font-weight: bold; }

ul.navmenu > li:hover > a,
ul.navmenu li li a:hover,
ul.navmenu a.menu-active {
  text-shadow: 0px 0px 6px #e9e2ba, 0px 0px 3px #e9e2ba;
  color: #fffff1; }

nav.main > ul.navmenu > li > a.game-account-signup {
  padding-right: 50px; }

nav.main > ul.navmenu > li > a.game-account-signup:after {
  position: absolute;
  width: 50px;
  height: 62px;
  top: 10px;
  right: -5px;
  background: url(../images/the-one-ring.png) no-repeat 0 0;
  content: ""; }

nav.main > ul.navmenu > li > a {
  line-height: 60px;
  padding: 10px 0 0;
  display: block;
  margin: 0;
  text-shadow: 1px 2px black; }

ul.navmenu > li > ul > li > a {
  font-size: 15px;
  white-space: nowrap;
  display: block; }

.navmenu .navmenu .navmenu {
  display:none; }

/* prevent 3rd-tier menu items in the nav from appearing */
body div header nav.main > ul > li {
  position: relative;
  padding-left: 40px;
  background: url(../images/nav-item-divider.png) 16px 50% no-repeat; }

body div header nav.main > ul > li:first-child {
  padding-left: 0;
  background: none; }

ul.navmenu > li > ul li {
  padding: 0; }

nav.main aside div.content a {
  white-space: nowrap; }
	
@media screen and (max-width: 1280px) {
  body > div > div > header > nav > a:first-child {
  	width: 20%;
    padding-left: 0;
  }
  .header-wrap > header > nav > ul {
	width: 79%;
    padding-left: 21%;
  }
  .header-wrap > header {
	width: 100%;
  }
  nav.main {
    position: relative;
    /* margin-left: -200px; */
    margin-right: auto;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1480px) {
  nav.main {
    margin-left: -100px;
  }
}

/* prevent collapse of container due to wrapping inline text */
.five.column {
  margin-top: 650px; }

body[class*='node-type-character-select-page'] .content > *,
body[class*='page-node-5'] #block-system-main > .content > * {
  margin-left: 300px; }

/* page-node-5 is the error page */
body[class*='menu-media'] #block-system-main > .content > * {
  margin-left: 280px; }

#block-system-main .content .content {
  width: auto; }

/* -------------------------------------------------------- */
/* - footer ----------------------------------------------- */
/* -------------------------------------------------------- */
.page-wrap,
.footer-wrap {
  width: 100%; }

.front .page-wrap {
  position: relative;
  margin-bottom: 20px; }

.front .footer-wrap {
  position: relative;
  z-index: 10;
  /* footer must sit on top of slider graphic */
  margin-top: -403px;
  padding-top: 424px; }

.footer-wrap {
  background: url(../images/footerbar.png) repeat-x;
  padding-top: 176px; }

body > div > div > footer {
  line-height: normal;
  width: 1024px;
  margin-bottom: 0;
  padding-bottom: 0; }

.footer-wrap a, .footer-wrap p {
  color: #666;
  font-size: 1.2em;
  font-family: arial, helvetica, san-serif;
  font-weight: 700; }

.footer-wrap a {
  text-decoration: none;
  font-variant: normal; }

.page > div > footer a:hover {
  color: #bdbdbd; }

.language {
  margin: 0;
  padding-bottom: 1em;
  background: url(../images/global/footer-divider.png) no-repeat 50% 100%; }

.language > nav > ul > li {
  margin: 0 1em; }

.language > nav > ul > li,
footer .legal_links a {
  position: relative; }

.language > nav > ul > li:first-child:before,
footer .legal_links a:first-child:before {
  display: none; }

.language > nav > ul > li:before,
footer .legal_links a:before {
  content: '\25CF';
  position: absolute;
  color: #666; }

.language > nav > ul > li:before {
  left: -1.25em;
  font-size: 1.2em;
  line-height: 1.4em; }

footer .legal_links a:before {
  left: -4px;
  font-size: 1em; }

.language > nav > ul > li:first-child {
  margin-left: 0; }

.legal_links {
  margin-top: 2em; }

.footer_logos {
  width: 100%;
  padding-bottom: 20px; }

.product_logos img {
  margin-top: 1.3em;
  margin-left: 10px; }

.product_logos > img:first-child {
  margin-left: 0; }

.footer_logos img {
  vertical-align: top; }

.footer_logos .rating_logos {
  color: #666; }
  .footer_logos .rating_logos .region {
    display: inline-block;
    vertical-align: top; }
    .footer_logos .rating_logos .region span {
      display: block;
      margin-bottom: .3em;
      text-align: left;
      font-weight: bold; }
  .footer_logos .rating_logos a {
    padding: 0;
    margin-right: 10px; }
    .footer_logos .rating_logos a[href*="pegi"] img, .footer_logos .rating_logos a[href*="usk"] img {
      width: 52px; }
    .footer_logos .rating_logos a img {
      display: inline-block; }

.legal_copy {
  padding: 0 11%;
  font-size: .7em;
  position: relative; }

.legal_copy p {
  margin-bottom: 1em;
  text-align: justify;
  font-weight: normal;
  -moz-text-align-last: center;
  -webkit-text-align-last: center;
  text-align-last: center; }

footer .social {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -47px; }

footer .social ul {
  text-align: center;
  margin: 0;
  padding: 0; }

footer .social a.facebook,
footer .social a.twitter,
footer .social a.youtube {
  background: url(../images/global/footer-social-icons.png) no-repeat;
  height: 25px;
  width: 30px;
  display: block;
  text-indent: -9999px;
  padding: 0; }

footer .social li {
  margin-left: 2px; }

footer .social > ul > li:first-child {
  margin: 0; }

footer .social a.facebook {
  background-position: 0 0; }

footer .social a.twitter {
  background-position: -30px 0; }

footer .social a.youtube {
  background-position: 100% 0; }

footer .social a.facebook:hover {
  background-position: 0 -25px; }

footer .social a.twitter:hover {
  background-position: -30px -25px; }

footer .social a.youtube:hover {
  background-position: 100% -25px; }

/* ---------------------------------
General Pages
----------------------------------- */
.black-box, .node-page, #character-info, .menu-media .content > .media, .slide-content.image aside.caption-box, body.menu-articles a.article-item, body.page-taxonomy-term article,
body.menu-articles article, .node-news {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px; }
  .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 #character-info, .lt-ie9 .menu-media .content > .media, .menu-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.menu-articles a.article-item, body.menu-articles .lt-ie9 a.article-item, .lt-ie9 body.page-taxonomy-term article, body.page-taxonomy-term .lt-ie9 article,
  .lt-ie9 body.menu-articles article,
  body.menu-articles .lt-ie9 article, .lt-ie9 .node-news {
    border-color: white; }
  .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 #character-info, .lt-ie9 .menu-media .content > .media, .menu-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.menu-articles a.article-item, body.menu-articles .lt-ie9 a.article-item, .lt-ie9 body.page-taxonomy-term article, body.page-taxonomy-term .lt-ie9 article,
  .lt-ie9 body.menu-articles article,
  body.menu-articles .lt-ie9 article, .lt-ie9 .node-news {
    background: url(../images/transparent-black-80.png) repeat transparent; }

.node-page, #character-info, .menu-media .content > .media {
  padding-left: 20px;
  margin-top: -14px;
  margin-left: 280px;
  margin-right: 30px; }
  .node-page .content, #character-info .content, .menu-media .content > .media .content {
    margin-bottom: 0; }
  .node-page section, #character-info section, .menu-media .content > .media section {
    margin-bottom: 1em; }
  .node-page .read-more a, #character-info .read-more a, .menu-media .content > .media .read-more a {
    width: 180px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3; }

.column-basic-page.column {
  display: table;
  float: none; }
.column-basic-page.three .span-2 {
  display: table-cell;
  float: none;
  width: 490px; }
.column-basic-page.three .span-1 {
  display: table-cell;
  float: none;
  width: 190px; }
.column-basic-page .align-bottom {
  vertical-align: bottom; }
  .column-basic-page .align-bottom .read-more {
    margin-bottom: 1.5em; }
.column-basic-page.separator {
  margin-bottom: 15px; }

.separator {
  padding-bottom: 1px;
  background: url(../images/race-separator.png) no-repeat bottom center transparent; }

/* ---------------------------------
Common Widgets
----------------------------------- */
/* Link Arrow */
/* Buttons */
.button-appearance, .button, input[type="submit"], .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a, .page-taxonomy-term .news-teaser .news.content > a, .read-more a, .pager a {
  font-family: 'GoudyTrajan-Bold';
  font-style: normal;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-shadow: 0px 1px 0px #bababa;
  border-width: 1px;
  border-style: solid;
  border-color: #b3b3b3;
  border-radius: 0;
  padding: 0 .8em;
  line-height: 24px;
  font-size: 1.1em;
  letter-spacing: .02em;
  background: #808080;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-30deg, gray 0%, gray 25%, #dedede 50%, gray 75%, gray 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(25%, gray), color-stop(50%, #bebebe), color-stop(75%, gray), color-stop(100%, gray));
  background: -webkit-linear-gradient(-30deg, gray 0%, gray 25%, #dedede 50%, gray 75%, gray 100%);
  background: -o-linear-gradient(-30deg, gray 0%, gray 25%, #dedede 50%, gray 75%, gray 100%);
  background: -ms-linear-gradient(-30deg, gray 0%, gray 25%, #dedede 50%, gray 75%, gray 100%);
  background: linear-gradient(-30deg, gray 0%, gray 25%, #dedede 50%, gray 75%, gray 100%);
  -moz-box-shadow: 0 0 8px 1px #000;
  -webkit-box-shadow: 0 0 8px 1px #000;
  box-shadow: 0 0 8px 1px #000; }
  .lt-ie9 .button-appearance, .lt-ie9 .button, .lt-ie9 input[type="submit"], .lt-ie9 .more-link a, .more-link .lt-ie9 a, .lt-ie9 .slide-content .action, .slide-content .lt-ie9 .action, .lt-ie9 .gallery .more, .gallery .lt-ie9 .more, .lt-ie9 .fancybox.alternates a, .fancybox.alternates .lt-ie9 a, .lt-ie9 .page-taxonomy-term .news-teaser .news.content > a, .page-taxonomy-term .news-teaser .lt-ie9 .news.content > a, .lt-ie9 .read-more a, .read-more .lt-ie9 a, .lt-ie9 .pager a, .pager .lt-ie9 a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); }
  .button-appearance a, .button a, input[type="submit"] a, .more-link a a, .slide-content .action a, .gallery .more a, .fancybox.alternates a a, .page-taxonomy-term .news-teaser .news.content > a a, .read-more a a, .pager a a {
    color: #000;
    text-decoration: none; }
  .button-appearance:hover, .button:hover, input[type="submit"]:hover, .more-link a:hover, .slide-content .action:hover, .gallery .more:hover, .fancybox.alternates a:hover, .page-taxonomy-term .news-teaser .news.content > a:hover, .read-more a:hover, .pager a:hover {
    background: #b6b6a1;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjZiNmExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDZkNmMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjZhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a5a593), color-stop(52%, #e0e0c9), color-stop(100%, #a5a593));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #a5a593 0%, #e0e0c9 52%, #a5a593 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* IE10+ */
    background: linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* W3C */ }
    .lt-ie9 .button-appearance:hover, .lt-ie9 .button:hover, .lt-ie9 input[type="submit"]:hover, .lt-ie9 .more-link a:hover, .more-link .lt-ie9 a:hover, .lt-ie9 .slide-content .action:hover, .slide-content .lt-ie9 .action:hover, .lt-ie9 .gallery .more:hover, .gallery .lt-ie9 .more:hover, .lt-ie9 .fancybox.alternates a:hover, .fancybox.alternates .lt-ie9 a:hover, .lt-ie9 .page-taxonomy-term .news-teaser .news.content > a:hover, .page-taxonomy-term .news-teaser .lt-ie9 .news.content > a:hover, .lt-ie9 .read-more a:hover, .read-more .lt-ie9 a:hover, .lt-ie9 .pager a:hover, .pager .lt-ie9 a:hover {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6c0', endColorstr='#b6b6a1',GradientType=0 );
      /* IE6-8 fallback on horizontal gradient */ }

.button, input[type="submit"], .more-link a, .front .block-community-news .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a, .page-taxonomy-term .news-teaser .news.content > a 
{
  display: block;
  float: right; 
  /* MQB AUG-02-2013
   * Fixing buttons overlapping each other
   */
  margin-left: 10px;
}

a.button[href*='.pdf']:after, .more-link a[href*='.pdf']:after, .slide-content a[href*='.pdf'].action:after, .gallery a[href*='.pdf'].more:after, .fancybox.alternates a[href*='.pdf']:after, .page-taxonomy-term .news-teaser .news.content > a[href*='.pdf']:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/pdficon_small.png);
  background-position: center right;
  background-repeat: no-repeat;
  margin-left: 5px;
  vertical-align: text-top; }

.read-more {
  display: block;
  float: right; }
  .read-more a {
    position: relative;
    display: block;
    margin-right: 0; }
    .read-more a:after {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid black; }
    .read-more a:hover:after {
      border-left: 0.4em solid black; }
    .read-more a:after {
      position: static;
      margin-left: 8px;
      display: inline-block; }

.image-button, .button-download-pc, .button-download-mac, .button-play-instantly {
  display: inline-block;
  width: 226px;
  height: 63px;
  text-indent: -999em;
  background-repeat: none;
  background-color: transparent;
  background-position: top center; }
  .image-button:hover, .button-download-pc:hover, .button-download-mac:hover, .button-play-instantly:hover {
    background-position: bottom center; }

/* Navigation Arrows */
.arrow, .fancybox-nav .arrow-bg {
  position: absolute;
  display: block;
  top: 50%;
  opacity: 1 !important;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  text-indent: -999em;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  background: #808080;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray));
  background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
              /*.lt-ie10 & {
filter: none; /* this allows SVG gradient in IE9 per above style */
  /*&:hover:before {
  	@include background-color-rgba(251,250,202,.25);
  }*/ }
  .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg {
    border-color: white; }
  .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); }
  .arrow:before, .fancybox-nav .arrow-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: ""; }
  .arrow:hover, .fancybox-nav .arrow-bg:hover {
    cursor: pointer;
    background: #b6b6a1;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjZiNmExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDZkNmMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjZhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a5a593), color-stop(52%, #e0e0c9), color-stop(100%, #a5a593));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #a5a593 0%, #e0e0c9 52%, #a5a593 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* IE10+ */
    background: linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* W3C */ }
    .lt-ie9 .arrow:hover, .lt-ie9 .fancybox-nav .arrow-bg:hover, .fancybox-nav .lt-ie9 .arrow-bg:hover {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6c0', endColorstr='#b6b6a1',GradientType=0 );
      /* IE6-8 fallback on horizontal gradient */ }
  .arrow a, .fancybox-nav .arrow-bg a, .arrow .arrow-arrow, .fancybox-nav .arrow-bg .arrow-arrow {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
    background: url(../images/homepage/slider-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-indent: -999em; }

.arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg {
  left: 0 !important;
  border-width: 1px 1px 1px 0; }
  .arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg, .arrow.back:before, .fancybox-nav .back.arrow-bg:before, .fancybox-prev .arrow-bg:before {
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0; }

.arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg {
  right: 0 !important;
  border-width: 1px 0 1px 1px; }
  .arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg, .arrow.forward:before, .fancybox-nav .forward.arrow-bg:before, .fancybox-next .arrow-bg:before {
    -moz-border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px; }
  .arrow.forward a, .fancybox-nav .forward.arrow-bg a, .fancybox-next .arrow-bg a, .arrow.forward .arrow-arrow, .fancybox-nav .forward.arrow-bg .arrow-arrow, .fancybox-next .arrow-bg .arrow-arrow {
    background-position: 50% 100%; }

/* Close button */
.close, #character-single-wrap .close, .fancybox-close {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 5;
  text-decoration: none;
  color: #fff;
  font-family: GoudyTrajan;
  font-weight: bold;
  font-size: 15px; }
  .close:hover, #character-single-wrap .close:hover, .fancybox-close:hover {
    color: #fbfaca; }

/* Pagination Controls */
.pager {
  vertical-align: middle;
  float: right;
  font-family: 'GoudyTrajan-Bold'; }
  .pager a {
    font-size: 0.9em;
    padding: .1em .2em; }
    .pager a.current {
      color: #fff;
      background: none;
      filter: none;
      text-shadow: none;
      box-shadow: none;
      border: 0; }
  .pager li.pager-current {
    color: #fff;
    background: none;
    filter: none;
    text-shadow: none;
    box-shadow: none;
    border: 0; }

.item-list .pager li {
  margin: 0;
  padding: 0; }

/* Category Sidebar */
.category-list {
  display: block;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  text-align: right; }
  .category-list li {
    display: block;
    margin-bottom: 0.5em; }
  .category-list a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-family: 'GoudyTrajan';
    font-weight: bold;
    line-height: 1;
    word-wrap: break-word; }
  .category-list .active a {
    font-size: 2em; }

/* - HOMEPAGE --------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - content ---------------------------------------------- */
/* -------------------------------------------------------- */
.front .content {
  width: auto; }

.front .five.column {
  margin-top: 0px;
  width: 960px;
  position: relative;
  /* article teasers & promo graphics must sit on top of footer */
  z-index: 100; }

.front .span-3 {
  padding: 0;
  background: url(../images/homepage/article-teaser-bg.png) center top no-repeat;
  width: 636px;
  height: 326px; }

.front .five > .span-2 {
  width: 310px; }

/*
.front .span-3 {
  position: relative;
}

.front .block-community-news {
  background: url(../images/homepage/article-teaser-bg-center.png) 24px top no-repeat;
  height: 326px;
  border: 1px solid red;
  float: left;
  width: 580px;
  margin-right: 24px;
}

.front  .block-community-news:before {
  display: block;
  content: "";
  background: url(../images/homepage/article-teaser-bg-left.png) left top no-repeat;
  width: 24px;
  height: 326px;
  border: 1px solid green;
  float: left;
}

.front  .block-community-news:after {
  display: block;
  content: "";
  background: url(../images/homepage/article-teaser-bg-right.png) right top no-repeat;
  width: 24px;
  height: 326px;
  border: 1px solid blue;
  position: absolute;
  right: -24px;
  top: 0;
}
*/
.front .span-3 h2 {
  font-size: 18px;
  margin: 17px 34px; }

.front .news-teaser {
  height: 69px;
  overflow: hidden;
  margin: 0 34px 10px 34px; }

.front .news-teaser > a {
  position: absolute; }

.front .news-teaser > h5,
.front .news-teaser > time,
.front .news-teaser > nav,
.front .news-teaser > .news.content {
  margin-left: 190px; }

.front .news-teaser h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .front .news-teaser h5 a {
    font-size: 13px;
    text-decoration: none; }

.front .news-teaser > .news.content {
  margin-bottom: 0;
  position: relative;
  /* necessary for read-more arrow positioning */ }

.front .news-teaser > .news.content p {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin: 0; }

.front .news-teaser > .news.content a {
  color: #e9e2ba;
  display: block;
  /* necessary for read-more arrow positioning */
  float: left;
  /* necessary for read-more arrow positioning */ }

/* read-more arrow */
.front .news-teaser > .news.content a:after {
  content: "";
  display: block;
  float: right;
  margin: 3px 0 0 5px;
  border-color: transparent transparent transparent #e9e2ba;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0; }

.front .news-teaser > .news.content a:hover {
  color: #fff; }

.front .news-teaser > .news.content a:hover:after {
  border-color: transparent transparent transparent white; }

.front .news-teaser > .news-teaser p {
  display: inline;
  margin: 0; }

.front .block-community-news .more-link {
  margin: 0 34px; }

.ie9 .front .block-community-news .more-link a {
  filter: none; }

/* this allows SVG gradient in IE9 per above style */
/* -------------------------------------------------------- */
/* - anything slider -------------------------------------- */
/* -------------------------------------------------------- */
  /*
   * Removing to fix placement issues on lotro.com
.anythingSlider {
  height: 690px !important;
  width: 100% !important;
  margin-left: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.anythingSlider .anythingWindow {
  width: 1024px;
  overflow: visible;
  margin: auto; }

ul.slider li {
  width: 1024px; }

.anythingSlider .panel {
  height: 100% !important; }
*/
.anythingSlider-turbine .anythingControls {
  width: 980px;
  margin: 0 auto; }

/* moved arrow */
/* arrow overrides */
.anythingSlider-turbine .arrow a, .anythingSlider-turbine .fancybox-nav .arrow-bg a, .fancybox-nav .anythingSlider-turbine .arrow-bg a {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  background-image: url(../images/homepage/slider-arrow.png);
  background-position: 50% 0; }
  .anythingSlider-turbine .arrow a:hover, .anythingSlider-turbine .fancybox-nav .arrow-bg a:hover, .fancybox-nav .anythingSlider-turbine .arrow-bg a:hover {
    background-position: 50% 0; }
.anythingSlider-turbine .arrow.forward a, .anythingSlider-turbine .fancybox-nav .forward.arrow-bg a, .fancybox-nav .anythingSlider-turbine .forward.arrow-bg a, .anythingSlider-turbine .fancybox-next .arrow-bg a, .fancybox-next .anythingSlider-turbine .arrow-bg a {
  background-position: 50% 100%; }

.anythingSlider-turbine .anythingControls {
  text-align: center; }

.anythingSlider-turbine .anythingControls .start-stop {
  display: none !important; }

.anythingSlider-turbine .anythingControls ul,
.anythingSlider-turbine .anythingControls ul li {
  float: none; }

.anythingSlider-turbine .anythingControls ul {
  position: relative;
  top: -40px; }

.anythingSlider-turbine .anythingControls ul li {
  display: inline-block; }

.anythingSlider-turbine .anythingControls ul li.last > a {
  margin-right: 0; }

.anythingSlider-turbine .anythingControls ul a {
  display: block;
  position: relative;
  height: 18px;
  width: 18px;
  margin-right: 4px;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #808080;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray));
  background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); }
  .lt-ie9 .anythingSlider-turbine .anythingControls ul a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); }

.anythingSlider-turbine .anythingControls a.cur {
  background: #4b4b4b;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGI0YjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzA3MDcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4b4b4b), color-stop(50%, #707070), color-stop(100%, #4b4b4b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* W3C */ }
  .lt-ie9 .anythingSlider-turbine .anythingControls a.cur {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#4b4b4b',GradientType=0 );
    /* IE6-8 fallback on horizontal gradient */ }

.anythingSlider-turbine .anythingControls ul a > span {
  display: none; }

.slide-content {
  width: 100%; }
  .slide-content a > * {
    color: #fff;
    text-decoration: none; }
  .slide-content a.action {
    color: #313131; }
  .slide-content .rawhtml-container {
    position: relative; }

.slide-content.rawhtml .rawhtml-container h2,
.slide-content.rawhtml .rawhtml-container h2 > strong {
  color: #ede9bc;
  text-shadow: 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09;
  width: auto;
  float: left;
  font-variant: small-caps;
  clear: both;
  line-height: .8em; }

.slide-content.rawhtml .rawhtml-container h2 {
  font-size: 2em;
  margin: 15px 0 36px; }

.slide-content.rawhtml .rawhtml-container h2 > strong {
  font-size: 2em; }

.slide-content {
  /*some styles for ocr*/ }
  .slide-content .action {
    line-height: 30px;
    font-size: 1.6em;
    padding: 0 1em 0 .5em;
    position: relative;
    position: relative; }
    .slide-content .action:after {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid #313131; }
    .slide-content .action:hover:after {
      border-left: 0.4em solid #313131; }
    .slide-content .action:after {
      right: 0.2em; }
  .slide-content.image {
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
    .slide-content.image > a > img {
      display: block; }
    .slide-content.image aside {
      background-image: none;
      width: 50%; }
      .slide-content.image aside.caption-box {
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); }
        .slide-content.image aside.caption-box h2 {
          font-size: 2.5em; }
      .slide-content.image aside.top {
        top: 60px; }
      .slide-content.image aside.bottom {
        bottom: 60px; }
      .slide-content.image aside.center {
        left: 25%;
        text-align: left; }
      .slide-content.image aside.left {
        left: 10px; }
      .slide-content.image aside.right {
        text-align: left;
        right: 10px; }
    .slide-content.image a {
      text-decoration: none; }
      .slide-content.image a > * {
        color: #fff; }
      .slide-content.image a.action {
        color: #313131; }
  .slide-content.video {
    height: 604px;
    margin-top: 40px; }
    .slide-content.video .yt-video {
      width: 100%; }
    .slide-content.video .player-wrapper {
      padding: 0; }
    .slide-content.video aside {
      position: absolute;
      display: none; }
  .slide-content h2 {
    color: #f8f3bd;
    text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black;
    margin-bottom: 6px;
    font-size: 4em; }
    .lt-ie10 .slide-content h2 {
      filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }
  .slide-content p {
    padding: 0;
    margin-bottom: .5em;
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content h2.drop-shadow {
    text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content .drop-shadow {
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content .no-shadow {
    text-shadow: none; }

ul.slider {
  height: 690px; }

#toolbar a {
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 11px;
  font-variant: normal; }

.anything-slider-bg {
  min-width: 1024px; }

.center-outer {
  display: table;
  width: 100%;
  height: 100%; }

.center-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

/* ---------------------------------
Promo banner
----------------------------------- */
.promo-banner {
  display: block;
  background-position: center top; }

.promo-banner.sprite:hover {
  background-position: center bottom; }

/* - CHARACTER PAGES -------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - main ------------------------------------------------- */
/* -------------------------------------------------------- */
.menu-characters .content {
  padding-right: 125px; }
  .menu-characters .content > * {
    position: relative;
    z-index: 1; }

#character-wrap {
  position: absolute;
  top: 148px;
  height: 490px;
  width: 960px;
  margin-left: 35px;
  z-index: 0; }

#character-wrap figure,
#character-wrap figure > a,
#character-wrap figcaption {
  position: absolute; }

#character-wrap figure {
  z-index: 0;
  bottom: 0;
  display: block;
  height: 100%;
  overflow: visible; }

#character-wrap figure:hover {
  z-index: 1; }

#character-wrap figure:hover figcaption {
  display: block; }

#character-wrap figcaption {
  left: -25%;
  width: 150%;
  text-align: center;
  display: none;
  opacity: 0; }

#character-wrap figcaption h2 {
  font-size: 3em;
  margin: 0;
  padding-bottom: 16px;
  background: url(../images/global/headline-decor.png) no-repeat 50% 100%; }

#character-wrap figcaption p {
  font-size: 1em;
  text-shadow: 0 0 2px #000; }

figure#hobbit {
  width: 187px;
  left: 0; }

figure#elf {
  width: 237px;
  left: 180px; }

figure#rom {
  width: 297px;
  left: 358px; }

figure#dwarf {
  width: 279px;
  left: auto;
  right: 0; }

#character-wrap figure img {
  display: block;
  width: 100%;
  height: auto; }

figure#hobbit > a {
  bottom: 40px; }

figure#elf > a {
  bottom: 65px; }

figure#rom > a {
  bottom: 0; }

figure#dwarf > a {
  bottom: 50px; }

figure#hobbit > figcaption {
  bottom: 0; }

figure#elf > figcaption {
  bottom: 15%; }

figure#rom > figcaption {
  bottom: 20%; }

figure#dwarf > figcaption {
  bottom: 10%; }

/* -------------------------------------------------------- */
/* - single character ------------------------------------- */
/* -------------------------------------------------------- */
#character-single-wrap {
  min-height: 700px; }

div[id^="character-single-hero"] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  padding: 0 400px;
  left: -400px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-repeat: no-repeat; }

#character-info {
  padding-left: 1em;
  position: relative;
  z-index: 0;
  width: 716px;
  margin-bottom: 15px;
  float: right; }

#character-info h2 {
  font-size: 3.5em;
  margin-bottom: 15px; }

#character-info h3 {
  margin-bottom: 0; }

#character-classes > h3 {
  font-size: 17px;
  margin-left: 15px;
  margin-bottom: 10px; }

#character-info article {
  padding-bottom: 30px;
  padding-left: 1em;
  margin-bottom: 15px;
  float: left;
  background: url(../images/race-separator.png) no-repeat bottom center transparent; }

#character-info article p {
  width: 70%;
  float: right; }

#character-info .more {
  display: block; }
  #character-info .more a {
    position: relative;
    margin-right: 1em; }
    #character-info .more a:before {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid #e9e2ba; }
    #character-info .more a:hover:before {
      border-left: 0.4em solid #fbfaca; }

#character-info article aside {
  width: 30%;
  float: left; }

#character-info figcaption {
  margin-bottom: 15px; }

#character-info aside img {
  border: 1px solid #6D6B6B; }

#character-info .more-videos {
  display: block; }

#character-single-wrap .close, #character-single-wrap .fancybox-close {
  top: 43px;
  right: 35px; }

#character-single-wrap .forward {
  float: right; }
#character-single-wrap .back {
  float: left; }

#character-single-wrap section {
  padding: 0; }

/* @TODO Remove */
#character-classes section {
  margin-bottom: 15px; }

#character-classes section:last-child {
  margin-bottom: 0; }

#character-classes h2 {
  margin: 25px 0 10px;
  padding-left: 1em;
  font-size: 18px; }

#character-classes h4 {
  font-size: 25px;
  margin-bottom: 20px; }

#character-classes h5 {
  margin-bottom: 0; }

.grid-4 {
  float: left;
  width: 25%; }

.grid-2 {
  float: left;
  width: 50%; }

ul#class-icons {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%; }

#class-icons li:before,
#class-icons a {
  /*background-image: url(../images/classes/class-icon-sprite.png);*/
  background-repeat: no-repeat; }

#class-icons li:before {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  content: ""; }

#class-icons li,
#class-icons li:before {
  background-position: 50% 200%;
  background-repeat: no-repeat; }

#class-icons li {
  width: 11.111111%;
  height: 71px;
  position: relative;
  float: left; }

#class-icons li,
#class-icons li.active {
  -moz-border-radius: 50% 50% 0 0;
  -webkit-border-radius: 50% 50% 0 0;
  border-radius: 50% 50% 0 0; }

#class-icons li.active,
#character-single-wrap section > div {
  background-color: rgba(63, 63, 63, 0.8); }
  .lt-ie9 #class-icons li.active, .lt-ie9
  #character-single-wrap section > div {
    background-color: #3f3f3f; }

#class-icons li.active:before {
  background-position: 50% 100%; }

#class-icons a {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background-position: 50% 0px; }

#class-icons li:hover a {
  background-position: 50% -71px; }

#class-icons li.unavailable a {
  background-position: 50% -142px; }

#character-single-wrap section > div {
  float: left;
  width: 100%;
  padding: 5px 15px;
  display: none; }

#character-single-wrap section > div.active {
  display: block; }

.character-gallery {
  display: none; }

/* - SPINNER PAGES ---------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - spinner wheel ---------------------------------------- */
/* -------------------------------------------------------- */
.node-spinner {
  position: relative;
  width: 100%;
  height: 550px;
  margin: 30px 0 0; }

.node-spinner-content {
  width: 100%;
  height: 100%; }

.node-spinner-pane {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-left: 300px;
  width: 450px; }

.scroller-container {
  float: right;
  width: 358px;
  text-align: right;
  margin-right: 770px; }

.scroller-container a {
  width: 100%;
  height: 17px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  position: relative;
  margin-bottom: 9px; }

.scroller > ul {
  left: 0; }

.scroller > ul > li {
  padding: 0; }

.scroller > ul > li > div {
  margin-right: 3px;
  /* a little margin to account for the shadow */ }

.scroller-container a[class^='scroller'] {
  background: url(../images/spinner-arrows.png) no-repeat 100% 0;
  z-index: 100; }

.scroller-container a.scroller-down {
  background-position: 100% -34px; }

.scroller-container a.scroller-up:hover {
  background-position: 100% -17px; }

.scroller-container a.scroller-down:hover {
  background-position: 100% -51px; }

.scroller {
  width: 358px; }

.scroller li {
  width: 358px;
  padding: 0;
  white-space: nowrap;
  text-align: right;
  font-family: 'GoudyTrajan';
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  text-shadow: 0px 0px 3px #000000, 1px 2px 3px #000000;
  /*filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2)*/ }

.scroller li.offset_0 {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }
  .scroller li.offset_0 > div {
    margin-top: 0; }

.scroller li > div {
  float: right;
  width: 100%;
  padding: 0;
  margin-top: 4px; }

/* -------------------------------------------------------- */
/* - region/feature pages --------------------------------- */
/* -------------------------------------------------------- */
body.menu-world .pagecontent {
  height: 680px; }

.node-spinner-content {
  background: url(../images/spinner-content-bg.png) 260px 0px no-repeat; }

.node-spinner-pane > div {
  width: 100%;
  height: 100%; }

.node-spinner-pane h2 {
  font-size: 40px;
  margin-top: 15px; }

.menu-features .node-spinner-pane h2 {
  margin-top: 50px; }

.node-spinner-pane .level-range, .node-spinner-pane h3 {
  font-family: 'GoudyTrajan';
  font-size: 14px;
  font-weight: bold; }

.node-spinner-pane p, .node-spinner-pane h3 {
  margin-left: 2px;
  text-shadow: -1px 2px 2px #000000, -1px 2px 4px #000000; }

.node-spinner-pane h3 {
  margin-bottom: 0; }

.node-spinner-pane p {
  margin-bottom: 15px;
  text-align: justify;
  line-height: 14px; }

#page-bgs, #page-bgs div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 985px;
  width: 100%;
  background-position: center 30px;
  background-repeat: no-repeat; }

body.toolbar #page-bgs div {
  background-position: center 94px; }

#page-bgs div, #char-bottom-bgs > div {
  display: none; }

#char-bottom-bgs, #char-bottom-bgs div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 470px;
  background-position: top center;
  background-repeat: no-repeat; }

#char-bottom-bgs {
  top: 731px; }

#char-bottom-bgs div {
  top: 0; }

body.menu-features .node-spinner-content {
  background: url(../images/features-content-bg.png) 260px 0 no-repeat; }

body.menu-features .scroller-container a {
  margin-bottom: 7px; }

/* - CATEGORY PAGES -------------------------------------- */
/* -------------------------------------------------------- */
.node-type-category-page .category-tiles {
  text-align: center; }

.node-type-category-page figure {
  margin: 10px 5px;
  display: inline-block;
  position: relative;
  width: 227px;
  height: 260px; }

.node-type-category-page figure:hover a {
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: transform .1s linear;
  -moz-transition: transform .1s linear;
  transition: transform .1s linear; }

.lt-ie9 .node-type-category-page figure:hover a {
  border-color: #f6b618; }

.node-type-category-page figure a {
  display: block;
  position: relative;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7); }
  .lt-ie9 .node-type-category-page figure a {
    border-color: white; }

.node-type-category-page figure a:before {
  display: block;
  position: absolute;
  right: 0;
  content: " ";
  background: url(../images/global/category-tile-shine.png) right top no-repeat;
  width: 208px;
  height: 127px;
  opacity: 0.15; }

.node-type-category-page figcaption {
  position: absolute;
  bottom: 0;
  padding: 9px 18px;
  text-align: left;
  min-height: 110px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85); }
  .lt-ie9 .node-type-category-page figcaption {
    background: url(../images/transparent-black-85.png) repeat transparent; }

.node-type-category-page h3 {
  margin-bottom: -2px;
  font-size: 16px;
  letter-spacing: 0.075em;
  text-shadow: 0 0 8px black, 0 0 4px rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

.node-type-category-page p {
  line-height: 1.4; }

/* - MEDIA ----------------------------------------------- */
/* -------------------------------------------------------- */
/* Media Page Layout */
.menu-media .content > .media {
  width: 744px;
  margin-top: 0;
  margin-right: 0;
  position: relative; }
  .menu-media .content > .media > section {
    float: left;
    width: 352px; }

/* Gallery Page Layout */
body.node-type-gallery .media > .gallery > ul {
  width: 744px;
  margin-left: 300px;
  margin-top: -7px; }

.gallery-footer {
  width: 744px;
  margin-left: 300px; }

/* Styles shared between the media landing page and the gallery pages */
body.menu-media h2, body.node-type-gallery h2 {
  font-size: 28px;
  margin-bottom: 10px; }
body.menu-media .gallery > ul:hover a, body.node-type-gallery .gallery > ul:hover a {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  opacity: 0.4;
  filter: alpha(opacity=40); }
body.menu-media .gallery > ul li, body.node-type-gallery .gallery > ul li {
  float: left;
  position: relative; }
  body.menu-media .gallery > ul li a, body.node-type-gallery .gallery > ul li a {
    display: block;
    position: relative;
    width: 169px;
    height: 94px;
    margin-bottom: 7px;
    margin-right: 7px;
    overflow: hidden;
    transition-property: border-color, opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    opacity: 1;
    filter: alpha(opacity=100);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.3); }
    .lt-ie9 body.menu-media .gallery > ul li a, .lt-ie9 body.node-type-gallery .gallery > ul li a {
      border-color: white; }
    body.menu-media .gallery > ul li a:hover, body.node-type-gallery .gallery > ul li a:hover {
      transition-property: border-color;
      transition-duration: 0.4s;
      transition-timing-function: ease-out;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(255, 255, 255, 0.5); }
      .lt-ie9 body.menu-media .gallery > ul li a:hover, .lt-ie9 body.node-type-gallery .gallery > ul li a:hover {
        border-color: white; }
    body.menu-media .gallery > ul li a img, body.node-type-gallery .gallery > ul li a img {
      width: 170px;
      height: 95px; }
  body.menu-media .gallery > ul li:hover a, body.node-type-gallery .gallery > ul li:hover a {
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    opacity: 1;
    filter: alpha(opacity=100);
    /*-webkit-filter: grayscale(0);
    filter: none;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);*/ }
body.menu-media .gallery .social, body.node-type-gallery .gallery .social {
  display: none; }
body.menu-media .gallery .caption, body.node-type-gallery .gallery .caption {
  display: none; }
body.menu-media .gallery .template, body.node-type-gallery .gallery .template {
  display: none; }
body.menu-media .gallery span.caption, body.node-type-gallery .gallery span.caption {
  opacity: 1; }
body.menu-media .videos .gallery > ul li a, body.node-type-gallery .videos .gallery > ul li a {
  width: 343px;
  height: 195px; }
  body.menu-media .videos .gallery > ul li a > img, body.node-type-gallery .videos .gallery > ul li a > img {
    margin-top: -10%;
    width: 100%;
    height: 140%; }
  body.menu-media .videos .gallery > ul li a .yt-thumb-clip, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip {
    position: absolute;
    display: block;
    top: -100px;
    bottom: -100px;
    left: -100px;
    right: -100px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    word-break: normal; }
    body.menu-media .videos .gallery > ul li a .yt-thumb-clip img, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip img {
      width: 347px;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
  body.menu-media .videos .gallery > ul li a .yt-thumb-clip-inner, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip-inner {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    line-height: normal;
    white-space: nowrap;
    word-break: normal; }
  body.menu-media .videos .gallery > ul li a .vertical-align, body.node-type-gallery .videos .gallery > ul li a .vertical-align {
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  body.menu-media .videos .gallery > ul li a:after, body.node-type-gallery .videos .gallery > ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/video-thumb-icon.png) no-repeat center center transparent;
    background-size: contain; }
  body.menu-media .videos .gallery > ul li a:hover .caption, body.node-type-gallery .videos .gallery > ul li a:hover .caption {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75); }
    .lt-ie9 body.menu-media .videos .gallery > ul li a:hover .caption, .lt-ie9 body.node-type-gallery .videos .gallery > ul li a:hover .caption {
      background: url(../images/transparent-black-75.png) repeat transparent; }

.media > div ul {
  height: 100%; }

.gallery {
  position: relative; }
  .gallery .more {
    margin-right: 7px;
    padding-right: 20px;
    position: relative; }
    .gallery .more:after {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid black; }
    .gallery .more:hover:after {
      border-left: 0.4em solid black; }
    .gallery .more:after {
      right: .5em;
      top: .5em; }
  .gallery .gallery-header {
    position: absolute;
    top: -36px;
    right: 27px; }
  .gallery .gallery-links {
    width: 280px;
    float: left; }
    .gallery .gallery-links .category-list {
      /*overrides*/
      margin-top: 20px; }
      .gallery .gallery-links .category-list li {
        display: block; }
      .gallery .gallery-links .category-list a {
        width: auto;
        display: block;
        margin-bottom: 0; }
  .gallery .gallery-footer {
    clear: both; }
    .gallery .gallery-footer .pager {
      display: none; }

/*--------------------------------------
  Fancybox
  -------------------------------------*/
.fancybox-skin {
  position: relative;
  padding: 0;
  background: #000;
  color: #fff; }
  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.fancybox-title {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 8px;
  background-color: rgba(0, 0, 0, 0.75); }
  .lt-ie9 .fancybox-title {
    background: url(../images/transparent-black-75.png) repeat transparent; }
  .fancybox-title iframe {
    float: none;
    display: inline-block; }
  .fancybox-type-image .fancybox-title {
    display: block; }

.fancybox-nav {
  width: 30%;
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .fancybox-type-iframe .fancybox-nav {
    height: 50%;
    margin-top: 145px; }

.fancybox-prev {
  /*override gallery.css*/
  left: 0; }
  .fancybox-prev .arrow-arrow {
    left: 0;
    top: 0; }

.fancybox-next {
  /*override gallery.css*/
  right: 0; }
  .fancybox-next .arrow-arrow {
    left: 0;
    top: 0; }

.fancybox.alternates label {
  display: none; }
.fancybox.alternates a {
  display: inline-block;
  margin-right: 10px;
  float: none; }
.fancybox.alternates .other-sizes {
  display: inline-block;
  margin-right: 10px; }

.fancybox-social {
  display: inline-block; }

.fancybox-count {
  display: inline-block;
  margin-left: 10px;
  float: right;
  font-family: 'GoudyTrajan';
  line-height: 24px; }

.fancybox-caption {
  display: block;
  margin-top: 10px; }

.fancybox-close-container {
  position: absolute;
  width: 100%;
  top: -20px;
  text-align: right; }

.fancybox-close {
  position: static;
  width: auto;
  height: auto;
  background: none;
  display: inline-block; }

.fancybox-lock {
  margin: 0 !important;
  overflow: auto !important; }
  .fancybox-lock .fancybox-overlay {
    overflow: hidden; }

/* - ARTICLES ----------------------------------------------- */
/* -------------------------------------------------------- */
/* Articles List */
/*overrides*/
.vocabulary-news {
  font-size: inherit; }

.news-teaser .news.content p {
  line-height: 1.3;
  margin-bottom: 0.3em; }

.news-teaser img {
  float: left; }
.news-teaser time {
  display: block; }
.news-teaser h5 {
  margin-bottom: 0; }
  .news-teaser h5 a {
    text-decoration: none; }
.news-teaser .content {
  margin-bottom: 0; }
.news-teaser .news.content p {
  max-width: none; }

.page-taxonomy-term .submitted, .page-taxonomy-term .tags {
  margin-bottom: 1em; }
.page-taxonomy-term .news-teaser .news.content > a {
  position: relative; }
  .page-taxonomy-term .news-teaser .news.content > a:after {
    content: "";
    position: absolute;
    right: -0.7em;
    top: 0.38em;
    width: 0;
    height: 0;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
    border-left: 0.4em solid black; }
  .page-taxonomy-term .news-teaser .news.content > a:hover:after {
    border-left: 0.4em solid black; }

body.page-taxonomy-term .block-system,
body.menu-articles .block-system {
  margin-left: 280px; }

/* change move to fullwidth selector following install*/
body.page-taxonomy-term .block-system .content,
body.menu-articles .block-system .content {
  width: auto; }

body.menu-articles a.article-item {
  display: block;
  margin: 8px 0;
  padding: 15px;
  color: #fff;
  box-shadow: 0 0 6px #000;
  text-decoration: none; }

body.menu-articles a.article-item:hover {
  color: #fff;
  box-shadow: 0 0 6px #ffc; }
  .lt-ie9 body.menu-articles a.article-item:hover {
    color: #fbfaca;
    border: 1px solid #fbfaca; }

body.page-taxonomy-term article,
body.menu-articles article {
  position: relative;
  display: inline-block;
  width: 749px;
  margin-bottom: 6px; }

/*body.menu-articles img
{
  position: absolute;
  top: 0;
  left: 0;
}*/
body.page-taxonomy-term article h5,
body.page-taxonomy-term article time,
body.page-taxonomy-term article nav,
body.page-taxonomy-term article div,
body.menu-articles article h5,
body.menu-articles article div {
  margin-left: 190px; }

body.page-taxonomy-term article nav,
body.menu-articles article nav {
  display: none; }

body.page-taxonomy-term article div.news.content,
body.menu-articles article div.news.content {
  position: relative;
  top: -2px; }

.page-taxonomy-term h5,
.menu-articles h5 {
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 6px; }

.menu-articles time {
  display: inline;
  font-size: 1em !important; }

.menu-articles .postedin {
  margin-bottom: 1em; }

.page-taxonomy-term .form-type-item {
  display: none; }

.term-listing-heading {
  position: absolute;
  left: 0;
  width: 260px; }

/* ------------------------------
 * Article Page 
 * ------------------------------
 */
/* Overrides for the wireframe theme */
body.node-type-news h1#page-title {
  display: block; }
body.node-type-news .news.content p {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1; }
body.node-type-news .content {
  position: relative; }

/* end overrides */
/* class for making two flowing columns on content */
.two-column {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }

/* Theme Styles */
.node-news {
  width: 879px;
  margin-top: -14px;
  margin-left: 124px;
  padding: 17px; }
  .node-news h1, .node-news .submitted {
    display: none; }
  .node-news .social {
    margin-top: 1em;
    text-align: right; }
  .node-news .author {
    display: block;
    margin-bottom: 1em; }

#block-system-main article.node-news .news.content h3 {
  padding-top: 10px;
  background-image: url("../images/race-separator.png");
  background-repeat: no-repeat;
  background-position: top center; }
#block-system-main article.node-news .news.content img {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.article-close {
  z-index: 5;
  position: absolute;
  top: -20px;
  right: 29px; }
  .article-close a {
    text-decoration: none; }
  .article-close.bottom {
    position: relative;
    top: 0;
    float: right;
    padding-top: 10px; }

/*
 * ---------------------------------------------------------------
 Become a VIP Page
 -----------------------------------------------------------------
 */
.menu-vip .node-page, .menu-vip #character-info, .menu-vip .menu-media .content > .media, .menu-media .menu-vip .content > .media {
  padding-right: 0;
  padding-left: 0; }
  .menu-vip .node-page .content > *, .menu-vip #character-info .content > *, .menu-vip .menu-media .content > .media .content > *, .menu-media .menu-vip .content > .media .content > * {
    margin-right: 15px;
    margin-left: 20px; }
  .menu-vip .node-page .content > ul, .menu-vip #character-info .content > ul, .menu-vip .menu-media .content > .media .content > ul, .menu-media .menu-vip .content > .media .content > ul {
    margin-right: 0;
    margin-left: 0;
    padding-right: 3px;
    padding-left: 3px; }
.menu-vip .tagline {
  position: relative; }
  .menu-vip .tagline p {
    margin-left: 22%;
    margin-bottom: 30px;
    font-family: 'GoudyTrajan-Bold';
    font-weight: bold;
    font-size: 60px;
    line-height: 40px;
    color: #e9e2ba;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: rgba(255, 255, 255, 0.4) 0.3px; }
  .menu-vip .tagline span {
    font-size: 29px;
    vertical-align: top; }
  .menu-vip .tagline .first-line {
    display: block;
    line-height: 34px; }
  .menu-vip .tagline .currency {
    display: inline-block;
    margin-left: 19px;
    font-size: 44px;
    line-height: 30px; }
  .menu-vip .tagline:before, .menu-vip .tagline:after {
    content: "";
    height: 1px;
    width: 22%;
    position: absolute;
    top: 70%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6); }
    .lt-ie9 .menu-vip .tagline:before, .lt-ie9 .menu-vip .tagline:after {
      background-color: white; }
  .menu-vip .tagline:after {
    left: auto;
    right: 0; }
.menu-vip .gallery {
  list-style: none;
  margin: 0;
  overflow: hidden; }
  .menu-vip .gallery li {
    float: right;
    margin-right: 15px; }
.menu-vip.lang-fr .tagline p {
  margin-left: 16%; }
.menu-vip.lang-fr .tagline .first-line {
  margin-left: -23px; }
.menu-vip.lang-fr .tagline:after, .menu-vip.lang-fr .tagline:before {
  width: 14%; }
.menu-vip.lang-de .tagline .first-line {
  margin-left: -25px;
  line-height: 40px; }
.menu-vip.lang-de .tagline p {
  margin-left: 24%; }

ul.column.two {
  display: table;
  width: 100%;
  margin: 0;
  margin-top: 22px;
  padding: 0;
  float: none; }
  ul.column.two li {
    display: table-cell;
    position: relative;
    width: 50%;
    height: 30px;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 62px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8%;
    font-weight: bold; }
    ul.column.two li:nth-child(4n - 3) {
      background-color: rgba(255, 255, 255, 0.1); }
      .lt-ie9 ul.column.two li:nth-child(4n - 3) {
        background-color: white; }
      ul.column.two li:nth-child(4n - 3):last-child {
        width: 100%; }
    ul.column.two li:nth-child(4n - 2) {
      background-color: rgba(255, 255, 255, 0.1); }
      .lt-ie9 ul.column.two li:nth-child(4n - 2) {
        background-color: white; }
  ul.column.two .icon, ul.column.two .quest-packs, ul.column.two .turbine-points, ul.column.two .monster-classes, ul.column.two .wardrobe-space, ul.column.two .trait-slots, ul.column.two .character-slots, ul.column.two .crafting-guilds, ul.column.two .inventory-bags, ul.column.two .currency-cap, ul.column.two .auction-house, ul.column.two .chat, ul.column.two .rest-xp {
    position: absolute;
    width: 42px;
    height: 38px;
    top: -4px;
    left: 17px;
    background: url(../images/vip/icon_unlimited-chat.png) no-repeat top left transparent; }
  ul.column.two .quest-packs {
    background-image: url(../images/vip/icon_quest-packs.png);
    width: 42px;
    height: 47px;
    top: -12px; }
  ul.column.two .turbine-points {
    background-image: url(../images/vip/icon_turbine-points.png);
    height: 41px;
    top: -7px; }
  ul.column.two .monster-classes {
    background-image: url(../images/vip/icon_monster-classes.png); }
  ul.column.two .wardrobe-space {
    background-image: url(../images/vip/icon_wardrobe-space.png);
    width: 46px;
    left: 13px; }
  ul.column.two .trait-slots {
    background-image: url(../images/vip/icon_trait-slots.png); }
  ul.column.two .character-slots {
    background-image: url(../images/vip/icon_character-slots.png); }
  ul.column.two .crafting-guilds {
    background-image: url(../images/vip/icon_crafting-guilds.png); }
  ul.column.two .inventory-bags {
    background-image: url(../images/vip/icon_inventory-bags.png); }
  ul.column.two .currency-cap {
    background-image: url(../images/vip/icon_currency-cap.png); }
  ul.column.two .auction-house {
    background-image: url(../images/vip/icon_auction-house.png);
    height: 41px;
    top: -6px; }
  ul.column.two .chat {
    background-image: url(../images/vip/icon_unlimited-chat.png); }
  ul.column.two .rest-xp {
    background-image: url(../images/vip/icon_rest-xp.png); }
  .lang-fr ul.column.two li, .lang-de ul.column.two li {
    height: 40px;
    padding-top: 2px; }
  .lang-fr ul.column.two .icon, .lang-fr ul.column.two .quest-packs, .lang-fr ul.column.two .turbine-points, .lang-fr ul.column.two .monster-classes, .lang-fr ul.column.two .wardrobe-space, .lang-fr ul.column.two .trait-slots, .lang-fr ul.column.two .character-slots, .lang-fr ul.column.two .crafting-guilds, .lang-fr ul.column.two .inventory-bags, .lang-fr ul.column.two .currency-cap, .lang-fr ul.column.two .auction-house, .lang-fr ul.column.two .chat, .lang-fr ul.column.two .rest-xp, .lang-de ul.column.two .icon, .lang-de ul.column.two .quest-packs, .lang-de ul.column.two .turbine-points, .lang-de ul.column.two .monster-classes, .lang-de ul.column.two .wardrobe-space, .lang-de ul.column.two .trait-slots, .lang-de ul.column.two .character-slots, .lang-de ul.column.two .crafting-guilds, .lang-de ul.column.two .inventory-bags, .lang-de ul.column.two .currency-cap, .lang-de ul.column.two .auction-house, .lang-de ul.column.two .chat, .lang-de ul.column.two .rest-xp {
    top: 2px; }
  .lang-fr ul.column.two .quest-packs, .lang-de ul.column.two .quest-packs {
    top: -6px; }
  .lang-fr ul.column.two .turbine-points, .lang-de ul.column.two .turbine-points {
    top: -1px; }
  .lang-fr ul.column.two .auction-house, .lang-de ul.column.two .auction-house {
    top: 0px; }

.menu-quickstart .node-page, .menu-quickstart #character-info, .menu-quickstart .menu-media .content > .media, .menu-media .menu-quickstart .content > .media {
  position: relative;
  height: 465px; }
  .menu-quickstart .node-page img.guide, .menu-quickstart #character-info img.guide, .menu-quickstart .menu-media .content > .media img.guide, .menu-media .menu-quickstart .content > .media img.guide {
    position: absolute;
    bottom: -74px;
    left: -72px; }
  .menu-quickstart .node-page .download-pdf, .menu-quickstart #character-info .download-pdf, .menu-quickstart .menu-media .content > .media .download-pdf, .menu-media .menu-quickstart .content > .media .download-pdf {
    height: 365px;
    position: relative; }
    .menu-quickstart .node-page .download-pdf > *, .menu-quickstart #character-info .download-pdf > *, .menu-quickstart .menu-media .content > .media .download-pdf > *, .menu-media .menu-quickstart .content > .media .download-pdf > * {
      position: absolute;
      right: 0;
      bottom: 0; }
    .menu-quickstart .node-page .download-pdf a.button, .menu-quickstart #character-info .download-pdf a.button, .menu-quickstart .menu-media .content > .media .download-pdf a.button, .menu-media .menu-quickstart .content > .media .download-pdf a.button, .menu-quickstart .node-page .download-pdf .more-link a, .more-link .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .more-link a, .more-link .menu-quickstart #character-info .download-pdf a, .menu-quickstart .menu-media .content > .media .download-pdf .more-link a, .more-link .menu-quickstart .menu-media .content > .media .download-pdf a, .menu-media .menu-quickstart .content > .media .download-pdf .more-link a, .more-link .menu-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart .node-page .download-pdf .slide-content a.action, .slide-content .menu-quickstart .node-page .download-pdf a.action, .menu-quickstart #character-info .download-pdf .slide-content a.action, .slide-content .menu-quickstart #character-info .download-pdf a.action, .menu-quickstart .menu-media .content > .media .download-pdf .slide-content a.action, .slide-content .menu-quickstart .menu-media .content > .media .download-pdf a.action, .menu-media .menu-quickstart .content > .media .download-pdf .slide-content a.action, .slide-content .menu-media .menu-quickstart .content > .media .download-pdf a.action, .menu-quickstart .node-page .download-pdf .gallery a.more, .gallery .menu-quickstart .node-page .download-pdf a.more, .menu-quickstart #character-info .download-pdf .gallery a.more, .gallery .menu-quickstart #character-info .download-pdf a.more, .menu-quickstart .menu-media .content > .media .download-pdf .gallery a.more, .gallery .menu-quickstart .menu-media .content > .media .download-pdf a.more, .menu-media .menu-quickstart .content > .media .download-pdf .gallery a.more, .gallery .menu-media .menu-quickstart .content > .media .download-pdf a.more, .menu-quickstart .node-page .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart #character-info .download-pdf a, .menu-quickstart .menu-media .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .menu-media .content > .media .download-pdf a, .menu-media .menu-quickstart .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart .node-page .download-pdf .page-taxonomy-term .news-teaser .news.content > a, .page-taxonomy-term .news-teaser .menu-quickstart .node-page .download-pdf .news.content > a, .menu-quickstart #character-info .download-pdf .page-taxonomy-term .news-teaser .news.content > a, .page-taxonomy-term .news-teaser .menu-quickstart #character-info .download-pdf .news.content > a, .menu-quickstart .menu-media .content > .media .download-pdf .page-taxonomy-term .news-teaser .news.content > a, .page-taxonomy-term .news-teaser .menu-quickstart .menu-media .content > .media .download-pdf .news.content > a, .menu-media .menu-quickstart .content > .media .download-pdf .page-taxonomy-term .news-teaser .news.content > a, .page-taxonomy-term .news-teaser .menu-media .menu-quickstart .content > .media .download-pdf .news.content > a {
      bottom: 58px; }

/*
 * Download Page
 */
.menu-download .node-page, .menu-download #character-info, .menu-download .menu-media .content > .media, .menu-media .menu-download .content > .media {
  margin-right: 250px; }
  .menu-download .node-page .content > div, .menu-download #character-info .content > div, .menu-download .menu-media .content > .media .content > div, .menu-media .menu-download .content > .media .content > div {
    float: left;
    width: 50%; }
    .menu-download .node-page .content > div:first-child, .menu-download #character-info .content > div:first-child, .menu-download .menu-media .content > .media .content > div:first-child, .menu-media .menu-download .content > .media .content > div:first-child {
      padding-top: 10px; }
  .menu-download .node-page .button-play-instantly, .menu-download #character-info .button-play-instantly, .menu-download .menu-media .content > .media .button-play-instantly, .menu-media .menu-download .content > .media .button-play-instantly {
    margin-bottom: 13px; }
  .menu-download .node-page .button-list, .menu-download #character-info .button-list, .menu-download .menu-media .content > .media .button-list, .menu-media .menu-download .content > .media .button-list {
    text-align: center; }
  .menu-download .node-page .pc-other, .menu-download #character-info .pc-other, .menu-download .menu-media .content > .media .pc-other, .menu-media .menu-download .content > .media .pc-other {
    position: relative;
    top: -8px;
    font-size: 11px;
    color: #999;
    font-family: 'GoudyTrajan'; }
    .menu-download .node-page .pc-other:hover, .menu-download #character-info .pc-other:hover, .menu-download .menu-media .content > .media .pc-other:hover, .menu-media .menu-download .content > .media .pc-other:hover {
      color: #fbfaca; }

.button-download-pc {
  background-image: url(/sites/default/files/download/button-pc-en.png); }
  .lang-de .button-download-pc {
    background-image: url(/sites/default/files/download/button-pc-de.png); }
  .lang-fr .button-download-pc {
    background-image: url(/sites/default/files/download/button-pc-fr.png); }

.button-download-mac {
  background-image: url(/sites/default/files/download/button-mac-en.png); }
  .lang-de .button-download-mac {
    background-image: url(/sites/default/files/download/button-mac-de.png); }
  .lang-fr .button-download-mac {
    background-image: url(/sites/default/files/download/button-mac-fr.png); }

.button-play-instantly {
  background-image: url(/sites/default/files/download/button-play-instantly-en.png); }
  .lang-de .button-play-instantly {
    background-image: url(/sites/default/files/download/button-play-instantly-de.png); }
  .lang-fr .button-play-instantly {
    background-image: url(/sites/default/files/download/button-play-instantly-fr.png); }

/*
 * ---------------------------------------------------------------
 AUTH
 -----------------------------------------------------------------
 */
#auth-login .page, #web-layout-password-default .page, #auth-registration .page {
  width: 100%; }
#auth-login header, #web-layout-password-default header, #auth-registration header {
  background: url("../images/headerbar.png") repeat-x scroll center top transparent;
  box-shadow: 0 0 16px 2px black;
  position: relative;
  width: 100%;
  height: 70px; }
  #auth-login header .logo, #web-layout-password-default header .logo, #auth-registration header .logo {
    height: 115px;
    float: left;
    width: 244px;
    position: relative;
    left: 275px; }
#auth-login .page-wrap, #web-layout-password-default .page-wrap, #auth-registration .page-wrap {
  min-height: 680px; }
#auth-login .pagecontent, #web-layout-password-default .pagecontent, #auth-registration .pagecontent {
  width: 1024px;
  margin: 0 auto; }

.pagecontent > div:first-child,
div.character.column {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px; }
  .lt-ie9 div.character.column {
    border-color: white; }
  .lt-ie9 div.character.column {
    background: url(../images/transparent-black-80.png) repeat transparent; }

.popup a:hover {
  color: #e9e2ba; }

.popup dd,
dd.wbid {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; }
  .lt-ie9 .popup dd, .lt-ie9
  dd.wbid {
    border-color: white; }
  .lt-ie9 .popup dd, .lt-ie9
  dd.wbid {
    background: url(../images/transparent-black-80.png) repeat transparent; }

html[lang="en"] #auth-login header .logo, html[lang="en"] #web-layout-password-default header .logo, html[lang="en"] #auth-registration header .logo {
  background-image: url(../images/logo-lotro-en.png); }

html[lang="fr"] #auth-login header .logo, html[lang="fr"] #web-layout-password-default header .logo, html[lang="fr"] #auth-registration header .logo {
  background-image: url(../images/logo-lotro-fr.png); }

html[lang="de"] #auth-login header .logo, html[lang="de"] #web-layout-password-default header .logo, html[lang="de"] #auth-registration header .logo {
  background-image: url(../images/logo-lotro-de.png); }

legend.wbid {
  background-image: url("../images/wbid-icon-light.png"); }

/*
 * Maintenance Page
 */
.maintenance-page .navmenu {
  text-align: right;
  display: block; }

/* Updates */
body > #userbar {
  background: black url(../images/headerbar.png) repeat-x center top; }

header.character > .logo {
  margin-right: 67.5px;
  width: 247px;
  height: 115px; }

html[lang="en"] header.character > .logo {
  background: url(../images/logo-lotro-en.png); }

html[lang="fr"] header.character > .logo {
  background: url(../images/logo-lotro-fr.png); }

html[lang="de"] header.character > .logo {
  background: url(../images/logo-lotro-de.png); }

header.character {
  margin: 0 auto; }

/* 
 * MQB AUG-02-2013
 * Fixing background images for zend password reset pages
 */
body.account,
body[id='password-forgot-index'],                      /* MQB Added */
body[id='password-forgot-success'],                    /* MQB Added */
body[id='password-reset-index'],                       /* MQB Added */
body[id='password-reset-success'],                     /* MQB Added */
body[id='password-forgot-wbid'],                       /* MQB Added */
body[id='password-reset-wbid'],                        /* MQB Added */
body[id='registration-index-index'] 
{
  background-image: url(../images/page-backgrounds/helms-deep.jpg);
  background-size: auto;
}

body.character .page 
{
  padding-top: 20px; 
}

body.account .page-wrap 
{
  margin-top: 50px; 
}

/* 
 * MQB AUG-02-2013
 * Fixing background images for zend password reset pages
 */
body[id='registration-index-index'] .page,              /* MQB Added */
body[id='password-forgot-index'] .page,                 /* MQB Added */
body[id='password-forgot-success'] .page,               /* MQB Added */
body[id='password-reset-success'] .page,                /* MQB Added */
body[id='password-reset-index'] .page,                  /* MQB Added */
body[id='password-forgot-wbid'] .page,                  /* MQB Added */
body[id='password-reset-wbid'] .page,                   /* MQB Added */
body[id*='auth-login'] .page, 
body[id*='auth-registration'] .page, 
body[id*='web-layout-password-default'] .page, 
body[id*='registration-community-index'] .page 
{
  width: auto; 
}

/* 
 * MQB AUG-02-2013
 * Fixing background images for zend password reset pages
 */
body[id='registration-index-index'] .page-wrap,         /* MQB Added */
body[id='password-forgot-index'] .page-wrap,            /* MQB Added */
body[id='password-forgot-success'] .page-wrap,          /* MQB Added */
body[id='password-reset-success'] .page-wrap,           /* MQB Added */
body[id='password-reset-index'] .page-wrap,             /* MQB Added */
body[id='password-forgot-wbid'] .page-wrap,             /* MQB Added */
body[id='password-reset-wbid'] .page-wrap,              /* MQB Added */
body[id*='auth-login'] .page-wrap, 
body[id*='auth-registration'] .page-wrap, 
body[id*='web-layout-password-default'] .page-wrap, 
body[id*='registration-community-index'] .page-wrap 
{
  margin: 0 auto;
  width: 980px; 
}

/* 
 * MQB AUG-02-2013
 * Fixing background images for zend password reset pages
 * Also makes sure the footer bar is the correct width
 */
body[id='registration-index-index'] .footer-wrap, 
body[id='password-forgot-index'] .footer-wrap,          /* MQB Added */
body[id='password-forgot-success'] .footer-wrap,        /* MQB Added */
body[id='password-reset-success'] .footer-wrap,         /* MQB Added */
body[id='password-reset-index'] .footer-wrap,           /* MQB Added */
body[id='password-forgot-wbid'] .footer-wrap,           /* MQB Added */
body[id='password-reset-wbid'] .footer-wrap,            /* MQB Added */
body[id*='auth-login'] .footer-wrap, 
body[id*='auth-registration'] .footer-wrap, 
body[id*='web-layout-password-default'] .footer-wrap, 
body[id*='registration-community-index'] .footer-wrap 
{
  width: auto; 
}

/* 
 * MQB AUG-02-2013
 * Fixing footer bar positioning on pages with minimum content
 * Also makes sure the page content has a minimum height of 680, so the
 * footer doesn't float across the middle of the page.
 */
#registration-index-index .pagecontent,
#password-forgot-index .pagecontent,                    /* MQB Added */
#password-forgot-success .pagecontent,                  /* MQB Added */
#password-reset-success .pagecontent,                   /* MQB Added */
#password-reset-index .pagecontent,                     /* MQB Added */
#password-forgot-wbid .pagecontent,                     /* MQB Added */
#password-reset-wbid .pagecontent,                      /* MQB Added */
#auth-login-index .pagecontent                          /* MQB Added */
{
  min-height: 750px; 
}


.errors > li, li.error {
  color: #fff;
  background: #9B0600;
}

/* -------------------------------------------------------- */
/* - Community ------------------------------------- */
/* -------------------------------------------------------- */
body.page-node-460 {
  background-image: url(../images/page-backgrounds/autumn-ruins-background.jpg);
}
.community {
  margin-top: 50px;
  background: none !important;
  border: none !important;
}
.community .column {
  width: 960px;
}
.community .banner img {
  margin-bottom: 20px;
}
.community .node-page {
  margin: 0 !important;
}
.community .span-2 .block {
  margin-bottom: 10px;
  width: 292px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
}
.community .span-4 .block {
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
}
.community .span-4 .block .more-link {
  width: 65px;
}
.community .span-4 .block:first-child {
  padding: 0;
  border: none;
  background: none;
}
.community .block-aggregator ul {
  list-style: none;
}
  .community .block-aggregator ul li {
    margin-left: 0;
  }
.community .block-aggregator .more-link a {
  float: none;
}
.community .feed-item-summary div {
  display: inline;
}
.community .span-2 {
  width: 300px;
}
.community .span-4 {
  width: 660px;
}
  .community .span-4 .content {
    width: auto;
  }
.community .span-4 #block-system-main {
  margin-top: 14px;
}

/* Post Tracker */
#posttracker .trackerbit {
  background: #1c1c1c url(images/styles/ClanTemplate/style/rowBG.png) repeat-x left bottom;
  padding: 6px 10px;
  border-bottom: 1px solid #090909;
  border-top: 1px solid #262626;
}
 
#posttracker .trackertitle {
  margin-bottom: 0.5em;
}
 
#posttracker .trackerlisthead {
  background: #151515 none;
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #191919;
  border-top: 1px solid #060606;
  border-bottom: 1px solid #090909;
  color: #3f3f3f;
  padding: 2px 0;
  font: normal 12px arial, helvetica, sans-serif;
  margin: 0;
}
 
#posttracker .trackerlisthead .threadtitle, #posttracker .trackerlisthead .threadstatus, #posttracker .trackerlisthead .threadforum {
  padding: 4px 10px 0;
}
 
.dev-tracker-row:before,
.dev-tracker-row:after {
  display: table;
  line-height: 0;
  content: "";
}
 
.dev-tracker-row:after {
  clear: both;
}
 
.dev-tracker-span6 {
  width: 45%;
 
float: left;
  min-height: 1px;
  margin-left: 20px;
 
}
 
.dev-tracker-span3 {
  width: 20%;
float: left;
  min-height: 1px;
  margin-left: 20px; 
}

.dev-tracker-span1 {
  width: 35%;
float: left;
  min-height: 1px;
  margin-left: 20px;
}

.vb .page-wrap {
width: 96%;
margin-left: auto;
margin-right: auto;
}

body {
width: 100%;
margin-left: -0%;
}

div.feed-source {
  background-color: rgba(0,0,0,.8);
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 15%;
  margin-right: -15%;
  width: 70%;
  border-style: ridge;
  border-color: rgba(200,200,200,.6);
  border-width: 2px;
}
div.feed-source > div {
  text-align: center;
}
div.feed-item {
  background-color: rgba(0,0,0,.8);
  width: 40%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  display: inline-block;
  border-style: ridge;
  border-color: rgba(180,150,0,.8);
  border-width: 1px;
  padding: 5px;
}
div.feed-item-body {
  word-wrap: break-word;
}
div.feed-updated {
  padding-bottom: 5px;
}

/**
   Playspan Rotator
**/
body.not-front.node-type-slider div.header-wrap,
body.not-front.node-type-slider div#userbar,
body.not-front.node-type-slider div.footer-wrap,
body.not-front.node-type-slider div.page-wrap hgroup {
	display: none !important;
}

body.not-front.node-type-slider span.arrow,
body.not-front.node-type-slider ul.thumbNav {
	visibility: hidden;
}

body.not-front.node-type-slider,
body.not-front.node-type-slider ul.slider > li,
body.not-front.node-type-slider div,
body.not-front.node-type-slider .column.one,
body.not-front.node-type-slider > div#userbar,
body.not-front.node-type-slider > div#userbar > div.userbar-inner.container {
	width: auto;
	/*height: 100%;*/
	margin: 0px !important;
	margin-top: 0px !important;
	padding: 0px !important;
	padding-top: 0px !important;
	min-height: 0px !important;
	min-width: 0px !important; 
}

/* To prevent random cutoffs */
body.not-front.node-type-slider div.anythingSlider.anythingSlider-turbine.activeSlider,
body.not-front.node-type-slider ul.slider > li
 {
 	width: 358px !important;
	height: 67px !important;
}