﻿body {
  margin: 0;
  padding: 0;
  background: #444 url(images/bg-overall.jpg) fixed;
  font-family: Arial, Sans-serif;
  font-size: 95%;
  
  text-align: center;
}

#frame-wrapper {
  margin: 0 auto;
  width: 1042px;
  background-color: #000;
  border-bottom: 1px #000 solid;
}

#frame {
  margin: 0 auto;
  width: 1040px;
  background-color: #fff;

  text-align: left;
}

h1,h2,h3,h4,h5 {
  text-align: left;
}

h1, h2 {
  font-family: Trebuchet MS, Tahoma, Arial Black, Sans-serif;
}

a img {
  border: 0;
  text-decoration: none;
}

#header {
  padding: 3px 10px 6px 10px;
  background: url(images/logo-tiger.jpg) 5px 30px no-repeat;
  font-size:10pt;
  height: 100px;
}

#header h1 {
  margin:0;
  padding: 25px 0 0 0;
  width: 4em;
  font-family: Impact, Arial Black, Arial;
  font-size: 20pt;
  color: #E88B07;
  line-height: 90%;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:active {
  color: #E88B07;
  text-decoration:none;
  margin-left: 80px;
  display: block;
}

#header h1 a:hover {
  color: #c50;
}

#top-text {
  text-align: right;
  font-size: 9pt;
  line-height: 12pt;
  background: #a62;
  color: #fff;
  padding: 0 6px;
}


.search-box {
  float: right;
  margin-left: 10px;
  background: #D78927 url(images/bg-search.jpg) top left repeat-x;
  padding: 2px 5px;
  color: #fff;
  border: 1px #320 solid;
  
 
}



#nav-primary {
  background: #EAD93C url(images/bg-top-nav.jpg) top repeat-x;
  border-top: 1px #B08C65 solid;
  border-bottom:  1px #B08C65 solid;
  clear: both;

  line-height: 26px;
  font-size: 10pt;
  color: #630;
}

#nav-primary a, #nav-primary a:visited, #nav-primary a:active {
  display: block;
  float: left;
  padding: 0 10px;
  background: transparent url(images/dotted-vert-01.gif) right repeat-y;

  text-align: center;
  color: #630;
  text-decoration:none;
  line-height: 26px;
}

#nav-primary a:hover {
  color: #fff;
  background-color: #f90;
}

 

.mid-nav {
  clear: both;
  background: #efefcb;
  border-top: 1px #baa solid;
  border-bottom:  1px #baa solid;
  margin-right: 1px;
  line-height: 24px;
  text-align: center;
  margin-top: 50px;
}  



.mid-nav a:link, .mid-nav a:visited, .mid-nav a:active {
  display: block;
  float: left;
  padding: 0 10px;
  background: transparent url(images/dotted-vert-01.gif) right repeat-y;

  text-align: center;
  color: #630;
  text-decoration:none;
  line-height: 24px;
}

.mid-nav a:hover {

}

  
/* ============ home / category pages - org. of games ============== */

.home-content-main {
  padding: 10px;
  
}

.content-main-wrapper {

}



.content-main {
  margin: 0;
  padding: 10px;
}


.home-top-games-wrapper, .cat-top-games-wrapper {
  background: #e9e9f6;
  border: 1px #55a solid;
  width: 680px;
  float: left;
  margin-right: 10px;
  height: 280px;
  line-height: 12pt;
  font-size: 10pt;
}

.cat-top-games-wrapper {
  width: 620px;
  height: 160px;
}

.home-top-games, .cat-top-games {
  padding: 10px;
}

.home-top-games h2, .cat-top-games h2, .home-featured-game h2 {
  padding: 0;
  margin: 0;
  color: #118;
  font-size:16pt;
  line-height: 16pt;
}



.home-featured-game h2 {
  color: #b50;
  text-align:center;
}

.home-top-game-single {
  float:left;
  margin: 10px 0 0 9px;
  width: 100px;
}


