/*** STANDARD SKIN ***/
/*
Copyright (c) 2012 by Arvada Marketing LLC
Author: Harald Engels
Licensed under the GNU/GPL version 2 (or later) license; for details see LICENSE.txt
*/

/** FONTS **/

h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #ccc;
}
article h1 {
  margin: 24px 0;
  font-size: 220%;
}
article h2 {
  margin: 18px 0;
  font-size: 175%;
}
article h3 {
  margin: 12px 0 12px 0;
  font-size: 140%;
}
article p, article li {
  color: #ddd;
  font-size: larger;
}
sup, sub {
  color: #ee0045;
}
.list img {
  margin: 12px 0 4px 0;
}


/** PAGE & CONTAINERS **/

body {
  color: #fff;
  background: #000;
  background-image: -webkit-linear-gradient(top, #1a1a1a #000);
  background-image: -moz-linear-gradient(top, #1a1a1a #000);
  background-image: -ms-linear-gradient(top, #1a1a1a #000);
  background-image: -o-linear-gradient(top, #1a1a1a #000);
  background-image: linear-gradient(top, #1a1a1a #000);
  background-repeat: no-repeat;
}
html.large body {
  background: url(/web/20130621212138im_/http://spidermancasino.com/templates/casino2go/images/bkgr_roulette_wheel_1.jpg) no-repeat black;
  background-attachment: fixed;  /* disable this for getting a movable background */
}
#sysMessages {
  padding-top: 10px;
  background: #333;
}
#cookies {
  background: #333;
  border: solid 3px yellow;
}
input.input {
  font-size: larger;
}
#dismiss {
  display: inline;
  margin-bottom: 12px;
  font-size: larger;
}
#pageWrap {
  /*
  border-top: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  */
  border: solid 1px #333;
}
#topBar {
  background: #333;
  /*
  background-image: -webkit-linear-gradient(top, #aaa, #a1a1a1);
  background-image: -moz-linear-gradient(top, #aaa, #a1a1a1);
  background-image: -ms-linear-gradient(top, #aaa, #a1a1a1);
  background-image: -o-linear-gradient(top, #aaa, #a1a1a1);
  background-image: linear-gradient(top, #aaa, #a1a1a1);
  background-repeat: no-repeat;
  */
}
.header {
  /*background: url(/web/20130621212138im_/http://spidermancasino.com/templates/casino2go/images/bkgr_header.jpg) top center no-repeat #000;*/
}
#headerLogo h1 {
  margin-top: 2px;
  font-family: "Racing Sans One", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 54px;
  font-weight: 400;
  color: #990045;
  text-shadow: 2px -1px #ff0000;
}
#topBox {
  position: relative;
  z-index: 0 !important;
  height: 300px;
  margin: 0 !important;
  padding: 0;
}
#topBox p {
  width: 950px;
}
.overlay {
  padding: 46px 20px 20px;
}
.overlay h1 {
  padding-bottom: 4px;
  font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 400%;
  font-weight: bold;
  text-shadow: 2px 2px 1px #ffc40b;
  color: #AB8407;
}
.overlay h4 {
  margin: 35px 0 0 0;
  line-height: 100%;
  font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-shadow: 2px 2px 1px #333;
  color: #cccccc;
}
.bonusterms {
  font-size: small;
}
.bonusterms a {
  color: #777 !important;
  border-bottom: solid 1px #555;
}
.bonusterms a:hover {
  color: #ee0056 !important;
}
#columns {
  background: #111;
  /* background: url("/web/20130621212138im_/http://spidermancasino.com/templates/casino2go/skins/images/red.gif") top left repeat-y; */ /* Solid color CSS background for left column (#col1) if height of columns must be equal, no JS required! */
}
#col23Wrap {
  /* background: url("/web/20130621212138im_/http://spidermancasino.com/templates/casino2go/skins/images/blue_200x1.gif") top right repeat-y; */ /* Solid color CSS background for right column (#col3) if height be equal, no JS required! */
}
.introBox {
  border: solid 2px #333;
  background: #2a2a2a;
  background-image: -webkit-linear-gradient(left, #1d1d1d, #444);
  background-image: -moz-linear-gradient(left, #1d1d1d, #444);
  background-image: -ms-linear-gradient(left, #1d1d1d, #444);
  background-image: -o-linear-gradient(left, #1d1d1d, #444);
  background-image: linear-gradient(left, #1d1d1d, #444);
  background-repeat: no-repeat;
}
.introBox img {
  border-bottom: solid 1px #333;
}
.introBox h4 {
  color: #ccc;
}
.introBox div, .introBox p {
  line-height: 120%;
}
.introBox .divider {
  font-weight: bold;
  color: #daeeee;
  border-top: solid 1px #555;
  border-bottom: solid 1px #555;
}
.introBox p {
  color: #ccc;
}
.introBox .action {
  border-top: solid 1px #555;
  font-weight: bold;
  color: #eee;
}
.introBox .action a:hover {
  color: #ee0045;
}
div.comGameBoxes {
  border-top: solid 2px #2a2a2a;  /* border color game boxes container */
}
#col3 div.moduletable > h3 {
  color: #ddd;
  background: transparent;
  background-image: -webkit-linear-gradient(right, #990000, #111);
  background-image: -moz-linear-gradient(right, #990000, #111);
  background-image: -ms-linear-gradient(right, #990000, #111);
  background-image: -o-linear-gradient(right, #990000, #111);
  background-image: linear-gradient(right, #990000, #111);
  background-repeat: no-repeat;
}

/** BOTTOM BOX **/
#botBox {
  background: #1a1a1a;
  border-top: solid 1px #2a2a2a;
}

/** FOOTER **/
#footer {
  border-top: solid 1px #2a2a2a;
  background: #0a0a0a;
  background-image: -webkit-linear-gradient(top, #111, #0a0a0a);
  background-image: -moz-linear-gradient(top, #111, #0a0a0a);
  background-image: -ms-linear-gradient(top, #111, #0a0a0a);
  background-image: -o-linear-gradient(top, #111, #0a0a0a);
  background-image: linear-gradient(top, #111, #0a0a0a);
  background-repeat: no-repeat;
}

/** BOTTOM BAR **/
#botBar {
  border-top: solid 1px #2a2a2a;
  background: #0C0C0C;
}
#botBar div {
  margin-top: 8px;
}
#botBar p {
  margin: 0 auto;
  padding: 8px 0 4px 0;
  font-size: x-small;
  color: #555;
}


/** MENUS **/

/** Top Bar Menu **/
#topBar ul.menu {
  position: absolute;
  left: 0;
}
#topBar ul.menu > li a {
  font-family: Share, Tahoma, Arial, Helvetica, sans-serif;  /* top bar menu font */
  text-transform: uppercase;
  font-size: large;
  color: gold !important;
}
#topBar ul.menu > li a:hover {
  color: #ee0056 !important;
}

/** Main Menu (horizontal) **/
#menu ul.menu {
  /* border-top: solid 1px #eee;
  border-bottom: solid 1px #eee; */
}
#menu ul.menu > li {
  /*
  background: #444;
  background-image: -webkit-linear-gradient(top, #777777, #333333);
  background-image: -moz-linear-gradient(top, #777777, #333333);
  background-image: -ms-linear-gradient(top, #777777, #333333);
  background-image: -o-linear-gradient(top, #777777, #333333);
  background-image: linear-gradient(top, #777777, #333333);
  background-repeat: no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  list-style: none;
  */
}
#menu ul.menu > li a {
  font-family: Share, Tahoma, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #eee !important;
}
#menu ul.menu a:hover {
  color: #dbdb70 !important;
}

/** Header Menu **/
#header ul.menu > li a {
  color: #333;
  font-family: Share, Tahoma, Arial, Helvetica, sans-serif;  /* header menu font */
}
#header ul.menu > li a:hover {
  color: #000;
}

/** Footer Menu **/
#footer ul.menu {
  /*
  border-top: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  */
}
#footer ul.menu > li a {
  font-family: Share, Tahoma, Arial, Helvetica, sans-serif;  /* footer menu font */
  font-size: larger;
  color: #888;
}
#footer ul.menu > li a:hover {
  color: #ee0045;
}

/** Bottom Bar Menu **/
#botBar ul.menu > li a {
  font-family: Share, Tahoma, Arial, Helvetica, sans-serif;  /* top bar menu font */
  color: #bbb;
}
#botBar ul.menu > li a:hover {
  color: #cc0000;
  text-shadow: 1px 1px #660000;
}


/*** NAVIGATION & LINKS ***/

/** Breadcrumbs **/
.breadcrumbs {
}

/** Links **/
a {
  text-decoration: none;
  color: #E6C517;
}
a:hover {
  color: #ee0045;
  cursor: pointer;
}
ul.pagenav a {
  color: #888!important;
}
#col2 div.item-page a {
  color: #6677ff;
  border-bottom: none;
}
#col2 div.item-page a:hover {
  color: #cc0000;
}
div.pagination li {
  border: solid 1px #ccc;
  background: #eee;
  color: #888;
}
div.pagination li a {
  border: none 0 !important;
}