div#everything {
  width: 1024px;
  margin-left: auto ;
  margin-right: auto ;
}

ul#topnav {
    margin-top: 40px;
    text-align: center;
}

img.minimap {
	width: 192px; height:80px;
	border: 2px solid #000;
	border-radius: 10px;
}

img.preview_big {
    width: 480px;
    height: 200px;
	border: 2px solid #000;
	border-radius: 10px;
}

div.minimap_placeholder {
	width: 192px; height:80px;
	border: 2px solid #000;
    display: inline-block;
	border-radius: 10px;
    background: #333;
}

td.num {
	text-align:right;
}

table.stat tr td, table.fame tr td{
	font-weight: bold;
}

table.stat tr td.fame, table.stat tr td.glory {
    color: #AAA;
}
table.stat tr td.completed {
    color: #CCFF66;
}
table.stat tr td.perfected {
    color: #FFFF66;
}
table.stat tr td {
    font-size: 20px;1
    font-weight: bold;
    vertical-align: middle;
    padding-left: 5px;
}

table tr td.username {
    width:300px;
}

table.stat img {
   /* border-radius: 10px;
    background-color: #CED7E0;
    border: 1px solid #5C7A99; */
    padding: 5px;
}

pre {
	font-weight: bold;
	 font-family: 'Arial';
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
div.menu div a {
	font-size: 18px;
}

small {
    font-size: 14px;
/*	font-weight: bold; */
}

.inline {
	display: inline-block;
}
div.post {
	margin-bottom: 50px;
	color: #000;
}
div.top_spacing {
   height:250px;
}
div.menu div.soil_outset a {
	color: #fff;
}
h1.fame {
	color: #bf7bff;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	font-size: 50px;
	margin:0px;
	text-align: right;
}
div.grass-bottom {
	position: absolute;
	width: 750;
	left: 50%;
	height: 40px;
	margin-left: -395px;
}

img.avatar {
    vertical-align: middle;
    border: 1px transparent;
	border-radius: 5px;
	margin: 5px;
	background: rgba(250,250,250,0.2);
	padding:0;
}

img.avatar64 {
    width: 64px;
    height: 64px;
}

img.avatar32 {
    width: 32px;
    height: 32px;
}

img.avatar:hover {
	background: rgba(100,250,100,0.5);
}
div.error {
	width: 400px;
	height: 200px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -100px;
}

div.section {
	position: relative;
    margin-left: -20px;
	width: 1024px;
}
div.right_panel {
    top: 250px;
	margin-top: 25px;
    width: 200px;
	position: absolute;
	right: -10px;
	color: #fff;
	/* background: rgba(50,50, 50, 0.8) repeat content-box; */
	background: rgba(10,10,10, 0.8);
	border: 2px solid rgba(0,0,0, 0.5);
	padding: 3px;
	border-radius: 10px;
}

div.right_panel h2 {
	color: #fff;
}

div.home_post td {
	color: #fff;
	}
div.home_post {
	font-family: FontinRegular, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgba(20,20, 20, 0.8) repeat content-box;
	border: 5px solid rgba(0,0,0, 0.5);
	border-radius: 2px;
	font-size: 14px;
	border-radius: 10px;
}
h2.home_post_title {
	font-weight: bold;
	font-size: 18px;
}
small.home_post_date {
	right: 10;
	display: block;
	position: absolute;
}

div.white-box {
	background: rgba(0,0, 0, 0.8) repeat content-box;
	border: 2px solid rgba(0,0, 0, 0.5);
	border-radius: 10px;
}

div.play_now a {
    color: #fff;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;  
}
div.play_now a:hover {
}
    
div.play_now {
    margin-top: 20px;
    display: block;
    padding: 10px !important;
    vertical-align: middle;
    border: 2px solid #000;
    text-align: center;
    height: 30px;
    width: 230px;
    border-radius: 20px;
    font-size: 20px;
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
    text-shadow: -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000;

}
div.play_now:hover {
background: #b4e391; /* Old browsers */

background: -moz-linear-gradient(top,  #b4e391 0%, #128210 95%, #b4e391 99%, #61c419 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(95%,#128210), color-stop(99%,#b4e391), color-stop(100%,#61c419)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* IE10+ */

background: linear-gradient(to bottom,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */


}

div.play_now img {
    padding:0;
    margin: 0;
}

div.top_panel {
    text-align: center;
    vertical-align: top;
  margin-left: auto ;
  margin-right: auto ;
    height: 180px;
	width: 1024px;
    position: relative;
  /*  background-color: rgba(50,50,50,1);*/
	/*background-image: url('/static/kryllSite/images/header_bg.png'); */
}

div.bottom_panel {
    border-top: 1px solid #444;
    background-color: #000;
    color: #fff;
    height: 30px;
    position: fixed;
    font-size: 12px;
    vertical-align: bottom;
    width: 100%;
    bottom: 0;
 z-index: 999;
}

div.loggedout_panel {
	height: 100px;
}

div.login_box a.register {
    float: right;
}
div.login_box a.login {
    width: 100%;
    text-align: center;
    display: block;
}
div.login_box_loggedin {
	height: 84px;
}
div.login_box_loggedout {
	height: 20px;
}
div.login_box {
	padding:0px;
	width: 196px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
    position: absolute;
    right: 0px;
    top: 0px;
	background: rgba(0,0, 0, 0.5);
	border-style: 1px solid #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-position: 0 0;
    margin-top:0;
    vertical-align: top;
}

div.about_box {
	padding:0px;
	width: 196px;
	text-align: left;
    color: #fff;
	padding-left: 5px;
	padding-right: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
	background: rgba(0,0, 0, 0.5);
	border-style: 1px solid #000;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-position: 0 0;
    margin-top:0;
    vertical-align: top;
}

div.about_box ul {
    list-style: none;
    padding:0;
    margin:0;
}

div.about_box li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

div.about_box li:before {
    content: "* ";
    color: white; /* or whatever color you prefer */
}

div.logo {
	width: 400px;
    position: relative;
	text-align: center;
}

div.logo img {
    vertical-align:text-top;
}


div.island1 {
	width: 600px;
	margin-left: 100px;
}
div.island2 {
	width: 650px;
}
div.island3 {
	width: 650px;
	margin-left: 50px;
}

div.soil_outset {
     border-style: double; 
      background-image: url('/static/kryllSite/images/soil_bg_out.png');
    position: relative;
	background-repeat: repeat;
	background-position: fixed;
	background-clip: padding-box;
    display: inline-block;
    margin-top: -22px;
      color: #fff;
      font-size:18px;
      /*border-width:40px 40px 40px 40px;*/
    border-width:40px;
      -moz-border-image:url("/static/kryllSite/images/soil_border_out.png") 40 40 40 40 repeat ;
      -webkit-border-image:url("/static/kryllSite/images/soil_border_out.png") 40 40 40 40 repeat ;
      -o-border-image:url("/static/kryllSite/images/soil_border_out.png") 40 40 40 40 repeat ;
      border-image:url("/static/kryllSite/images/soil_border_out.png") 40 40 40 40 repeat ;
    z-index:3;
}


ul.tabs {
    padding-left: 0px;
}
ul.tabs li a {
    color: #ffffff;
    font-size: 16px;
}



ul.tabs li a:hover {
    color: #ff5844;
    font-size: 16px;
}

ul.tabs li {
	text-align: center;
    background-image: url('/static/kryllSite/images/soil_tab.png');
    width: 161px;
    height: 40px;
    padding-top: 40px;
    display: inline-block;
    margin-bottom: -40px;
    margin-right: -6px;
    z-index:2;
    position: relative;
}


ul.tabs li.active {
    z-index: 4;
    height:52px;
}

div.castle a {
  color: #fff;
  text-shadow:
  -2px -2px 0 #000,
  2px -2px 0 #000,
  -2px 2px 0 #000,
  2px 2px 0 #000;
}
div.castle a:hover {
	color: #0f0;
}
div.castle {
      background-image: url('/static/kryllSite/images/bricksbg.png');
	background-repeat: repeat;
	background-position: fixed;
	background-clip: padding-box;
    padding: 4px;
      border-width:40px 20px 20px 20px;
	border-style:double;
      -moz-border-image:url("/static/kryllSite/images/bricks.png") 40 20 20 20 repeat stretch;
      -webkit-border-image:url("/static/kryllSite/images/bricks.png") 40 20 20 20 repeat  stretch;
      -o-border-image:url("/static/kryllSite/images/bricks.png") 40 20 20 20 repeat ;
      border-image:url("/static/kryllSite/images/bricks.png") 40 20 20 20 repeat ;
}

#parallax {
	min-height: 100%;
	background: #444 url('/static/kryllSite/images/bg.png') no-repeat fixed;
	background-position: 0 0;
	background-size: cover;
	/*width: 810px;
	padding-left: 5px;
	padding-right: 5px;
	left:50%; 
	margin-left: -400px; */
}

div.grass_bottom h1, div.title h1 { 
	padding:0;
	margin:0;
	color: #fff;
  text-shadow:
  -2px -2px 0 #000,
  2px -2px 0 #000,
  -2px 2px 0 #000,
  2px 2px 0 #000;
	font-smoothing:antialiased;
}

div.title {
  vertical-align: bottom;
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 0px;
}

div.grass_bottom {
  vertical-align: bottom;
  border-style:double;
  border-width:00px 40px 40px 40px;
 /* -moz-border-image:url("/static/kryllSite/images/grass_bottom.png") 40 40 40 40 repeat ;
  -webkit-border-image:url("/static/kryllSite/images/grass_bottom.png") 40 40 40 40 repeat ;*/
  border-image:url("/static/kryllSite/images/grass_bottom.png") 0 40 40 40 repeat ;
}

div.soil_inset table tr td, div.soil_inset h5{
      color: #fff;
}
.soil_inset {
      color: #fff;
	border-style:double;
      border-width:40px 40px 40px 40px;
      -moz-border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
      -webkit-border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
      border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
     /* background: url('soil_bg_in.png') repeat; content-box; */
	background: rgba(0,0,0,0.8);
}

.soil_inset_bottom {
      color: #fff;
	border-style:double;
      border-width:0 0 40px 0;
      -moz-border-image:url("/static/kryllSite/images/soil_border_in.png") 0 40 40 40 repeat ;
      -webkit-border-image:url("/static/kryllSite/images/soil_border_in.png") 0 40 4040 repeat ;
      border-image:url("/static/kryllSite/images/soil_border_in.png") 0 40 40 40 repeat ;
     /* background: url('soil_bg_in.png') repeat; content-box; */
}

.soil_inset_top {
      color: #fff;
	border-style:double;
      border-width:40px 0 0 0;
      -moz-border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
      -webkit-border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
      border-image:url("/static/kryllSite/images/soil_border_in.png") 40 40 40 40 repeat ;
     /* background: url('soil_bg_in.png') repeat; content-box; */
}
 
h5 { 
	font-size:18px;
	text-decoration: underline;
	margin: 2px 2px 15px 2px;
	color: #000;
}

div.forumlist {
	font-size: 14px;
	text-shadow: none;
	text-decoration: none;
}

div.forumlist table {
	width: 100%;
}

div.forumlist td,tr {
	font-size: 14px;
	text-shadow: none;
	color: 000;
	text-decoration: none;
}

div.forumlist td.metadata {
	color: 000;
	font-size: 12px;
	width: 180px;
	text-shadow: none;
	text-decoration: none;
}

div.reading {
	color: #111;
	background: rgba(200,210,200,0.6);
	margin-bottom: 10px;
	/* border: 1px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px; */
	padding: 5px 5px 10px 5px;
}

div.discussionlist table tr td {
	color: #000;
	background: rgba(50,50,50,0.8);
	border-spacing: 0px;
	margin-bottom: 10px;
	border: 1px solid #000;
	padding: 5px 5px 10px 5px;
	margin: 0px;
}
div.discussionlist table { 
	width: 100%;
	border-spacing:0;
	border-collapse:collapse;
}
table.areanavigation { 
	border-spacing:0;
	border-collapse:collapse;
}
 table.areanavigation input.reset[type=button] {
	background: #fff url('/static/kryllSite/images/ninjahead.png') 0 0 no-repeat;
	background-position: center;
 }
 table.areanavigation input[type=button] {
	  -webkit-background-clip: border-box;
	  -webkit-background-origin: padding-box;
	  -webkit-background-size: auto;
	  -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 5px 0px;
	  background-attachment: scroll;
	  background-clip: border-box;
	  background-color: rgb(255, 255, 255);
	  background-image: none;
	  background-origin: padding-box;
	  background-size: auto;
	  border-bottom-left-radius: 10px;
	  border-bottom-right-radius: 10px;
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
bottom: 4px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 5px 0px;
color: rgb(0, 0, 0);
display: inline-block;
	 font-family: 'Lucida console', monospace, Arial;
	 font-size: 16px;
	 font-style: bold;
	 font-variant: normal;
	 font-weight: normal;
height: 30px;
	letter-spacing: normal;
	line-height: 30px;
	padding: 2px;
	margin: 0px;
	height: 30px;
	width: 30px;
	  text-align: center;
	  text-shadow: none;
visibility: visible;
}
div.content {
	margin-top: 300px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
/*	border-radius: 10px;
	padding: 10px;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	background-color: #aaa;
	*/
}

div.top_panel div {
    color: #000;
	display: inline-block;
	padding-right: 10px;
	margin-right: 0px;
	padding-top: 0px;
}

ul.discussionlist {
}
ul.discussionlist li:hover {
}
h2,h3 { color: #fff; margin-top: 2px; }
div.bricks {
	display: inline-block;
}

div.player {
}
div.menu {
	text-align: center;
	width: 100%;
}
div.gold {
	background-image: url('/static/kryllSite/images/gold.png');
	background-position: 2px 3px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

div#left_panel {
	background: #444 url('/static/kryllSite/images/left.png') no-repeat;
	position: fixed;
	width:260px;
	height: 100%;
	margin-top:0;
	margin-bottom:0;
	top: 0;
	left: 50%;
	margin-left: -660px;
}

body {
	/*background-size: cover; */
	background-color: #222;
	background-position: center;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/static/kryllSite/images/bodybg.png') ;
	padding:0;
    margin:0;
	font: 16px Verdana, sans-serif;
	height: 100%;
	left: 0;
    top: 0px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
      text-shadow: 0 1px 1px rgba(255,255,255,.3);
	/*background-color: #e5e5e5;*/
}
.brown_button, input[type=submit] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px outset #2d1d12;
  padding: 5px;
  margin: 0px;
  display:inline-block;
  text-decoration:none;
  background: rgba(80,67,50,0.8);
  color:#FFFFFF;
  cursor:pointer;
  font-size:10px;
}
input.login {
  border: 1px solid #a26730; 
  -webkit-box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
          0 0 16px rgba(0,0,0,0.1); 
  -moz-box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
          0 0 16px rgba(0,0,0,0.1); 
  box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
          0 0 16px rgba(0,0,0,0.1); 
  background-color: #555;
  color: #EEE;
  font-size: 10px;
  padding-left: 1px;
  margin: 0 0 0px 0;
  width: 100px;
}

a h1, a small {
	padding:0;
	margin:0;
	color: #fff;
  text-shadow:
  -1px -1px 0 #000,
  1px -1px 0 #000,
  -1px 1px 0 #000,
  1px 1px 0 #000;
	font-smoothing:antialiased;
	display: inline-block;
}
a, a:visited {
	text-decoration: none;
	font-weight: bold;
    color: hsla(34,85%,45%,1);
	/*color: #3f6bbc;*/
}
a:hover {
	/*color: #3dacd0;*/
    color: hsla(34,85%,70%,1);
}

a.user_link{
    color: #3f6bbc;
}
a.user_link:hover{
    color: #3dacd0;
    cursor: pointer;
}

div.container {
}

table {
  padding: 0px; margin: 0px;
}

div.userbox {
	padding:0px;
}
div.userbox table tr td {
	border-spacing: 0px;
	padding: 0px; margin: 0px;
	border-spacing:0;
	border-collapse:collapse;
}


table.table {
	border-radius: 10px;
    border-collapse:collapse;
}

table.player_search_panel {
    background-color: #000;
	border-radius: 10px;
    border-collapse:collapse;
    border: 1px solid #000;
}

table.table th {
    font-weight: bold;
    font-size: 18pt;
}

table.table td.message {
    width:600px;
    vertical-align: top;
}

table.table td img {
    vertical-align: middle;
}


div.dialog {
    color: #fff;
    font-weight: bold;
    font-size: 18pt;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #246BB2;
    padding: 2px;
    height: 100px;
    margin:0px;
}

table.forum_frame {
    width: 1024px;
}

table.form th {
    text-align: right;

}

img.captcha {
    vertical-align: top;
}


div#motd, div.shop_image {
    width: 294 !important;
    height: 93 !important;
    margin:  0;
    padding: 0;  
    display: block;
    position: relative;
}

div#motd img, div.shop_image img {  
    border:  5px solid #000;  
    border-radius: 10px;
    background-color: #000;  
    width: 588;
    height: 188;
    top:  0; 
    left: 0 
} 

