/*copyright gamebub.com*/
html {background-color:#0f0f0f;}

body {
	font-family:Verdana, Geneva, sans-serif;
	color:#ccc;
	margin:0;
	padding:0;
	overflow-x: hidden;
}

/*FONTS*/
#breadcrumbs, #secondary_nav, cite, .meta, .platform, .views, .game_description, .date, .timestamp, .categories, .flash_thumbs, th {font-size:80%;}

/*CORE*/
#header, #footer {
	color:#5c6373;
	width:960px;
}

#header, #container, #footer {
	margin:auto;
}

#header {
}

#container {
	line-height:1.3em;
	clear:both;
	padding:20px;
	width:920px;
	background-color:#333740;
	color:#eee;
	/*
	border-left:#474D59 1px solid;
	border-right:#333740 1px solid;
	*/
}

#breadcrumbs, #nav_letters, .meta, .platform, .views {
	font-family:Tahoma, Verdana, Geneva, sans-serif;
}

#breadcrumbs, #nav_letters {
	margin-bottom:20px;
}

#breadcrumbs {
	color:#ccc;
	padding:3px 0;
	/*float:left;*/
	width:730px;/*740px*/
	border-bottom:#5c6373 1px solid;
}

#nav_letters {
	font-size:90%;
	color:#5c6373;
	background-color:#1f2126;
	padding:2px 5px;
	margin-top:5px;
}

#nav_letters strong {
	color:#ddd;
}

#content {
	float:left;
	width:600px;
	position:relative;
	overflow:visible;
}

#arcade_holder {
	border:20px #333740 solid;
	border-left:none;
	margin:-20px 0;
}

#gbigbox {
	float:right;
}

#aside {
	float:left;
	width:160px;
	margin-right:20px;
}

#tagline, #footer, .minor {
	font-size:70%;
}

#copyright {
}

#copyright .top_link {
	float:left;
	font-size:120%;
	display:block;
	margin:0 20px 0;
}

#footer {
	clear:both;
	padding:20px 0;
	margin:0 auto;
	border-top:1px #0a0b0d solid;
}

/*FORMS*/
form {margin:20px 0 0;}

button, input, select, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	padding:2px;
	color:#0f0f0f;
	background-color:#ccc;
	border:2px #333740 inset;
}

button {
	background-color:#ddd;
	border-style:outset;
}

button:active {
	border-style:inset;
	background-color:#aaa;
}

#message_counter {font-style:italic;}

.error {
	color:#f00;
	padding:2px 4px;
	background-color:#ffc;
}

/*HEADINGS*/
#logo {
	margin:0;
	font-size:100%;
}

#logo a {
}

#logo a:link, #logo a:visited {color:#b857d9;}/*#474d59*/
#logo a:hover {text-decoration:none; color:#e9a6ff;}

#tagline {
	margin:0 0 20px;
	display:block;
	font-style:normal;
	color:#606878;/*#bbb*/
	font-weight:normal;
}

h1, h2 {margin-top:0;}
h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
h1 {font-size:150%;}
h2 {font-size:120%; font-weight:bold;}
h1 + h2, h1 + img {margin-top:20px;}
h1 + h2.special {margin-top:0;}
h2.special {color:#999; font-size:80%; margin-bottom:20px;}
h2 span, h3 span, h4 span {font-weight:normal;}
h2 span {color:#999;}
h3 span {color:#aaa;}
h4 span {color:#ccc;}
h4#secondary_nav_title {
	margin:0;
	font-size:80%;
	background:#5c6373;
	border-top:1px #858fa6 solid;
	border-right:1px #474d59 solid;
	border-bottom:1px #333740 solid;
	border-left:1px #70798c solid;
	color:#eee;
	padding:5px 5px;
}

/*IMAGES*/
img, a img {border:0;}
#screenshots img {margin:0 0 5px;}

/*NEWS*/
.date, .categories, .timestamp {color:#999;}
.story {margin-bottom:20px;}
.emoticon {vertical-align:text-bottom;}
.pages {margin:20px 0;}

/*LISTS*/
ul {
	margin:0;
	padding:0;
	list-style-position:inside;
}

li {
	margin-left:2px;
	padding-left:2px;
}

li li {
	margin-left:10px;
	padding-left:10px;
}

#nav ul {
	list-style:none;
}

#nav li {
	float:left;
	list-style:none;
	margin:0 0 -1px 10px;
	padding:0;
	border-top:1px #5c6373 solid;
	border-right:1px #333740 solid;
	border-bottom:1px #333740 solid;
	border-left:1px #474d59 solid;
	font-size:120%;
}

#secondary_nav, #secondary_nav li {
	margin-left:0;
	padding-left:0;
}

#secondary_nav, .flash_thumbs, .buttons, #footer ul {
	list-style:none;
	list-style-position:outside;
}

