/* Font styles. */
/* line 2, ../sass/style.sass */
body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
  letter-spacing: 0.03em;
  background: #FCF8EF url(../images/bg-body.jpg) no-repeat top center; }

/* Links */
/* line 11, ../sass/style.sass */
a:link, a:visited {
  color: blue;
  text-decoration: none; }

/* line 16, ../sass/style.sass */
a:hover, a:active {
  color: red;
  text-decoration: underline; }

/* Titles. */
/* line 21, ../sass/style.sass */
#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

/* line 28, ../sass/style.sass */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  font-family: Georgia, serif;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;}

/* line 31, ../sass/style.sass */
h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

/* line 37, ../sass/style.sass */
h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.75em; }

/* line 42, ../sass/style.sass */
h3 {
  font-size: 1.4em;
  margin-bottom: 1em; }

/* line 46, ../sass/style.sass */
h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em; }

/* line 50, ../sass/style.sass */
h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0; }

/* line 55, ../sass/style.sass */
h6 {
  font-size: 1em;
  font-weight: bold; }

/* Paragraph styles. */
/* line 60, ../sass/style.sass */
p {
  margin: 0 0 1em 0; }

/* List styles. */
/* line 64, ../sass/style.sass */
ul, ol {
  margin-left: 0;
  padding-left: 2em; }

/* Table styles. */
/* line 69, ../sass/style.sass */
table {
  width: 99%; }

/* line 74, ../sass/style.sass */
tr.even td,
tr.odd td {
  padding: 10px 5px; }

/* line 77, ../sass/style.sass */
tr.odd {
  background-color: white; }

/* Code. */
/* line 81, ../sass/style.sass */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5; }

/* line 85, ../sass/style.sass */
pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa; }

/* List styles. */
/* line 93, ../sass/style.sass */
ul {
  list-style-type: disc; }
  /* line 95, ../sass/style.sass */
  ul ul {
    list-style-type: circle; }
    /* line 97, ../sass/style.sass */
    ul ul ul {
      list-style-type: square; }
      /* line 99, ../sass/style.sass */
      ul ul ul ul {
        list-style-type: circle; }

/* line 102, ../sass/style.sass */
ol {
  list-style-type: decimal; }
  /* line 104, ../sass/style.sass */
  ol ol {
    list-style-type: lower-alpha; }
    /* line 106, ../sass/style.sass */
    ol ol ol {
      list-style-type: decimal; }

/* Abbreviation. */
/* line 110, ../sass/style.sass */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap; }

/* UI improvments. */
/* line 116, ../sass/style.sass */
#edit-title {
  font-size: 24px;
  width: 99%; }

/* line 120, ../sass/style.sass */
#system-themes-form img {
  width: 100px; }

/* line 123, ../sass/style.sass */
.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777; }

/* line 130, ../sass/style.sass */
#edit-delete {
  color: #cc0000; }

/* Console, style from slate theme. */
/* line 134, ../sass/style.sass */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee; }

/* line 141, ../sass/style.sass */
div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55; }

/* line 146, ../sass/style.sass */
div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522; }

/* line 151, ../sass/style.sass */
div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77; }

/* Region Colors. delete when starting a new theme. */
/* line 157, ../sass/style.sass */

#header {
height: 444px;
   }

#header a#logo {
  position: relative;
  left: 5px;
  top: 170px;
   }

#footer { }

/* line 160, ../sass/style.sass */
#sidebar-first {
  background: #e7edff; }

/* line 163, ../sass/style.sass */
#sidebar-second { }

/* line 166, ../sass/style.sass */


/* main menu */
#menu-wrapper-gornji {
  background: transparent url(../images/bg-topmenu.png) repeat top center;
  border-bottom: 1px solid #B0A9A1;}

#navigation ul.main-menu {
  list-style: none;
  text-align: left;
  height: 60px;
  margin-left: -25px;}

#navigation ul.main-menu li {
  display: block;
  float: left;
}

/* Center top menu (for when no sharing widgets top right). */
#navigation ul.main-menu {
  text-align: center;
}
#navigation ul.main-menu li {
  display: inline;
  float: none;
}
#navigation ul.main-menu li a.active {
  margin-left: -4px;
}