div#motd h1 {
    padding-left: 20px;
    margin-top: 5px;
}
div#motd h4 {
    padding-right: 20px;
}
div#motd h1, div#motd h4 {  
    color: white;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;  
}

table.login {
    width: 100%;
}

table.login td.motd {
    width: 588px;
}

ul.errorlist
{
list-style-image:url('/static/kryllSite/images/x.png');
}

div.admin-post {
    color: #CCFF99;
}
div.admin-post a {
    color: #0F0;
    text-decoration: underline;
}

div.forum_macro_button {
    border: 2px outset #666;
    background-color: #AAA;
    color: #000; 
    font-size: 10px;
    font-style: italic;
    display: inline-block;
    padding: 3px;
    cursor: pointer;
}

div.recentMaps {
    display: inline-block;
}
div.recentMaps p {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 10px;
    background-color: #000;
    border-radius: 4px;
    text-align:left;
    max-width: 130px;
    overflow: hidden;
    max-height: 13px;
    white-space:nowrap;
    text-shadow:
    1px 2px 0 #000,
    1px -2px 0 #000,
    -1px 2px 0 #000,
    1px 2px 0 #000;  
}

td.last_post, th.last_post {
    width: 180px;
}

/* CSS voodoo I got from an online example. Don't ask. Just stab someone who helped invent this. Hope they'll have to code their next app in brainf*ck language -- smackware. */

