/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  /*font-family: inherit;*/
  vertical-align: baseline
}


body {
  line-height: 100%;
  background:#3c3c3c;
  font-family: Arial, "Myriad Pro", "Trebuchet MS", sans-serif;
  color:#ece8e9;
}



/*---------------Links
/*-----------------------------------------*/

a {
  color: #ddd;
  text-decoration:none;
}

a:visited {
  color: #ddd;
  text-decoration:none;
}

a:hover {

  color: #5ba5fe;
  text-decoration:underline;
}

/*-----------------------------------------*/


#wrap {
	max-width:1400px;
    min-width: 600px;
    margin:0 auto;
    background:#3c3c3c;
}


#wrap2 {
    margin-left:10px;
    margin-right: 10px;
    background:#1e1e1e;
}

#header-div {
    background:#3c3c3c;
    height: 100px;
    text-align: center;
    margin-top: 10px;

}
#header {
	width: 100%;
	height:100%;
    background:#000000;
	padding: 0;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
  	-webkit-border-top-right-radius:15px;
}

#header h1 {	padding-top: 20px;
}

#nav {
	width: 100%;
	height:44px;
	background-color:#121f41;
	background-image: url('navigation-background.png');
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	text-align: center;
}

#nav ul {
	margin:0;
    padding:0;
    list-style:none;
}

#nav li {
    display:inline;
    margin:0;
    padding:0;
}


#nav li a
{
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	padding: 0px 20px;
	color:#fff;
	text-decoration: none;
	font-size:14px;

}

#nav li a:hover, #nav li a.selected {
	/*background-color:#121f41;
	background-image: url('navigation-background-selected.png');
	background-repeat: repeat-x;
	*/
	text-decoration: underline;
}

#nav li a.selected {
	font-weight: bold;
}

#container {	width: 100%;
    background:#1e1e1e;
}

#container table {	width: 100%;
}



#maincell, #main  {
    background:#1e1e1e;
	text-align: left;
}

#main {	padding: 15px;
}


#main a {
  color: #5ba5fe;
  text-decoration:none;
}

#main a:visited {
  color: #5ba5fe;
  text-decoration:none;
}

#main a:hover {

  color: #ddd;
  text-decoration:underline;
}

#sidebar_cell {
	border-right: 6px solid #bbb;
	min-height: 1000px;
	width:200px;
    background:#202c60;
    vertical-align: top;
    padding-bottom: 20px}

#sidebar h2 {	font-weight:bold;
	padding-top:30px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size:16px;
}

#sidebar ul {	list-style-type: square;
}

#sidebar li {	margin-left: 40px;
	padding-bottom: 4px;
}

#sidebarsearch {
	padding-left: 10px;
}

#sidebarsearch input[type=text] {
	width: 100px;

}
#sidebarsearch input[type=submit] {
	width: 60px;

}


#footer-div {
    background:#3c3c3c;
	height: 50px;
    clear: both;
}

#footer {
	width: 100%;
	height: 50px;
	background:#000000;
	color: #fff;
	text-align: right;
	font-size: 11px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
  	-webkit-border-bottom-right-radius:15px;
}

#footer p {
	padding: 5px 15px 10px 10px;
}


/*********************** PAGES ****************************/

#indexpage {	text-align: center;
	width: 100%;
}

#main h2 {	font-weight: bold;
	font-size: 22px;
	padding: 25px;
}

#searchsearch {
	width: 100%;
	padding-bottom:30px;
	padding-top: 10px;
	text-align: center;
}

#searchsearch input[type=text] {
	width: 400px;
}

#searchsearch select {
	margin-top: 10px;;
}

.error {	color: red;
	font-weight: bold;
}

#indexsearch {
	width: 100%;
	vertical-align: middle;
	padding-bottom:30px;
	padding-top: 30px;
	text-align: center;
}

#indexsearch input[type=text] {	width: 300px;
}

#indexsearch p {	font-weight: bold;
	padding-top: 20px;
}

#indexsearch a {
	font-weight: normal;
}

