.label {
	color: #efefef;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 3px;
	padding: 5px 6px;
}

.label-default {
	background-color: #666;
	color: rgba(255, 255, 255, 0.75);
}

.label-tag-genre {
	background-color: #446771;
}

.label-tag-instrument {
	background-color: #7f5e4d;
}

.label-tag-mood {
	background-color: #785784;
}

.label a, .label a:link, .label a:visited {
	color: rgba(255, 255, 255, 0.8) !important;
}

.label a:hover {
	color: rgba(255, 255, 255, 1.0) !important;
	text-decoration: none !important;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

a i {
	cursor: pointer;
	margin: 5px;
}

a img { border: none; }

a.featured, .featured {
	font-size: 14px;
	font-weight: bold;
}

a.main {
	font-weight: bold;
}

blockquote {
	font-style: italic;
	font-size: 12px;
	margin-left: 20px;
	padding: 5px 15px;
}

body {
	background: url(/images/template/tpl_bg_alt.jpg) #ebebeb repeat-x;
	color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body > div.main-content { height: auto; min-height: 100%; }

div#footer {
	clear: both;
	position: relative;
	text-align: center;
	z-index: 10;
}

div#logininfo {
	color: #ffffff;
	position: absolute;
	right: 120px;
	text-align: right;
	text-transform: lowercase;
	top: 17px;
	z-index: 102;
}

div#logininfo a, div#logininfo a:link { color: #fd9353; }

div#nav-second-tier {
	color: #cccccc;
	font-size: 11px;
	left: 120px;
	position: absolute;
	text-align: right;
	text-transform: lowercase;
	top: 7px;
	z-index: 99;
}

div#nav-second-tier a, div#nav-second-tier a:link {
	color: #cccccc;
	font-weight: bold;
	margin: 5px;
	text-decoration: none;
}

div.alert {
	border: none;
	border-radius: 0;
	color: #fff;
	margin-bottom: 15px;
}

div.alert a, div.alert a:link, div.alert a:visited {
	color: #fff;
	text-decoration: underline;
}

div.alert a:hover {
	color: #fff;
	text-decoration: none;
}

div.alert-danger {
	background-color: #B52B38;
}


div.area-link:hover img.hover-opacity {
	opacity: 1.0;
}

div.breadcrumb {
	background-color: transparent;
	color: #bfbfbf;
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 0;
	padding: 5px 0;
	text-transform: lowercase;
}

