/* Modifications to the backrgound */
#body {
     background: #333333 url("https://rpgmaker.net/media/content/users/6423/locker/title_text_back.png");
     background-repeat: repeat;
	 background-attachment: fixed;
     color: rgba(180,220,180,0.7);
	 animation-play-state:running;
	 animation:backscroll 16384ms linear infinite;
}

#frame {
	background: none;
}

/* Modifications to background colors */
#main_column {
    background: rgba(32,32,32,0.6);
	background: -webkit-linear-gradient(rgba(24,24,24,0.6), rgba(32,32,32,0.6));
	background: -o-linear-gradient(rgba(24,24,24,0.6), rgba(32,32,32,0.6));
	background: -moz-linear-gradient(rgba(24,24,24,0.6), rgba(32,32,32,0.6));
	background: linear-gradient(rgba(24,24,24,0.6), rgba(32,32,32,0.6));
	font-size: 18px
}
div.frame .right_column {
    font-size: 12px;
}

#game_frame {
   background: none;
}

/* Modifications to messages */
div.message div.contents {
	border-left: 2px;
	border-color: rgba(255,255,255,0.5) !important;
}
div.message.even {
    background: rgba(32,28,28,0.6) !important;
 background: -webkit-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: -o-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: -moz-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
}
div.message.odd {
    background: rgba(32,28,28,0.6) !important;
 background: -webkit-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: -o-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: -moz-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
 background: linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7)) !important;
}
#discussion .authors{
	background: rgba(32,28,28,0.6);
	background: -webkit-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7));
	background: -o-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7));
	background: -moz-linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7));
	background: linear-gradient(rgba(32,28,28,0.6), rgba(16,7,7,0.7));
}

/* Modifications to tables (Reviews and Downloads) */
table.listing tr.odd td {
	background: rgba(40,40,40,0.6);
	background: -webkit-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: -o-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: -moz-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
}
table.listing tr.even:hover td, table.listing tr.odd:hover td {
	background: rgba(40,40,40,0.6);
	background: -webkit-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: -o-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: -moz-linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
	background: linear-gradient(rgba(40,40,40,0.6), rgba(32,32,32,0.7));
}
.small {
	color: rgba(180,200,242,0.7);
}

/* Quotation block */
blockquote {
     background-color: rgba(16,16,16,0.6) !important;
     color: rgba(180,200,242,0.7) !important;
     border-color: rgba(0,0,0,0.5) !important;
}

a {
	color: rgba(252,192,128,0.7);
}
/* Code block */
.code {
    background: rgba(0,0,0,0.2);
}

/* Modifications to the post box (?) */
div.frame {
	background: rgba(50,50,50,0.6);
	background: -webkit-linear-gradient(rgba(50,50,50,0.6), rgba(32,32,32,0.7));
	background: -o-linear-gradient(rgba(50,50,50,0.6), rgba(32,32,32,0.7));
	background: -moz-linear-gradient(rgba(50,50,50,0.6), rgba(32,32,32,0.7));
	background: linear-gradient(rgba(50,50,50,0.6), rgba(32,32,32,0.7));
}
div.input textarea {
	background: rgba(40,40,40,0.6);
	background: -webkit-linear-gradient(rgba(40,40,40,0.6), rgba(16,16,16,0.7));
	background: -o-linear-gradient(rgba(40,40,40,0.6), rgba(16,16,16,0.7));
	background: -moz-linear-gradient(rgba(40,40,40,0.6), rgba(16,16,16,0.7));
	background: linear-gradient(rgba(40,40,40,0.6), rgba(16,16,16,0.7));
	color: rgba(180,200,242,0.7);
}

div.pages {
	color: #777777;
}
.edited {
	color: #777777 !important;
}

#header {
	background-color: rgba(0,0,0,0.4);
}
#header h7 {
	color: #ff00ff !important;
}
#game_header {
    height: 179px;
    z-index: 3;
    position: relative;
    background: url(https://rpgmaker.net/media/content/users/6423/locker/title_text_fore.png);
    background-size: 100% 100%;
}

div.makerscore {
	color: #ffd022 !important;
}

/* Gametags */
.game_tag_list a {
    /*
	font-weight: bold;
    display: block;
    height: 1.6em;
    line-height: 1.5em;
    padding: 0 9px 0 8px;
    text-decoration: none;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-radius: 3px 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
	*/
	
    color: #cccccc;
	text-shadow: 0 1px #010101;
    background: #111111;
    border-color: #1a1a1a #121212 #050505 #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1f1f1f, #111111);
    background-image: -moz-linear-gradient(top, #1f1f1f, #111111);
    background-image: -o-linear-gradient(top, #1f1f1f, #111111);
    background-image: linear-gradient(to bottom, #1f1f1f, #111111);
    
}

#game_navigation {
    height: 40px;
}
/* Game  Navigation Buttons */
#game_navigation li {
    font-weight: bold;
    display: block;
    height: 1.6em;
    line-height: 1.5em;
    padding: 0 9px 0 8px;
    text-decoration: none;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-radius: 3px 0 0 3px;
	
	color: #cccccc;
	text-shadow: 0 1px #010101;
    background: #111111;
    border-color: #1a1a1a #121212 #050505 #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1f1f1f, #111111);
    background-image: -moz-linear-gradient(top, #1f1f1f, #111111);
    background-image: -o-linear-gradient(top, #1f1f1f, #111111);
    background-image: linear-gradient(to bottom, #1f1f1f, #111111);
}

#game_navigation li:hover {
    -webkit-box-shadow: inset 0 0 3px 3px rgba(192, 192, 224, 0.5);
    box-shadow: inset 0 0 3px 3px rgba(192, 192, 224, 0.5);
}

.buttons a, .buttons button {
    background: #111111;
    border-color: #1a1a1a #121212 #050505 #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1f1f1f, #111111);
    background-image: -moz-linear-gradient(top, #1f1f1f, #111111);
    background-image: -o-linear-gradient(top, #1f1f1f, #111111);
    background-image: linear-gradient(to bottom, #1f1f1f, #111111);
    color: #cccccc;
}

@keyframes backscroll {
	0% {
		background-position-x: 0px;
		background-position-y: 0px;
	}
	100% {
		background-position-x: 256px;
		background-position-y: 256px;
	}
}

#game_header::before {
    content: "";
    height: 179px;
    background-image: url(https://rpgmaker.net/media/content/users/6423/locker/solitudelogo.png);
    background-repeat: no-repeat;
    background-size: 280px;
    background-position-x: 280px;
    background-position-y: -30px;
    opacity: 0.8;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
	z-index: -1;
	animation-play-state: running;
    animation: logoentry 2048ms ease-out 1;
}

@keyframes logoentry {
	0% {
		background-position-x: 320px;
		opacity: 0.0;
	}
	50% {
		background-position-x: 320px;
		opacity: 0.0;
	}
	100% {
		background-position-x: 280px;
		opacity: 0.8;
	}
}

img#game_logo {
	animation: logoentry 4096ms ease-out 1;
}

@keyframes logoentry2 {
	0% {
		opacity: 0.0;
	}
	75% {
		opacity: 0.0;
	}
	100% {
		opacity: 1;
	}
}

.thumbnail.game_image:hover {
    outline: rgba(180,220,180,0.2);
    outline-width: medium;
    outline-style: ridge;
}