/*
very dark green = #111310
dark green = #232922
medium green = #20734c
lighter green = #487049
pale greenish = #5b6e5a
deep red = #d93030
gold = #ddab54
black = #131313
light bluish gray = #d8e8ef
medium gray = #6c726b
light tan = #c8b491
darker tan = #936b37
*= require cookieconsent
*/

/* custom fonts */
@font-face
{
  font-family: Triforce;
  src: url(../fonts/Triforce.eot);
  src: local("Triforce"), url(../fonts/Triforce.ttf) format("truetype");
}

body {
  background-image: url(../images/triforce-bg.jpg);
  background-attachment: fixed;
  color: #d8e8ef;
}

a, a:visited, a:hover, .dropdown-menu a {
  color: #71dff0;
}

.well {
  background-color: #111310;
  border: 1px solid #DDAB54;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
     -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
      -ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
       -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
          box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

.mini-well {
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
}

#page {
  margin-top: 46px;
  padding: 20px;
}

/*page content */
#pagecontent {
 padding: 5px 20px;
 font-size: 14px;
 overflow: hidden;
}

#pagecontent img {
  border: 1px solid #ddab54;
}

#pagecontent h1 {
  font-family: Triforce;
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 5px;
}

#pagecontent h1.page-title {
  display: inline-block;
}

#pagecontent h1,
#pagecontent h2,
#pagecontent h3 {
  color: #de2c26;
  /*color: #d93030;*/
}

/* rupees */
.rupee {
  display: inline-block;
}
.rupee.small {
  background-image: url(../images/rupees/rupees_16x26.png);
  line-height: 26px;
  height: 26px;
  width: 16px;
}
.rupee.medium {
  background: url(../images/rupees/rupees_32x50png);
  line-height: 50px;
  height: 50px;
  width: 32px;
}
.rupee.large {
  background: url(../images/rupees/rupees_64x100.png);
  line-height: 100px;
  height: 100px;
  width: 64px;
}
.rupee.green{background-position: left top;}
.rupee.blue{background-position: center top;}
.rupee.red{background-position: right top;}
.rupee.purple{background-position: left bottom;}
.rupee.silver{background-position: center bottom;}
.rupee.gold{background-position: right bottom;}