.flash_thumbs {
	margin-top:20px;
}

.flash_thumbs li {
	width:100px;
	height:120px;/*74px;*/
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	line-height:1.2em;
	color:#aaa;
}

.flash_thumbs.flash_cat_thumbs li {
	height:150px;
}

.flash_thumbs img {
	border:3px #0f0f0f solid;
	width:93px;
	height:74px;
}

.promo_flash_thumb {
	width:75px;
	max-height:74px;
	height:auto !important;
	height:74px;
}

#footer li {
	display:inline;
	margin-right:10px;
}

.buttons, .buttons li {
	padding:0;
}

.buttons {
	margin:0 0 0 20px;
}

.buttons li {
	margin:5px 0;
}

/*LINKS*/
a {font-weight:bold; text-decoration:none;}
a:link, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #nav_letters a:link, #nav_letters a:visited {color:#e9a6ff;}
a:visited, #footer a:link, #footer a:visited {color:#b857d9;}
a:hover, #footer a:hover {text-decoration:underline; color:#F29500;}
a:active {}

a.contact_link {font-weight:normal;}
.flash_thumbs a {display:block;}

#nav_letters a, #nav_letters strong, #nav_letters span {padding:0 2px;}
#nav_letters a:hover {background-color:#e5962e; color:#fff;	text-decoration:none;}

#nav li a {padding:2px 10px 0;}
#nav li a:link, #nav li a:visited, #nav li a:hover {color:#474d59;}
#nav li a:hover {background-color:#b857d9; color:#fff; text-decoration:none;}
#nav li.selected, #nav li.selected a:link, #nav li.selected a:visited {color:#fff; background-color:#333740;}
#nav li.selected:hover, #nav li.selected a:hover {background-color:#333740;}

#secondary_nav li a {
	display:block;
	padding:2px 5px;
	width:148px;/*ie6*/
	background-color:#634680;
	border-top:1px #8a62b3 solid;
	border-right:1px #3b2a4d solid;
	border-bottom:1px #4f3866 solid;
	border-left:1px #775499 solid;
}

#secondary_nav li a:link, #secondary_nav li a:visited, #secondary_nav li a:hover {color:#fff; text-decoration:none;}

#secondary_nav li a:hover {
	background-color:#cd8628;
	border-top:1px #ffa733 solid;
	border-right:1px #e5962e solid;
	border-bottom:1px #ffa733 solid;
	border-left:1px #e5962e solid;
}

#secondary_nav li.selected a, #secondary_nav li.selected a:hover {
	background-color:#B857D9;
	border-top:1px #d765fc solid;
	border-right:1px #8d42a6 solid;
	border-bottom:1px #a34cbf solid;
	border-left:1px #c75eeb solid;
}

/*TABLES*/

/*non-popular are gamelists*/
table {
	font-size:80%;
	border-collapse:collapse;
	margin:5px 0;
	background-color:#474d59;
}

table.popular {
	font-size:100%;
	background-color:transparent;
	color:#ccc;
}

th, td {padding:2px 5px;}

th {
	text-align:left;
	color:#999;
	border:1px solid #5c6373;
}

tr:hover {
	background-color:#70798c;
	color:#fff;
}

table.popular tr {
	border-top:1px solid #5c6373;
	border-bottom:1px solid #5c6373;
}

table.popular tr:hover {
	background-color:#1f2126;
}

table.popular tr th, table.popular tr:hover th {
	background-color:#474d59;
}

td {
	border:1px #0f0f0f solid;
	colrertical-align:baseline;
}

table.popular td {
	border:none;
	padding:5px 5px 5px 0;
}

.math table {
	border-spacing:1px;
}