.home-featured-game-wrapper {
  width: 195px;
  float: left;
  background: #F6E7AB;
  border: 1px #b96 solid;
  height: 280px;
}

.home-featured-game {
  padding: 10px;
  text-align: center;

}

.home-featured-game-single {
  margin-top: 10px;
  text-align: center;
}


.home-category-wrapper {
  width: 183px;
  background:  #e9e9f6;
  float: left;
  border: 1px #339 solid;
  margin-left: 10px;
  height: 230px;
  font-size: 11pt;
}

.home-category {
  padding: 10px;

}

.home-category-title {
  margin:0;
  padding: 6px;
  text-align: center;
  background: #559;
}

.home-category-title a:link, .home-category-title a:visited, .home-category-title a:active {
  color: #fff;
  font-size: 14px;

  
}

.home-category img {
  float: left;
}

.home-category a {
  display: block;
  clear: both;
  line-height: 130%;
}

h1.title-home-all-games, .title-search {
  margin: 0;
  padding: 20px 0 1px 0;
  border-bottom: 3px #cce solid;
  margin-bottom: 5px;
}

h2.title-all-games {
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 3px #cce solid;
  margin-bottom: 5px;
}


.category-games {
	width: 650px;
	clear: left;
	float: left;
}

.category-games  .home-top-game-single {
	margin: 0 15px 10px 0;
}

.category-games-general {
	padding-top: 15px;
	clear: left;
}

#game {
/*  text-align: center; */
}


.all-games {
  background: url(images/bg-all-games.jpg) top left repeat-y;
  border: 1px #dde solid;
  width: 780px;
}

.cat-games-list-wrapper, .cat-games-list-wrapper-02, .cat-games-list-wrapper-03, .cat-games-list-wrapper-04 {
  float: left;
  width: 194px;

}



.cat-games-list {
  padding: 10px;
}

.cat-games-list a {
  display: block;
  clear: both;
  margin-bottom: 5px;
}


.link-all-games-container {
  width: 100%;
  padding: 15px 0;
  text-align: center;
}

a.link-all-games:link, a.link-all-games:visited, a.link-all-games:active {

  padding: 4px 50px;
  font-size: 16pt;
  line-height: 22pt;
  width: 200px;
  color: #fff;
  background: #448;
  border: 1px #005 solid;
  text-decoration: none;
  margin: 10px;
}

a.link-all-games:hover {
  background: #844;
  border: 1px #500 solid;
}
  

/* ============== ads ===================== */

.top-banner {
  width: 740px; 
  height: 90px; 
  float: right;
  margin-top: 5px;
}

.home-top-ad {
  width: 300px;
  float: right;
  height: 250px;
}

.cat-top-ad {
  float: right;
  background: #ddd;
  width: 320px;
  height: 160px;
}

.ads-right {
  float: right;
  width: 170px;
  text-align:center;
  padding-top: 10px;
}


/* =================== other pages ================ */

h1.page-title {
  margin: 0;
  padding: 10px 0;
  font-size: 18pt;
}

a.home-category-featured {
  clear: none;
  float: left;
  padding-left: 5px;
  width: 100px;
  display: block;
}


.home-category-row-2 {
  padding: 10px 0;
  clear: left;
}

/* =============== footer ========================= */

#footer {
  padding: 15px;
  clear: both;

  color: #555;
  font-size: 85%;
  border-top: 1px #dde solid;
}

#footer a:link, #footer a:visited,#footer a:active {
	color: #333;
}

/* ==================== misc =================================== */

.clear {
  clear: both;
  line-height: 1px;
  padding: 0;
  margin: 0;
}

.img-right {
  float: right;
  margin: 0 0 15px 15px;
}

.img-left {
  float: left;
  margin: 0 15px 15px 0;
}

.no-margin {
  margin: 0;
}

.small {
  font-size: 85%;
}

.right {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}