/* carets */
.caret-right {
  border-left: 4px solid #000;
  border-right: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

/* bullets */
.bullet {
  font-family: Triforce;
  color: #ddab54;
}
.bullet::before {
  content: "*";
}

/* float and clear */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear {
  clear: both;
}
.clear.right {
  clear: right;
}
.clear.left {
  clear: left;
}
.hidden {
  display: none;
}

/* alerts */
.alert.alert-info a {
  color: #3a87ad;
  font-weight: bold;
  text-decoration: underline;
}

/* ajax */
.ajax-loader {
  display: none;
  opacity: 1;
  position: absolute;
  top: 45%;
  left: 45%;
}
.loading .ajax-loader {
  display: inline;
}

/* buttons */
.btn.cancel:not(.btn-xs) {
  color: #DE2C26;
}

/* navbar */
#navbar {
  height: 44px;
  color: #fff;
  border-bottom: 1px solid #ddab54;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
     -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
      -ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
       -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
          box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
#navbar .navbar-inner {
  height: 44px;
}
#navbar .navbar-inner a.brand img {
  height: 27px;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
  background-image: -moz-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -ms-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#20251f), to(#0d0f0d));
  background-image: -webkit-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -o-linear-gradient(top, #20251f, #0d0f0d);
  background-image: linear-gradient(top, #20251f, #0d0f0d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20251f', endColorstr='#0d0f0d', GradientType=0);
}
#navbar .navbar-inner ul.nav li a, #navbar .navbar .navbar-text {
  line-height: 24px;
}
#navbar b.caret {
  margin-top: 11px;
}
#navbar .dropdown-menu {
  border: 1px solid #DDAB54;
  background-image: -moz-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -ms-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#20251f), to(#0d0f0d));
  background-image: -webkit-linear-gradient(top, #20251f, #0d0f0d);
  background-image: -o-linear-gradient(top, #20251f, #0d0f0d);
  background-image: linear-gradient(top, #20251f, #0d0f0d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20251f', endColorstr='#0d0f0d', GradientType=0);

  -webkit-box-shadow: 5px 5px 15px 1px #0c0c0c;
     -moz-box-shadow: 5px 5px 15px 1px #0c0c0c;
      -ms-box-shadow: 5px 5px 15px 1px #0c0c0c;
       -o-box-shadow: 5px 5px 15px 1px #0c0c0c;
          box-shadow: 5px 5px 15px 1px #0c0c0c;
}
#navbar.navbar .dropdown-menu::after {
  border-bottom: 6px solid #DDAB54;
}
#navbar .gameDD {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 520px;
}
#navbar.navbar .dropdown-menu a:hover:not(.user-menu-button) {
  color: #71dff0;
  background-color: #20734c;
}
#navbar .navbar-text {
  color: #999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  margin-right: 3px;
  padding-top: 9px;
}
#navbar li.donate .rupee {
  position: absolute;
  top: 7px;
  right: -12px;
}
#login-link {
  display: block;
}
#login-link:hover {
  text-decoration: none;
}
#navbar .navbar-text {
  line-height: 24px;
}
#navbar .navbar-text:hover {
  color: #fff;
  cursor: pointer;
}
#navbar .navbar-text span {
  vertical-align: middle;
}
#navbar .navbar-text span.rupee {
  margin-right: 2px;
}
#navbar .navbar-text span.username {
  color: #20734C;
  font-weight: bold;
  margin-top: -3px;
  display: inline-block;
}
#navbar .navbar-text:hover span.username {
  color: #71DFF0;
}
#navbar .login-form #user-menu.dropdown-menu {
  margin-top: -2px;
  margin-right: 6px;
}
#navbar #user-menu.dropdown-menu.loading * {
  opacity: 0.5;
}
#navbar #user-menu.dropdown-menu #user-menu-login-button {
  margin-left: -1px;
}
#navbar #user-menu.dropdown-menu #user-menu-buttons {

}
#navbar #user-menu.dropdown-menu #user-menu-register-button {
  float: right;
  margin-right: -1px;
}
#navbar #user-menu.dropdown-menu #user-menu-login-button:hover,
#navbar #user-menu.dropdown-menu #user-menu-register-button:hover {
  color: #71DFF0;
}
#navbar .navbar-text.pull-right b.caret {
  border-top-color: #999;
  opacity: 1;
}
#navbar .navbar-text.pull-right:hover b.caret {
  border-top-color: #fff;
}
#navbar .navbar-inner {
  background-image: -moz-linear-gradient(top, #232922, #111310);
  background-image: -ms-linear-gradient(top, #232922, #111310);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232922), to(#111310));
  background-image: -webkit-linear-gradient(top, #232922, #111310);
  background-image: -o-linear-gradient(top, #232922, #111310);
  background-image: linear-gradient(top, #232922, #111310);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232922', endColorstr='#111310', GradientType=0);
}

/* content-editable */
.content-editable {
  position: relative;
}
.content-editable.loading .triforce-spinner {
  display: inline;
}
.content-editable.loading > :not(.triforce-spinner) {
  opacity: 0.5;
}
.content-editable .present-content.hide {
  display: none;
}
.content-editable .present-content .left-edge {
  display: inline-block;
  height: 0;
  visibility: hidden;
}
.content-editable .present-content .content:empty:after {
  content: "x";
  opacity: 0;
}
.content-editable .edit-content {
  display: none;
}
.content-editable .edit-content textarea.content-form, input[type=text].content-form {
  height: 100%;
  width: 100%;
  color: #000;
}
.content-editable .content-editable-block.page-title {
  display: inline-block;
}
.content-editable .content-editable-block.page-title .present-content {
  margin-left: -8px;
}
.content-editable .content-editable-block.page-title input.content-form {
  font-size: 30px;
}
.content-editable .edit-content {
  min-width: 200px;
}
.content-editable .edit-content.navi {
  float: right;
  text-align: right;
  width: 100px !important;
  height: 60px !important;
  line-height: 60px !important;
  padding-left: 0 !important;
}
.content-editable .edit-content.navi label {
  display: inline-block;
}
.content-edit-controls {
  margin-left: 10px
}
.content-edit-controls button {
  vertical-align: text-bottom;
}
.content-edit-controls.save-cancel {
  display: none;
}
.content-edit-choose-language {
  vertical-align: text-bottom;
  display: none;
}