#indexlatest {	text-align: left;
}
/*
#indexlatest ul li {	font-size: 16px;
	padding-bottom: 20px;
	padding-left: 40px;
	list-style: none;
}

#indexlatest ul li {
	background-color: #3c3c3c;
	border: 1px solid black;
}

#indexlatest ul li ul li {
	border: 0;
}

#indexlatest ul li ul li {	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 5px;
	list-style: none;
}

#indexlatest ul li ul li ul li:before {
	content: '> ';
}

#indexlatest ul li ul li ul li {
	font-size: 12px;
	font-weight: none;
	padding-top: 5px;
	padding-bottom: 0px;
}
*/

/* home page news */

#indexlatest ul li:before {
	content: '> ';
}

#indexlatest ul li {
	font-size: 14px;
	font-weight: none;
	padding-left: 10px;
	padding-bottom: 0px;
	list-style: none;
}

#indexlatest a {	color: #ece8e9;
}

#indexlatest ul li a {
	color: #5ba5fe;
}

.news_content1 {
	background:url(c2.jpg) left bottom repeat-x #171D23;
	width:100%;
	vertical-align:top;
	text-align:left;
}
.news_content2 {
	background:url(c1.jpg) left bottom no-repeat;
	width:100%;
	vertical-align:top;
	text-align:left;
}
.news_sub_content {
	padding:21px 29px 19px 30px;
}
.news_head {
	background:url(cats3.gif) left bottom repeat-x;
	padding:0px 0px 7px 0px;
	color:#378EB3;
}

.news_head_title {
	color:#fff;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.news_head_title:hover {
	text-decoration:underline;
}
.news_table1 {
	width:359px;
	vertical-align:top;
	display:table;
	text-align:left;
}
.news_table_row1 {
	width:359px;
	height:100%;
	vertical-align:top;
	display:table-row;
	text-align:left;
}
.news_left1 {
	width:400px;
	vertical-align:top;
	text-align:left;
	display:table-cell;
	font-size: 10px;
}
.news_right1 {
	width:0px;
	vertical-align:top;
	text-align:left;
	display:table-cell;
}

.news_date {
	color:#57687B;
	padding:8px 0px 0px 0px;
}
.news_author {
	color:#57687B;
	text-align:right;
	padding:8px 0px 0px 0px;
}
.news_content_txt {
	background:url(cats3.gif) left bottom repeat-x;
	margin:0px 0px 6px 0px;
	padding:15px 15px 19px 20px;
	line-height:1.31em;
	font-size: 16px;
	text-decoration:none;
}
.news_comment {
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-align:right;
}
.news_comment a {
	color:#57687B;
	text-decoration:underline;
}

.news_comment a:hover {
	color:#57687B;
	text-decoration:none;
}


#indexpopular {
	clear: both;
}

#indexinfo {
	width: 100%;
	clear: both;
	text-align: left;
	padding-left: 20px;
}

#indexinfo p {
	padding-top: 20px;
}

.gameIcon {	width: 200px;
	text-align: center;
	float: left;
	padding: 10px;
}

.gameIcon .category_name {	font-size: 11px;
	color: #ece8e9;
}

.gameIcon img {	width: 183px;
	height: 210px;
}

.gameIcon p {
	padding: 5px;
}

#infopage {
	text-align: left;
	width: 100%;
	padding-left: 20px;
}
#infopage p, #gamepage p {
	padding: 4px;
}

#gamelistpage {	text-align: left;
	width: 100%;
}

.extraInfo {	font-size: 12px;
}


#gamelist, #tracklist {	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 7px;
}


#gamelist .headerrow {
	border: 1px solid black;
	background-color: #414040;
	height: 50px;
	font-weight: bold;
	font-size: 16px;
}

#gamelist .headerrow .console, #gamelist .headerrow .year, #gamelist .headerrow .developer {	font-size: 16px;
}

#gamelist .regularrow {	height: 50px;
}

#gamelist .regularrow_image {
	height: 120px;
}