.math td {
	padding:5px;
	text-align:center;
}

.popular .platform, .popular .views {white-space:pre;}

ul.popular {
	display:table;
	border-collapse: collapse;
	margin: 5px 0 20px;
}

.popular li {
	display: table-row;
	border:1px solid #5c6373;
}

.popular span.platform, .popular span.views {
	border:1px solid #5c6373;
	display: table-cell;
}

.popular span {
	padding:5px;
}


/*VARIOUS*/
dt {
	font-weight:bold;
}

dd {
	margin:0 0 20px;
}

hr {
display:none;
clear:both;
color:#5c6373;
	background-color:#5c6373;
	border:none;
	height:5px;
}

#container hr {display:block;}

hr.clearer {
	border:none;
	height:0;
}

#container hr.divider {
	display:none;
}

p {
	margin:0 0 20px;
}

.views {
	color:#999;
}

.minor cite {
	font-size:100%;
}

pre {
	background-color:#0f0f0f;
	padding:2px 4px;
	color:#ddd;
}

.uarrow {}
.larrow {}



/*HOMEPAGE*/
#home_promo {margin-top:20px;}
#home_promo, #promo2 {width:560px; float:left;}
.col3 {margin-left:26px; float:left; width:160px; padding:5px;}
.col3  h3 {margin:0;}
.col3 p {font-size:80%; margin-left:30px;}
.col3 img {margin:5px 0 0 -30px; float:left;}
.first_of_n {margin-right:0; margin-left:0}
.last {margin-right:0; margin-left:0; float:right;}

#promo2 {background:#5c6373; /*height:280px;*/}
.vrow {border-top:#999 1px solid; /*padding:10px 20px;*/ padding:10px 20px 0;}
/*
.vrow h3 {margin:0;}
.vrow h3 img {vertical-align:middle;}
*/
#promo2 .feature h3 {font-size:100%; font-weight:normal; margin:.5em 0;}
.feature {background:#474d59; border:1px solid #333740; border-left:none; border-right:none; margin:10px -20px 0; padding:0 20px 10px;}
.vrow p {color:#ccc; font-size:80%; margin:.5em 0 auto;}
.colr {width:336px; float:right;}
#promo2 a:link, #promo2 a:visited, #home_promo a:link, #home_promo a:visited {color:#E9A6FF;}
/*
#promo2 .vrow a:link, #promo2 .vrow a:visited {color:#b857d9;}
#promo2 .feature a:link, #promo2 .feature a:visited {color:#E9A6FF;}
*/


/*FIXES*/
#container:after, #nav:after, #breadcrumbs:after, #footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*		Mobile Layout:320px and 480px and more but less than or equal to 767px.
=====================================================================================
*/

@media only screen and (max-width:767px) {
  
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#container {width: 100%;}
#header, #footer {float:left; width: 100%;}
#aside{width:100%}
#content{width: 100%;}
ul.popular{width: 100%;float: left;}
.popular li {float:left;width: 100%;padding-top: 5px;}
.popular span.platform, .popular span.views{width:50%; float:left; margin-top:12px}
#secondary_nav li a {width: 100%;}
#secondary_nav{display:none}
#breadcrumbs {float:left; width: 100%;}
#aside {float:left; padding-bottom: 12px;}
h4#secondary_nav_title,#aside h4.opened{background:#5C6373 url("plus-minus-icon.png") no-repeat 6px 8px;padding: 8px 5px 10px;text-indent: 36px; cursor:pointer;}
#aside h4.opened{background-position:6px -92px !important;}
#nav_letters{margin-top:12px;}
ul.popular {margin:20px 0px 20px;}
h1 {font-size: 117%;}

}

/*		Wide Mobile Layout:480px.
=====================================
*/

@media only screen and (min-width:480px) and (max-width:767px) {
	
	
}

/*		Tablet/iPad Layout:768px.
======================================
*/

@media only screen and (min-width:768px) and (max-width:991px) {
  
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	#secondary_nav li a{width: 100%;}
	#content{width:62.2% ;}
	/*ul.popular {width: 91%;}*/

}

/*		Tablet/iPad Layout:768px.
======================================
*/

@media only screen and (min-width:992px) and (max-width:1024px) {
	
	
}