.breadcrumb {
    width: 80%;
    margin-left: 10%;
    list-style: none; 
    overflow: hidden; 
    font: 18px Helvetica, Arial, Sans-Serif;
    border: 2px solid #000;
    border-radius: 20px;
    background-color: #000;
    padding-left:0px;
    padding-right:0px;
}
.breadcrumb li { 
    float: left; 
}
.breadcrumb li a {
    color: white;
    text-decoration: none; 
    padding: 10px 0 10px 65px;
    background: brown;                   /* fallback color */
    background: hsla(34,85%,35%,1); 
    position: relative; 
    display: block;
    float: left;
}
.breadcrumb li:first-child a {
}
.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); z-index:999; }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
.breadcrumb li a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}
.breadcrumb li:nth-child(3)  a {
   /* background: transparent !important;*/
    color: black;
    width: 300%;
    padding-right: 50px;
    pointer-events: none;
    cursor: default;
    border-right: 30px solid transparent;
}

div.map_address {
    float: right;
    position: relative;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: hsla(34,85%,75%,1)
}

div.map_address img {
    vertical-align: middle;
}

a.sticky_topic_link {
    color: #66FF33;
}

a.topic_link {
    color: hsla(34,85%,45%,1);
}
a.topic_link:hover{
    color: hsla(34,85%,70%,1);
}