#gamelist .regularrow:hover, #gamelist .regularrow_image:hover {
	opacity: 0.8;
	background-color: #606060;
}

#gamelist .name {
	padding-left: 15px;
	text-align: left;
	vertical-align: middle;
}

#gamelist .alternative_names {	font-size:11px;
}

#gamelist .image, #gamelist .console, #gamelist .year, #gamelist .developer {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 3px;
}
#gamelist .console a, #gamelist .year a, #gamelist .developer a {
	color: #ece8e9;
}

#gamelist .image {	width: 100px;
}

#gamelist .console {
	width: 120px;
}

#gamelist .year {
	width: 80px;
}

#gamelist .developer {
	width: 120px;
}

.found_stats {
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 15px;
}

#gamepage {
	text-align: center;
	width: 100%;
}

#gamepage h2 {
	padding-left: 0px;
	padding-top: 7px;
	font-size: 32px;
}

#music_info {	text-align: left;
	float: left;
	padding-bottom: 30px;
	padding-left: 20px;
}

#music_info p {	font-size: 14px;
}

#music_info .infoname {	font-weight: bold;
}

#music_cover {	text-align: center;
	vertical-align: center;
	float: left;
}

#music_cover img {	padding: 10px;
}

#mass_download {	clear: both;
	width: 400px;
	text-align: left;
	padding: 10px 0px;
}

#mass_download p {	padding-bottom: 7px;
	background-image: url('Arrow_Blue_Down_clip_art_small.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0px 4px;
	padding-left: 25px;
	display: block;
}



#tracklist .regularrow {	height: 30px;
}

#tracklist .regularrow:hover {
	opacity: 0.8;
	background-color: #606060;
}

#tracklist .plSel {
	opacity: 0.8;
	background-color: #606060;
}



#tracklist .name {
	padding-left: 15px;
	text-align: left;
	vertical-align: middle;
}

#tracklist .length, #tracklist .download {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 3px;
	width: 100px;
}

#tracklist .number {	text-align: right;
	vertical-align: middle;	width: 30px;
	padding: 3px;
}

#tracklist .trackrow {	cursor:pointer;
}


#top_rectangle_ad {	float: right;
	padding-bottom: 20px;
}

#game_contact_link {	text-align: right;
	padding: 20px;
}


.pagination {
clear: both;
}

.counter {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    padding: 13px 20px 13px 0px;
    display: inline;
    letter-spacing: 1px;
    float:left;
}

.pagination ul {
  float:left;
  margin-top:0px;
   padding: 10px 0px;
  list-style: none;
}

.pagination ul li {
  float:left;
  width:auto;
  border-top:none;
}

.pagenav {
  color:#fff;
  padding:7px 7px;
}

span.pagenav:last-child {
  font-size: 24px;
  background: rgb(51, 105, 129);
  font-weight: bold;
}

.pagination a {
  font-weight:bold;
  font-size: 24px;
  color:#fff;
}

.pagination a:hover {
  color:#fff;
  background: rgb(51, 105, 129);
  -webkit-transition-duration: 0s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0s;
  transition-timing-function: ease;
}

.pagination-prev {
   padding-right: 15px;
}

.pagination-next {
   padding-left: 15px;
}



p.pagination a {
	color:#333;
	padding: 0 5px;
}



/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */
audio { width:90%; padding-top: 10px; height: 40px;}

#plwrap { margin:0 auto; }
#tracks { height:68px; position:relative; text-align:center; vertical-align: middle; text-decoration:none; padding-bottom: 10px;}
#nowPlay { display:none; }
#npTitle { display: none; margin:0; padding:21px; text-align:right; }
#npAction { display: none; padding:21px; position:absolute; }

.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }

#tracks a[id^="btn"] { color:#5ba5fe; cursor:pointer; font-size:50px; margin:0; padding:0 27px 11px; text-decoration:none; }
#tracks a[id^="btn"]:last-child { margin-left:-4px; }
#tracks a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#606060; color: #5ba5fe; text-decoration: none; }
#tracks a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* ================================================== */