#navigation ul.main-menu li a {
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.4em;
  color: #c9bcab;
  padding: 22px 16px; border-right: 1px solid #787064;
  position: relative;
  top: 15px;}

  #navigation ul.main-menu li a.active {background: transparent url(../images/bg-topmenu.png) repeat top center;}

  #navigation ul.main-menu li.first a {border-left: 1px solid #787064; }


/* social buttons */
/*#block-block-4 { float: right; margin-top: -60px;}*/
#block-block-4 p { float: left;}
#block-block-4 p iframe.twitter-share-button { width: 115px!important; margin-top: 16px;}
#block-block-4 p img.media-image {margin-top: 16px;}

/* launch game banner */
#block-block-5 {  position: relative; left: 530px; top: 216px; width: 340px;}

/* buy in game currency */
#block-block-2 {  background: transparent url(../images/bg-header-narrow.png) no-repeat top left; position: relative;}
#block-block-2 h2 { padding: 12px 52px; }
#block-block-2 h2 a { color: black; }
#block-block-2 h2 a:hover { text-decoration: none; color: #B01E1A; }
#block-block-2 h2 span { display: none;}
#block-block-2 h2:hover a { display: none; }
#block-block-2 h2:hover span { display: inline; }

/* recent tweets block */
#block-block-1 {  background: transparent url(../images/bg-twitter.png) no-repeat top left; padding-top: 48px; text-align: center;}
#block-block-1 h2 { margin-bottom: 30px;}
#block-block-1 .twtr-hd { display: none;}
#block-block-1 .twtr-widget {width: 260px; margin-left: 20px}
#block-block-1 .twtr-timeline {height: 250px!important;}
#block-block-1 a {color: #ab0808!important;}

/* footer menu */
#block-menu-menu-footer-menu ul.menu {
  list-style: none;
  height: 50px;
  padding: 0;
 margin-top: 20px;
  text-align: center;
border-top: 1px solid #857D72;
border-bottom: 1px solid #857D72;}

#block-menu-menu-footer-menu ul.menu li  {
  display: inline;
  margin: 0;
  padding: 0;
   }

#block-menu-menu-footer-menu ul.menu li a {
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.4em;
  color: #585858;
  padding: 15px 20px; border-right: 1px solid #857D72;
  position: relative;
  top: 12px;}

  #block-menu-menu-footer-menu ul.menu li a.active { color: #BB2D2D;}
  #block-menu-menu-footer-menu ul.menu li a:hover { text-decoration: none;}
  #block-menu-menu-footer-menu ul.menu li.first a {border-left: 1px solid #857D72; }

  #block-block-6 {margin-top: 20px; font-size: 11px; color: #555555;}
  #block-block-6 p {margin-bottom: 30px}
  #block-block-6 p img.media-image { margin-right: 20px;}

/* newsletter block */
#block-hubspot_newsletter-hubspot_newsletter {  background: transparent url(../images/bg-newsletter.png) no-repeat top left; padding-top: 15px; text-align: center; height: 122px;}
#block-hubspot_newsletter-hubspot_newsletter h2 { margin-bottom: 10px;}
#block-hubspot_newsletter-hubspot_newsletter p { font-size: 11px;}
#block-hubspot_newsletter-hubspot_newsletter fieldset { border: 0 none; margin-top: -7px}
#block-hubspot_newsletter-hubspot_newsletter input[type='text'], #block-hubspot_newsletter-hubspot_newsletter input[type='email'] { background-color: #fff; border: 1px solid #BFA077; padding: 7px; margin-left: 11px; width: 203px;}
#block-hubspot_newsletter-hubspot_newsletter input[type='submit']  {  background: transparent url(../images/submit.png) no-repeat 0px 1px; width: 32px; height: 33px;
  border: 0 none; font-size: 0px; margin-left: 10px; cursor: pointer; position: relative; top: -4px; }

#block-hubspot_newsletter-hubspot_newsletter div.form-item-email {
  display: inline;
  margin: 0;
  padding: 0;
}


