/* COLORS - baby blue #09F, light baby blue, #3BB1FF, dark gray #444, border gray: #CCC, light gray #EEE */

/* LAYOUT STRUCTURE */
body {
  font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
	color: #444;
	padding: 0;
  margin: 0;
	min-width: 990px;
}

#index {
  width: 100%;
  padding: 0;
  margin: 0;
}

#header {
	background: #EEE url(/layout/headerbg.gif) repeat-x;
	position: relative;
}

#header .ad {
	position: absolute;
	top: 8px;
	right: 10px;
}

#content {
	position: relative;
}

#menu {
  position: absolute;
	top: 0px;
	right: 0px;
  background: #EEE;
  width: 170px;
	padding: 2px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
}

#menu h2 { /* main menu categories */
	font-size: 1.4em;
	text-align: left;
	position: relative;
	margin: 15px 0 15px 20px;	
}

#menu h2 img { /* category icons */
	position: absolute;
	width: 30px;
	height: 30px;
	top: -5px;
	right: 10px;
}

#menu h3 { /* secondary menu categories */
	font-size: 1.2em;
	text-align: left;
	color: #444;
	margin: 20px 0 15px 20px;	
}

#menu img { /* buttons and small images in the menu */
	display: block;
	margin: 2px auto 2px auto;
}

#menu ul {
	display: none; /* initially hide all menu content */
	list-style: none;
	line-height: 1.7em;
	font-size: 0.9em;
	padding-left: 2.5em; /* configs list indent Firefox */
  margin-left: 2.5em;  /* configs list indent IE */
  margin: 5px 0px;
}

#menu ul a {
  color: #444;
}

#menu ul a:hover {  
  color: #777;
}

ul#content_affiliates {
	display: block; /* else will be hidden with other <ul>s */
}

#menu .ad {
	text-align: center;
	margin: 30px 0 20px 0;
}

#menu .benchmark { /* visitors online */
	display: block;
	float: none;
	text-align: center;
	margin: 15px 0;
}

#menu_toggler {
  position: absolute;
	right: 2px;
	z-index: 99;
	cursor: pointer;
	color: #c00;
}

#google_search {
	text-align: center;
	margin-top: 30px;
}

/* category font larger if in its section */
#section_main #category_main, 
#section_games #category_games, 
#section_pokerep #category_pokerep, 
#section_anime #category_anime,
#section_pokemon #category_pokemon,
#section_fans #category_fans {
	font-size: 1.7em;
}

/* display menu content if in its section */
#section_main #content_main, 
#section_games #content_games, 
#section_pokerep #content_pokerep, 
#section_anime #content_anime,
#section_pokemon #content_pokemon,
#section_fans #content_fans {
  display: block;
}

#intelliTXT { /* main content area */
  line-height: 1.4em;
  padding: 8px;
	padding-right: 185px;
	border-top: 1px #CCC solid;
}

#intelliTXT.page_menu {
	padding-left: 200px;
}

#intelliTXT ul { 
  list-style-image: url(/layout/bullet.gif);
}

#page_menu { /* page-specific menu */
	position: absolute;
	top: 2px;
	left: 0;
  width: 185px;
	font-size: 0.9em;
	line-height: 1.7em;
	background: #fff;
  padding: 4px;
  border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px; 
	-webkit-box-shadow: 2px 2px 6px #CCC;
	-moz-box-shadow: 2px 2px 6px #CCC;
}

#page_menu h2 {
	color: #09F;
	font-size: 1.4em;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	margin-top: 10px;
	margin-bottom: 5px;
}

#page_menu h3 {
	color: #09F;
	font-size: 1.0em;
	text-align: center;
}

#page_menu hr {
	border: 0;
	border-bottom: 1px solid #CCC;
	margin: 10px 0;
}

#page_menu.home {
	width: 200px;
}

#footer {
	width: 100%;
	clear: both;
	background: #EEE;
	border-top: 1px #CCC solid;
}

#footer .ad {
  text-align: center;
}

/* LAYOUT ELEMENTS */
a:link, a:visited, a:active {
	color: #09F;
  text-decoration: none; 
}

a:hover, a:focus { 
	color: #3BB1FF;
  text-decoration: none; 
}

.label, .textcol {
  color: #09F;
}

.label {
  font-weight: bold;
}

.highlight {
  color: #FFF;
  background-color: #09F;
}

h1, h4 { 
  font-size: 1.2em;
  color: #09F;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

h1.largetitle, .title, h2 { 
  font-size: 2em;
  color: #09F;
  text-align: center;
	margin: 20px 0;
}

h3 {
  font-size: 1.1em;
  color: #09F;
}

.info, .intro {
  font-size: 0.9em;
  color: #09F; 
}

.small {
  font-size: 0.8em;
}

.title, .topic {
  font-weight: bold;
}

.benchmark {
	float: right;
  font-size: 0.8em;
  color: #CCC;
	margin-top: 15px;
}

.warning {
  font-weight: bold;
  color: #C00;
}

.description {
  text-align: left;
}

img { 
  border: 0; 
}

hr {
	border: 1px solid #CCC;
}

.hidden {
	display: none;
}

.clear {
  clear: both;
  padding-bottom: 1em;
}

.menu {
  text-align: center;
}

/* TABLES */
#intelliTXT table { /* regular tables within the content area */
  border-collapse: collapse;
	/* centers tables */
	margin: 10px auto;
}

#intelliTXT td, #intelliTXT th {
	padding: 3px;
	border: 1px solid #CCC;
}

#intelliTXT th {
	background: #3BB1FF;
	font-size: 1.2em;
	color: #FFF;
}

#intelliTXT th.category, #intelliTXT tr.category th, #intelliTXT th.color, #intelliTXT td.color {
	background: #3BB1FF url(/layout/colorbg.gif) repeat-x;
}

#intelliTXT th a, .color a, .category a {
  color: #FFF;
}

#intelliTXT th img, #intelliTXT td img {
  vertical-align: middle;
}

.color, .category {
  color: #FFF;
  background: #3BB1FF;
}

tr.alt {
  background: #EEE;
}

.scolor {
  border-collapse: collapse;
}

td.good { background: #0C0; width: 100%; }
td.bad { background: #C00; }