div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited { color: #bfbfbf; text-decoration: none; }

div.breadcrumb a:hover { color: #fd9353; text-decoration: underline; }

div.list-item {
	line-height:17px;
   border-bottom: dotted 1px #d1d1d1;
	padding:0;
	margin:0;
}

div.list-item:hover {
	background: url('/images/template/div-item-highlight-bg.png') repeat-x;
}

div.main-content {
	height: 100%;
	left: 0px;
	margin: 0px;
	margin-bottom: -400px;
	margin-top: 135px;
	min-height: 100%;
	min-width: auto;
	padding: 0px;
	padding-bottom: 20px;
	width: 100%;
	z-index: 99;
}

div.main-content a { color: #e65502; text-decoration: none; }

div.main-content a:hover { color: #e65502; text-decoration: underline; }

div.main-content h2 a,
div.main-content h2 a:link,
div.main-content h2 a:visited
	{ color: #424242; text-decoration: none; }

div.main-content h2 a:hover { color: #e65502; }

div.main-content h2 {
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0;
	vertical-align: middle;
}

div.main-content p {
	line-height: 150%;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.main-content p a:hover,ul a:hover, blockquote a:hover, div.main-content h2 a:hover { text-decoration: underline; }

div.main-content ul.metadata { list-style-type: none; margin: 0; overflow:hidden; font-size: 12px; }

div.main-content ul.metadata li { line-height: 25px;}

div.middle-column-full {
	margin: 2px auto;
	max-width: 1500px;
	text-align: left;
	width: auto;
}

div.mixbox {
	display:block;
	margin-left:70px;
	text-overflow:ellipsis;
	padding:7px;
	white-space:nowrap;
	overflow:hidden;
}

div.mixshot {
	height:50px;
	overflow:hidden;
	float:left;
	margin-right:5px;
	clear:left;
	margin-top:7px;
}

div.mixshot img {
	min-height:50px;
	width:70px;
}

div.nogap {
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

div.ocrsearch {
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 64px;
	z-index: 99;
}

div.ocrsearch a, div.ocrsearch a:link, div.ocrsearch a:visited { color: #cccccc; text-decoration: none; }

div.panel-2-dark {
	background-color: #363636;
	color: #fff;
	padding: 10px;
}

div.panel-2-dark a, div.panel-2-dark a:link {
	color: #fd9353;
}

div.panel-2-dark p {
	color: #9f9f9f;
}

div.panel-2-dark h2 {
	border-bottom-color: #7a7a81;
}

div.panel-2-dark h2, div.panel-2-dark h2 a, div.panel-2-dark h2 a:link, div.panel-2-dark h2 a:visited {
	color:#fff;
}

div.right-column-wiki { position: absolute; right: 0px; top: 5px; width: 210px; }

div.wiki-content {
	color: #6a6a6a;
	font-size: 14px;
	line-height: 22px;
}

div.wiki-content #catlinks ul {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

div.wiki-content #catlinks li {
	display: inline;
}

div.wiki-content #catlinks li:after {
	content: ", ";
}

div.wiki-content #catlinks li:last-child:after {
   content: "";
}

div.wiki-content dd, ul { padding-left: 0px; }

div.wiki-content div.column {
	border-left: solid 1px #eaeaea;
	margin: 5px;
	padding: 10px;
}

div.wiki-content h2, h3 { margin-bottom: 15px; margin-top: 15px; overflow: hidden; }

div.wiki-content p { color: #6a6a6a; margin-left: 20px; line-height: 22px; }

div.wiki-content ul, div.wiki-content ol, div.wiki-content dl { color: #6a6a6a; padding-left: 25px; line-height: 22px; margin-left: 0;}

div.wiki-content li, div.wiki-content dd { color: #6a6a6a; line-height: 22px; }

div.writeup {
	margin: 0 8px;
}

div.writeup, div.writeup p, div.writeup blockquote, div.writeup ul li {
	color: #6a6a6a;
	font-size: 14px;
	line-height: 22px;
}

fieldset legend { font-size: 100%; font-weight: bold; }

h1 {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-top: 0;
}

h1 a, h1 a:link, h1 a:visited { color: #fd9353; text-decoration: none; }

h1 a:hover { color: #e65502; }

h2 { border-bottom: dotted 1px #d1d1d1; font-size: 16px; padding-bottom:5px;}

h2 i {
	margin-right: 8px;
}

h2, h3 { color: #424242; font-weight: bold; }

h3 { font-size: 130%; }

html, body, div.main-content { height: 100%; }

i.placeholder {
	color: rgba(0, 0, 0, 0.1);
}

i.ref {
	display:inline-block;
	margin: 0 10px 10px 0;
	height:30px;
	width:30px;
	background-color:#888888;
	background-image:url("/images/template/icons/social-media-flat/general/general-128.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-radius: 15px;
}

i.ref-20 {
	margin: 0 10px 0 0;
	height:20px;
	width:20px;
	background-size:20px 20px;
}

i.ref-24 {
	margin: 0 10px 0 0;
	height:24px;
	width:24px;
	background-size:20px 20px;
	border-radius: 12px;
}

i.ref-32 {
	margin: 0 10px 0 0;
	height:32px;
	width:32px;
	background-size:27px 27px;
	border-radius: 16px;
}

i.ref-40 {
	margin: 0 10px 0 0;
	height:40px;
	width:40px;
	background-size:35px 35px;
	border-radius: 20px;
}

i.ref-blank {
	background-color:rgba(0, 0, 0, 0.1);
}

i.ref-apple {
	background-color:#888888;
	background-image:url("/images/template/icons/social-media-flat/apple/apple-128.png");
}

i.ref-amazon {
	background-color:#f8a51b;
	background-image:url("/images/template/icons/social-media-flat/amazon/amazon-128.png");
}

i.ref-bandcamp {
	background-color:#619ba9;
	background-image:url("/images/template/icons/social-media-flat/bandcamp/bandcamp-128.png");
}

i.ref-facebook {
	background-color:#3b5998;
	background-image:url("/images/template/icons/social-media-flat/facebook/facebook-128.png");
}

i.ref-gamefaqs {
	background-color:#6564ff;
	background-image:url("/images/template/icons/social-media-flat/gamefaqs/gamefaqs-128.png");
}

i.ref-gamespot {
	background-color:#e03800;
	background-image:url("/images/template/icons/social-media-flat/gamespot/gamespot-128.png");
}

i.ref-googleplay {
	background-color:#00cbff;
	background-image:url("/images/template/icons/social-media-flat/googleplay/googleplay-128.png");
}

i.ref-homepage{
	background-color:#888888;
	background-image:url("/images/template/icons/social-media-flat/home/home-128.png");
}

i.ref-ign{
	background-color:#ee3124;
	background-image:url("/images/template/icons/social-media-flat/ign/ign-128.png");
}

i.ref-imdb{
	background-color:#ffae17;
	background-image:url("/images/template/icons/social-media-flat/imdb/imdb-128.png");
}

i.ref-instagram{
	background-color:#e23465;
	background-image:url("/images/template/icons/social-media-flat/instagram/instagram-128.png");
}

i.ref-linkedin{
	background-color:#007bb6;
	background-image:url("/images/template/icons/social-media-flat/linkedin/linkedin-128.png");
}

i.ref-mobygames{
	background-color:#0064bb;
	background-image:url("/images/template/icons/social-media-flat/mobygames/mobygames-128.png");
}

i.ref-myspace{
	background-color:#003399;
	background-image:url("/images/template/icons/social-media-flat/myspace/myspace-128.png");
}

i.ref-musicbrainz{
	background-color:#ba478f;
	background-image:url("/images/template/icons/social-media-flat/musicbrainz/musicbrainz-128.png");
}

i.ref-ocrecords{
	background-color:#111;
	background-image:url("/images/template/icons/social-media-flat/ocrecords/ocrecords-128.png");
}

i.ref-patreon{
	background-color:#ff6600;
	background-image:url("/images/template/icons/social-media-flat/patreon/patreon-128.png");
}

i.ref-rss{
	background-color:#ff8300;
	background-image:url("/images/template/icons/social-media-flat/rss/rss-128.png");
}

i.ref-soundcloud{
	background-color:#FF6600;
	background-image:url("/images/template/icons/social-media-flat/soundcloud/soundcloud-128.png");
}

i.ref-spotify {
	background-color:#1ed760;
	background-image:url("/images/template/icons/social-media-flat/spotify/spotify-128.png");
}

i.ref-tumblr{
	background-color:#314358;
	background-image:url("/images/template/icons/social-media-flat/tumblr/tumblr-128.png");
}

i.ref-twitch{
	background-color:#6441a5;
	background-image:url("/images/template/icons/social-media-flat/twitch/twitch-128.png");
}

i.ref-twitter{
	background-color:#39a9e0;
	background-image:url("/images/template/icons/social-media-flat/twitter/twitter-128.png");
}

i.ref-uvl{
	background-color:#4bb0ec;
	background-image:url("/images/template/icons/social-media-flat/uvl/uvl-128.png");
}

i.ref-vgmdb{
	background-color:#2f364f;
	background-image:url("/images/template/icons/social-media-flat/vgmdb/vgmdb-128.png");
}

i.ref-wikipedia{
	background-color:#4b4b4b;
	background-image:url("/images/template/icons/social-media-flat/wikipedia/wikipedia-128.png");
}

i.ref-youtube{
	background-color:#cd332d;
	background-image:url("/images/template/icons/social-media-flat/youtube/youtube-128.png");
}

iframe {
	border: none;
}

img.header { left: 0px; position: absolute; top: 0px; z-index: 90; }

img.mascot {
	display: none;
	position: absolute;
	right: 5px;
	top: 15px;
	z-index: 101;
}

img.mixshot { border: 1px solid #7f7f87; }

img.hover-opacity {
	opacity:0.9;
}

img.hover-opacity:hover {
	opacity: 1.0;
}

input {
	background: #ffffff;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
}

input#ocr-search-box, input.search-box {
	background: url('/images/template/panel-white-bg.png') repeat-x;
	background-color: #ffffff;
	border: none;
	color: #6c6c76;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
	padding: 8px;
	width: 300px;
}

.single-line-item {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.color-bodytext a, span.color-bodytext a:link, span.color-bodytext a:visited, div.main-content a.color-bodytext { color: #424242; }

.color-arrangement, .color-arrangement a, .color-arrangement a:link { color: #26dd84; }

.color-gold {
	color: #ffbf00;
}

.color-original, 
.color-original a, 
.color-original a:link, 
.color-original a:visited { color: #28a1ff; }

.color-secondary, span.color-secondary, .color-secondary a, span.color-secondary a, div.main-content a.color-secondary, div.main-content p.color-secondary, div.main-content h2.color-secondary a {
	color: #8a8a8a;
}

table.data {
	background-color: #ffffff;
	color: #afafaf;
	font-size: 12px;
	margin-bottom: 4px;
}

table.data a, table.data a:link, table.data a:visited { color: #afafaf; text-decoration: none; }

table.data a.main {
	color:#fd9353;
	font-weight:bold;
}

table.data a:hover { color: #fd9353; text-decoration: none; }

table.data p, table.data ul { font-size: 100%; }

table.data tr.area-link:hover td, table.data td.area-link:hover {
		background-color: #292929;
}

table.data td, table.data tr.status-yellow td.no-highlight {
	background-color: #363636;
	border-bottom: solid 5px #434343;
		line-height: 20px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

table.data td.pagination { text-align: right; }

table.data td.pagination {
	background-color: #ffffff;
	background-image: none;
	border: none;
	color: #3e3e41;
	font-weight: normal;
}

table.data td.pagination a { color: #3e3e3e; font-weight: bold; }

table.data td.row1:hover { cursor: pointer; }

table.data td.row2, table.data tr.row2 td{
	background: url(/images/template/tpl_5_table_cell_bg_2.jpg) #808080
		repeat-x;
}

table.data td.row3, table.data tr.row3 td {
	background: url(/images/template/tpl_5_table_cell_bg_2.jpg) #808080
		repeat-x;
}

table.data td.status-green, table.data tr.status-green td {
	background: url(/images/template/tpl_5_table_cell_bg_status_green.jpg) #c7dbc7
	repeat-x;
}

table.data td.status-red, table.data tr.status-red td {
	background: url(/images/template/tpl_5_table_cell_bg_status_red.jpg) #e4a9a9
	repeat-x;
}

table.data td.status-yellow, table.data tr.status-yellow td {
	background: url(/images/template/tpl_5_table_cell_bg_status_yellow.jpg) #91592b
	repeat-x;
}

table.data tfoot td {
	background-color:#686868;
	border: none;
	color: #ffffff;
	font-weight: bold;
	padding: 7px;
	text-align: left;
	white-space: nowrap;
}

table.data th a, table.data th a:link,
table.data th a:visited { color: #ffffff; text-decoration: none; }

table.data th a:hover { color: #ffffff; text-decoration: underline; }

table.data th, table.data .separator {
	background-color:#686868;
	border: none;
	color: #ffffff;
	font-weight: bold;
	padding: 7px;
	text-align: left;
	white-space: nowrap;
}

table img {
	vertical-align: middle;
}

table.layout td { vertical-align: top; }

ul {
	list-style: square;
	margin-left: 25px;
	margin-top: 5px;
	padding: 0px;
}

ul li {
	line-height: 17px;
}

ul ul { margin-top: 2px; }

.area-link {
	cursor: pointer;
}

@media (max-width: 979px) {

	div.ocrsearch, div#nav-second-tier, img.header {
		display: none;
	}
}

@media (min-width: 1500px) {

	img.mascot {
		display: inline;
		visibility: visible;
	}

}