/* hide title on front */
body.front #content #content-header h1.title { display: none;}

/* Hide google conversion frame */
iframe[name='google_conversion_frame'] {
  display: none;
}

/* Age gate */
.age-gate {
  display: none;
  font-size: 38px;
  font-weight: normal;
  margin: 0 auto;
  width: 950px;
}
.age-gate img {
  margin-top: 240px;
}
.age-gate fieldset {
  background: url(../images/ag-bg.jpg) no-repeat -62px -97px;
  border: 0;
  border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  margin: 64px auto 80px;
  padding: 20px;
  text-align: center;
  width: 600px;
}
.age-gate fieldset h2 {
  font-family: 'Kameron', sans-serif;
  font-size: 34px;
  font-weight: 700;
  margin: 20px 0 5px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.age-gate fieldset p {
  font-size: 14px;
}
.age-gate .month, .age-gate .year, .age-gate .day {
  border: 1px solid #bb956a;
  height: 52px;
  font-size: 24px;
  text-align: center;
  width: 122px;
}
.age-gate .submit {
  background: url(../images/ag-submit.png) no-repeat 0 0;
  border: none;
  cursor: pointer;
  display: block;
  height: 63px;
  margin: 30px auto 20px;
  text-indent: -99999px;
  width: 333px;
}
.age-gate .submit:hover {
  background-position: 0 -63px;
}

/* Screenshots archive page and block. */
.view-id-screenshots .view-header {
  margin-bottom: 20px;
}
.view-id-screenshots.view-display-id-block .view-header {
  background: url(../images/bg-header-wide.png) no-repeat;
  height: 48px;
}
.view-id-screenshots.view-display-id-block .view-header h2 {
  line-height: 46px;
  text-transform: uppercase;
  padding-left: 20px;
}
.view-id-screenshots.view-display-id-block .view-header h2 .total {
  font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #BB2D2D;
  margin-left: 0.35em;
}
.view-id-screenshots.view-display-id-block .more-link {
  position: absolute;
  top: 13px;
  right: 38px;
}
.view-id-screenshots.view-display-id-block .more-link a {
  font-weight: bold;
  font-size: 1.1em;
  color: #BB2D2D;
}
.view-id-screenshots .view-content {
  margin-bottom: 10px;
}
.view-id-screenshots .views-field {
  width: 210px;
}
.view-id-screenshots .views-field-field-screenshot-image .field-content {
  background: url(../images/bg-thumb.png) no-repeat;
  height: 141px;
  width: 200px;
  margin-right: 10px;
}
.view-id-screenshots .views-field-field-screenshot-image .field-content img {
  padding: 6px;
}
.view-id-screenshots .views-field-created,
.view-id-screenshots .views-field-field-screenshot-player {
  text-align: center;
  font-weight: bold;
  line-height: 1.3em;
}
.view-id-screenshots .views-field-created {
  font-size: 0.85em;
  color: #777;
  margin-top: 5px;
  margin-bottom: 10px;
}

/* Screenshot page */
body.node-type-screenshot h1.title {
  display: none;
}
body.node-type-screenshot #content {
  width: 820px;
  margin-left: 60px;
  margin-right: 60px;
}
body.node-type-screenshot .node-screenshot {
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body.node-type-screenshot .node-screenshot .field-name-field-screenshot-image,
body.node-type-screenshot .node-screenshot .field-name-field-screenshot-desc {
  margin-bottom: 5px;
}
body.node-type-screenshot .node-screenshot .addthis_toolbox {
  float: right;
  margin-top: -20px;
}
body.node-type-screenshot .node-screenshot .addthis_toolbox .addthis_button_tweet {
  width: 94px;
}
body.node-type-screenshot .node-screenshot li.flag-screenshot_offensive {
  padding: 0;
}
body.node-type-screenshot .more-link {
  margin-top: 20px;
  text-align: center;
}
body.node-type-screenshot .more-link a {
  display: inline-block;
  padding-right: 15px;
  font-weight: bold;
  font-size: 1.1em;
  color: #BB2D2D;
  background: url(../images/arrow.png) no-repeat right;
}