div.shop_button {
    position: absolute;
    top: 100px;
    width: 200px;
    height: 70px;
    background: #f6e6b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}


div.round_button a {
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    font-weight: bold;
    color: #fff;
}
div.round_button span {
}

div.round_button img {
vertical-align: middle;
float:left;
    margin-top: -10px;
    margin-left: 10px;
}

div.round_button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    border: 2px solid #000;
    border-radius: 20px;
}

div.greenlight_button {
    position: absolute;
    top: 100px;
    width: 220px;
    margin-left: 845px;
    height: 70px;
    background: #83a311; /* Old browsers */
    background: -moz-linear-gradient(top,  #83a311 0%, #96ea96 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a311), color-stop(100%,#96ea96)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #83a311 0%,#96ea96 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a311', endColorstr='#96ea96',GradientType=0 ); /* IE6-9 */
}

div.steam_button {
    position: absolute;
    top: 100px;
    width: 220px;
    margin-left: 845px;
    height: 70px;
    background: #83a311; /* Old browsers */
    background: -moz-linear-gradient(top,  #83a311 0%, #96ea96 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a311), color-stop(100%,#96ea96)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #83a311 0%,#96ea96 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #83a311 0%,#96ea96 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a311', endColorstr='#96ea96',GradientType=0 ); /* IE6-9 */
}

div.indiegogo_button {
    position: absolute;
    top: 180px;
    width: 220px;
    margin-left: 845px;
    height: 80px;
    padding-top: 15px;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

div.hall_of {
    padding-left: 30px;
    display: inline-block;
    text-align: center;
    width: 400px;
}

div.hall_of table td {
    font-size:20px;
    text-align: left;
    font-weight: bold;
}

div.pages {
    height: 30px;
    padding: 5px;
}


span.send_key_to_email {
    font-weight: bold;
    color: #0F0;
    text-decoration: underline;
}

#id_personal_message {
    width: 900px;
}

.personal_message_display {
    font-size: 14px;
    font-style: italic;
    padding-left: 80px;
}

div.small {
    font-size: 14px;
}

ul.profile_settings_menu li a {
    width: inherit;
    display: block;
}

ul.profile_settings_menu {
    border-radius: 20px;
    overflow: hidden;
	border-collapse:collapse;
    border: 1px solid #333;
    width: 130px;
    padding:0px;
}
ul.profile_settings_menu li.title {
    font-size: 16px;
    padding-bottom: 5px;
}

ul.profile_settings_menu li {
    height: 20px;
    padding: 2px;
    padding-left: 10px;
    list-style-type: none;
    width: inherit;
    margin-right: -4px;
    font-size: 14px;
    font-weight: bold;
    background-color: #000;
}


div.hall_of_glory table tr td:nth-child(1) { width: 30px; }
div.hall_of_glory table tr td:nth-child(2) { width: 70px; }
div.hall_of_glory table tr td:nth-child(3) { width: 170px; }
div.hall_of_glory table tr td:nth-child(4) { width: 80px; font-size: 34px; color: #FFFF80; }
div.hall_of_fame table tr td:nth-child(1) { width: 70px; }
div.hall_of_fame table tr td:nth-child(2) { width: 170px; }
div.hall_of_fame table tr td:nth-child(3) { width: 80px; font-size: 34px; color: #FFFF80; }

div.hall_of h1 {
    vertical-align:top;
    color: #AAA;
}

div.hall_of h1 img {
    padding-right: 20px;
}


h1.uncomplete {color: #aaa;}
h1.completed { color: #CCFF66; }
h1.perfected { color: #FFFF66; }

td.username {
    white-space:nowrap; 
}

td.level {
    font-size: 12px;
}

pre.purchased_key {
  color: #CCFF66;
}

p.warning {
    color:#FF3300;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}

div.fb-like {
    color: #fff;
}

div#terms p, div#privacy p {
    margin-bottom:50px;
}
div#terms h1, div#privacy h1 {
    text-decoration: underline;
    display: block;
}


table.offers tr.title:first-child td {
    padding-top: 0px;
}

table.offers tr.title td {
    padding-top: 50px;
}

table.offers tr.description td {
    padding-bottom: 50px;
}

input.buy_button {
    vertical-align: middle;
    border: 2px solid #000;
    text-align: center;
    width: 160px;
    height: 40px;
    border-radius: 15px;
    font-weight: bold;
    font-size: 20px;
    text-shadow: -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000;
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #f2b13a 46%, #ff7c00 83%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(46%,#f2b13a), color-stop(83%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#f2b13a 46%,#ff7c00 83%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb76b 0%,#f2b13a 46%,#ff7c00 83%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb76b 0%,#f2b13a 46%,#ff7c00 83%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb76b 0%,#f2b13a 46%,#ff7c00 83%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

input.buy_button:hover {
background: #b4e391; /* Old browsers */

background: -moz-linear-gradient(top,  #b4e391 0%, #128210 95%, #b4e391 99%, #61c419 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(95%,#128210), color-stop(99%,#b4e391), color-stop(100%,#61c419)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* IE10+ */

background: linear-gradient(to bottom,  #b4e391 0%,#128210 95%,#b4e391 99%,#61c419 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}


div.ingame_site {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1024px;
    height:320px;
    margin-left:-512px;
    margin-top:-160px;
    z-index: 900;
    display: none;
}

iframe.ingame_site {
    z-index: 999;
    overflow: auto;
    width: 944px;
    height:240px;
}

div.shadow_game {
    display: none;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 800;
    top:0px;
    left:0px;
}

table.key_input tr td, table.key_input tr th {
    font-size:18px;
}

input.key_input {
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px outset #2d1d12;
    padding: 5px;
    margin: 0px;
    display:inline-block;
    text-decoration:none;
    background: rgba(80,67,50,0.8);
    color:#FFFFFF;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.key_input_focus {
    background-color: #87860a;
    border: 2px inset; /* #2d1d12; */
}

table.about_us tr td {
    vertical-align: top;
}

table.about_us tr td:first-child {
    width: 170px;
}

table.about_us tr td {
    padding-bottom: 30px;
}

body.landing {

}

.previews {  
    height:  300px;  
    width:   720px;  
    padding: 0;  
    margin:  0;  
} 

.previews_mobile {  
    padding: 0;  
    margin:  0;  
} 
 
.previews div.preview_big {  
}