@charset "UTF-8";
@import "reset.css";

/*
  Primary Styles
  Author: matthias koplenig [koplenig@wukonig.com]
*/

html { background: #262B2E; overflow-y: scroll; overflow-x: auto; }
body { font: normal 11px/130% Georgia,Times,serif; color: #333; min-height: 100%; }

a, a:link, a:visited, a:focus, a:hover { color: #f6bf1f; text-decoration: none; border-bottom: 1px #f6bf1f solid; }
strong, b { font-weight: normal; font-family: Georgia,Times,serif; color: #f6bf1f; }
em, i { font-style: normal; font-family: Georgia,Times,serif; }
strong em, em strong, b i, i b { font-weight: normal; font-style: normal; font-family: Georgia,Times,serif; color: #f6bf1f; }


#body { width: 960px; background: transparent; min-height: 400px; margin: 0 auto; }
  header { background: url('/_img/keyvisual_01.jpg') transparent top left; height: 250px; position: relative; }
    header #logo { position: absolute; top: 35px; left: 30px; display: block; width: 335px; height: 123px; background: url('/_img/logo_arenarating.png') transparent no-repeat top left; border: 0; }
    header #logo img { visibility: hidden; }

    header #info { background: url('/_img/hangover.png') transparent top left; width: 270px; height: 79px; position: absolute; bottom: 30px; right: -30px; padding: 15px; color: #fff; font: normal 13px/130% Georgia,Times,serif; }
    header #info #eFlag { display: block; background: url('/_img/arena_sprite.png') transparent 0px -252px no-repeat; height: 20px; padding: 0 0 0 35px; line-height: 20px; margin: 5px 0 0 0; }
      #eFlag a, #eFlag a:visited, #eFlag a:link, #eFlag a:focus, #eFlag a:hover { color: #fff; border-bottom: 1px #fff dotted; }

    header nav { position: absolute; right: 30px; bottom: 0; height: 25px; }
      header nav ul { list-style: none; }
        header nav ul > li { float: left; height: 25px; color: #2b3034; background: #b69226; background: -moz-radial-gradient(right -35px 125deg, circle cover, #e7b41d 0%, #e7b41d 50%, #b69226 100%); background: -webkit-gradient(linear, left top, left bottom, from(#e7b41d), to(#b69226)); border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; margin: 0 3px 0 0; font: italic normal 15px/25px Georgia,Times,serif; }
        header nav ul > li:hover, header nav ul > li.active { background: #931714; color: #fff; }
          header nav ul li > a, header nav ul li > a:visited, header nav ul li > a:link { outline: 0; border: 0; color: #2b3034; padding: 0 10px 0; }
          header nav ul li > a:hover, header nav ul > li:hover > a, header nav ul > li.active > a { color: #fff; border: 0; }

  #body > nav { height: 34px; background: #931714; color: #fff; }
    #body > nav ul { list-style: none; overflow: hidden; margin: 0 0 0 30px; }
      #body > nav ul li { float: left; font: normal 15px/34px Georgia,Times,serif; height: 34px; margin: 0 15px 0 0; }
        #body > nav ul li a { color: #fff; border: 0; outline: 0; }
        #body > nav ul li.active a { border-bottom: 1px #fff solid; }

  #body > section { background: url('/_img/ornamental_bar.jpg') #33393f repeat-x top left; min-height: 400px; padding: 105px 30px 30px; overflow: hidden; }
    #body > section div.featureBox { overflow: hidden; height: 359px; margin: 0 0 15px 0; }
      .featureBox .feature { float: left; width: 290px; height: 359px; }
        .feature h1 { font: italic normal 36px/110% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 15px; }
        .feature h2 { font: normal 17px/120% Georgia,Times,serif; color: #a3a5a5; }
        .feature p { margin: 15px 0 0; font: normal 13px/130% Georgia,Times,serif; color: #fff; }
        .feature p strong { color: #f6bf1f; }

      .featureBox .info { float: right; width: 595px; /*border: 1px #3f454d solid;*/ height: 359px; background: #2A2F35; }

/* infobox - keyvisuals */

.panel ul { text-align: left; margin: 0; }
.stripViewer { position: relative; overflow: hidden; width: 595px; height: 359px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 595px; }
.stripNavL, .stripNavR, .stripNav { display: none; }


  .k { width: 595px; }
    .k h2 { text-align: center; background: url('/_img/arena_sprite.png') transparent 0px -154px no-repeat; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); color: #2B3034; height: 53px; font: 26px/55px Georgia,Times,serif; }
    .k > div { padding: 15px; overflow: hidden; height: 274px; position: relative; border: 1px #3f454d solid; }
    .k > div.spc { padding: 0; height: 304px; }
    .k > div > img { background: hotpink; width: 274px; height: 274px; display: block; float: left; margin: 0 15px 0 0; }
    .k > div > .inner { float: right; padding: 0; width: 274px; color: #fff; font: normal 13px/130% Georgia,Times,serif; }
    .k > div > .i { float: left; padding: 15px 15px 0 15px; width: 167px; height: 304px; color: #fff; font: normal 13px/130% Georgia,Times,serif; position: relative; text-align: center; }
    .k > div > .i:first-child { border-right: 1px #3f454d solid; }
    .k > div > .i:last-child { border-left: 1px #3f454d solid; }
    .k > div > .i img { width: 89px; height: 50px; display: block; position: absolute; right: 15px; top: 15px; z-index: 10; }
    .k > div em, .k > div h3 { color: #f6bf1f; font: normal 18px/120% Georgia,Times,serif; margin: 0 0 10px; }
    .k > div .i h3 { margin: 60px 0 10px; }
    .k > div h3 { font-size: 20px; }
    .k > div > a, .k > div .i > a, .ls > div a.kBttn { background: url('/_img/bg_button.png') transparent top left no-repeat; border: 0; width: 183px; height: 52px; display: block; font: italic normal 16px/38px Georgia,Times,serif; color: #181f2c; text-align: center; position: absolute; bottom: 15px; right: 15px; }
    .k > div .i > a { right: 7px; bottom: 40px; }
    .k .tL { border: 0; background: transparent; width: auto; height: auto; display: inline-block; font: normal 13px/130% Georgia,Times,serif; color: #ccc; position: absolute; right: 15px; bottom: 15px; }

  .ls { width: 595px; background: #2A2F35; border: 1px #3f454d solid; font: normal 13px/130% Georgia,Times,serif; }
    .ls > div { color: #fff; padding: 15px; position: relative; border-bottom: 1px #3f454d solid; position: relative; }
    .ls > div h3 { color: #f6bf1f; font: normal 18px/120% Georgia,Times,serif; margin: 10px 0 20px; position: relative; display: inline-block; }
    .ls > div > h3 img { position: absolute; right: -105px; top: -15px; }
    .ls div.l { /*width: 380px;*/ }
    .ls > div a.kBttn { bottom: 5px; right: 15px; margin: 20px 0 0 -5px;}
    	
	
    #body > section article { width: 595px; float: left; }
      #body > section article div.c { border-bottom: 1px #f6bf1f solid; padding: 0 0 30px 0; margin: 0 0 30px 0; }
      #body > section article div.c.noB { border: 0; padding: 0; }
        div.c hgroup { margin: 0 0 15px; }
          div.c hgroup h1 { font: italic normal 36px/130% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 15px; }
          div.c hgroup h2 { font: normal 20px/130% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 5px; }
        article div.c > section { font: normal 13px/130% Georgia,Times,serif; color: #fff; overflow: hidden; }
          article div.c > section div.tB { margin: 0 0 0 205px; }
          article div.c > section div.i { text-align: center; width: 190px; margin: 0 15px 0 0; float: left; overflow: hidden; }
          div.c > section ul { margin: 0; list-type: none; overflow: hidden; }
            div.c > section ul li { float: left; width: 290px; display: block; }
            div.c > section ul li:first-child { margin: 0 15px 0 0; }
              div.c > section ul li div.i { text-align: center; width: 290px; margin: 0 0 5px 0; overflow: hidden; }
              div.c > section ul li h2 { font: normal 20px/130% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 15px; }
          div.c > section a.btn { background: url('/_img/bg_button.png') transparent top left no-repeat; border: 0; width: 183px; height: 52px; display: block; font: italic normal 16px/38px Georgia,Times,serif; color: #181f2c; text-align: center; bottom: 15px; right: 15px; margin: 20px 0 0 -5px;}

    #body > section aside { width: 290px; float: right; }
      section aside ul { margin: 0; }
        section aside ul li { display: block; width: 258px; padding: 15px; min-height: 138px; border: 1px #2b2f35 solid; background: #434A51; font: normal 13px/130% Georgia,Times,serif; color: #fff; margin: 0 0 15px 0; }
        section aside ul li img { float: right; margin: 25px 0 15px 5px; }
        section aside ul li h3 { font: normal 20px/120% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 5px 0; }

    #body > section ul.teaserBar { overflow: hidden; height: 170px; list-style: none; margin: 0; }
    #body > section ul.teaserBar.sm { margin: 15px 0 0 0; height: auto; }
      .teaserBar li { margin: 0 15px 0 0; float: left; width: 258px; padding: 15px; height: 138px; border: 1px #2b2f35 solid; background: #434A51; font: normal 13px/130% Georgia,Times,serif; color: #fff; }
      .teaserBar li:last-child { margin: 0; }
      .teaserBar.sm li { height: 75px; }
      .teaserBar li h3 { font: normal 20px/120% Georgia,Times,serif; color: #f6bf1f; margin: 0 0 5px 0; }
      .teaserBar li img { float: right; margin: 25px 0 15px 5px; }
      .teaserBar li em, section aside ul li em { font: italic normal 13px/130% Georgia,Times,serif; color: #a7a8aa; }
      .teaserBar.sm li h3 { font: normal 13px/120% Georgia,Times,serif; text-transform: uppercase; }
      .teaserBar.sm li.castor { width: 563px; }

  footer { background: #1C2022; min-height: 200px; padding: 0 0 30px; }
    footer > div { width: 960px; padding: 30px 0; margin: 0 auto; overflow: hidden; }
      footer > div aside { background: #25272B; padding: 30px; width: 260px; float: left; margin: 0 15px 0 0; }
        aside ul { list-style: none; margin: 0; }
          aside ul li, aside ul li span , aside ul li span a, aside ul li span a:link, aside ul li span a:visited, aside ul li span a:focus, aside ul li span a:hover { border: 0; color: #fff; font: normal 13px/25px Georgia,Times,serif; border: 0; margin: 0 0 3px 0; }
          aside ul li span { background: url('/_img/arena_sprite.png') transparent 0px 0px; display: block; height: 25px; padding: 0 0 0 30px; }
          aside ul li span.msn { background-position: 0px 0px; }
          aside ul li span.skype { background-position: 0px -25px; }
          aside ul li span.icq { background-position: 0px -50px; }
          aside ul li span.tel { background-position: 0px -75px; }

      footer > div section { float: left; width: 625px; min-height: 50px; position: relative; }
        footer > div section p { color: #fff; font: normal 13px/130% Georgia,Times,serif; }
        footer > div section p.d { color: #4f5153; }
          p.d a, p.d a:link, p.d a:visited, p.d a:hover, p.d a:focus { color: #4f5153; border-bottom: 1px #4f5153 solid; }
        footer > div section .sm { position: absolute; top: 0; right: 0; }
          .sm a { border: 0; display: inline-block; margin: 0 0 0 5px; }
        section nav { margin: 20px 0; }
          section nav ul { list-style: none; color: #fff; font: normal 13px/130% Georgia,Times,serif; margin: 0; overflow: hidden; }
            section nav ul li { float: left; }
            section nav ul li:after { content: '|'; padding: 0 10px 0 10px; }
            section nav ul li:last-child:after { content: ''; padding: 0; }
              section nav ul li a, section nav ul li a:link, section nav ul li a:hover, section nav ul li a:visited { color: #fff; border: 0; }

       footer > #fBar { width: 565px; margin: 0 auto; min-height: 44px; list-style: none; }
         footer > #fBar li { float: left; height: 44px; width: 116px; background: url('/_img/arena_sprite.png') transparent 0px -208px no-repeat; margin: 0 30px 0 0; }
         footer > #fBar li#shreME { background: transparent; width: 125px; margin: 0; }
         footer > #fBar li#mmobay { background-position: 0px -208px; }
         footer > #fBar li#western { background-position: -152px -208px; width: 101px; }
         footer > #fBar li#paypal { background-position: -281px -208px; width: 131px; }
         footer > #fBar li#trust { background-position: -441px -208px; width: 103px; }
           footer > #fBar li a { height: 44px; display: block; border: 0; text-indent: -399em; }
           footer > #fBar li#shreME a { text-indent: 0; border: 0; height: auto; line-height: 44px; }


/* form */
.oneLine div { margin: 0 0 15px 0; }
.oneLine .exxTra { height: 10px; }
  .oneLine div input[type='text'], .oneLine div input[type='email'], .oneLine div textarea { color: #7e7e74; border: 1px #2B2F35 solid; width: 450px; min-height: 27px; padding: 0 0 0 3px; }
  .oneLine div textarea { min-height: 200px; padding: 5px 0 0px 3px; }
  .oneLine div span { color: #fff; font-size: 90%; }
  .oneLine div input[type='submit'], .oneLine div input[type='submit']:focus, .oneLine div input[type='submit']:active { outline: 0; border: 0; width: 183px; height: 67px; display: inline-block; font: italic normal 16px/38px Georgia,Times,serif; color: #181f2c; text-align: center; background: url('/_img/bg_button.png') transparent 0px 15px no-repeat; }

  .bigWarn { font: normal 13px/130% Georgia,Times,serif; color: #fff; background: #ea0000; margin: 15px 0; padding: 10px; border-radius: 4px; width: 435px; }
    .bigWarn strong { color: #fff; }
  .bigThx { font: normal 20px/130% Georgia,Times,serif; color: #fff; margin: 35px 0; padding: 20px 10px; }
    .bigThx strong { color: #f6bf1f; font: normal 20px/130% Georgia,Times,serif; }