﻿/* ----------- BEGIN: GLOBAL STYLES ------------ */
body {
  background: #006EB3;
  color: #343e46;
  font-family: Tahoma, Arial, Geneva, sans-serif;
  font-size: 11px;
  margin: auto;
}

form {
  display: inline;
}

p {
  margin: 5px 0 0 0;
}

a img {
  border: 0;
}

a {
  color: #0084d4;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #343e46;
  text-decoration: none;
}


img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.normalfont {
  font-size: 12px;
}

.a_right {
  text-align: right;
}

.a_center {
  text-align: center;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.clear {
  clear: both;
}

.clear_left {
  clear: left;
}

.clear_right {
  clear: right;
}

.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ffiefix {
  height: 1%;
  overflow: auto;
}
/* ------------- END: GLOBAL STYLES ------------ */

/* ------------ BEGIN: PAGE WRAPPER ------------ */
.page {
  margin-left: auto;
  margin-right: auto;
  width: 840px;
}

#content {
  margin-left: auto;
  margin-right: auto;
}
/* ------------- END: PAGE WRAPPER ------------- */

/* --------------- BEGIN: HEADER --------------- */
#toptext {
  background: url(images/bg_footer.gif) top left repeat-x;
  margin: 0 auto;
  text-align: center;
  color: #acc9e5;
  width: 100%;
}

#header {
  background: #006EB3 url(images/bg_header.gif) top left repeat-x;
}

#logo_wrapper {
  margin: auto;
}

#logo {
  float: left;
  padding-top: 1px;
}

#pages {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#pages ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pages li {
  margin: 0;
  padding: 0;
  display: inline;
}

#pages a {
  background: url(images/tableft.gif) top left no-repeat;
  color: #deecf7;
  float: left;
  margin: 0;
  padding: 0 0 0 2px;
  text-decoration: none;
  text-align: center;
}

#pages a:hover, #pages a:active, #pages a:focus {
  /* */
}

#pages a span {
  background: url(images/tabright.gif) no-repeat top right;
  color: #deecf7;
  display: block;
  float: left;
  margin: 0;
  padding: 9px 15px 8px 13px;
}

/* Hides rule from IE5-Mac */
#pages a span {
  float: none;
}

/* End IE5-Mac hack */
#pages a:hover span {
  color: #006EB3;
}

#pages a:hover {
  background-position: 0% -31px;
}

#pages a:hover span {
  background-position: 100% -31px;
}

#pages li.active_page a, #pages li.active_page a:hover, #pages li.active_page a:active, #pages li.active_page a:focus {
  background-position: 0% -31px;
}

#pages li.active_page a span, #pages li.active_page a:hover span, #pages li.active_page a:active span, #pages li.active_page a:focus span {
  background-position: 100% -31px;
  color: #006EB3;
}
/* ---------------- END: HEADER ---------------- */

/* ------------- BEGIN: SUB-HEADER ------------- */
#subheader_wrapper {
  background: url(images/bg_subheader.gif) repeat-x;
}

#subheader {
  padding-top: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}

#subheader h2 {
  background: url(images/label_recentpost.gif) no-repeat;
  float: left;
  width: 20px;
  height: 131px;
  margin: 5px 0px 0px -20px;
  overflow: hidden;
  position: relative;
  text-indent: -5000px;
}

#recent_postwrapper {
  width: 780px;
}

.recent_postwrap {
  background: #006699 url(images/bg_subheadercontent.gif) top left repeat-x;
  border: 2px solid #fff;
  margin-top: 5px;
  min-height: 200px;
}

#recent_post {
  margin: 7px 0 0 7px;
}

#recent_post ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#recent_post li {
  background: url(images/bullet.gif) 0 7px no-repeat;
  float: left;
  margin: 0;
  padding: 5px 5px 5px 18px;
  width: 740px;
  color: #ffffff;
}

#recent_post a:link, #recent_post a:visited {
  color: #fff;
  text-decoration: none;
}

#recent_post a:hover {
  color: #343e46;
  text-decoration: none;
}

.subheader_ad {
  height: 160px;
  width: 336px;
  margin: 7px auto 0 auto;
}

.subheader_adsense {
  background: #fff;
  padding: 2px 0 3px 0;
}
/* -------------- END: SUB-HEADER -------------- */

/* ---------------- BEGIN: POSTS --------------- */
.content_topmeta {
  background: url(images/bg_contenttopmeta.gif) top left no-repeat;
  color: #deecf7;
  margin-left: 10px;
  padding: 7px 0 7px 0;
  text-align: center;
  width: 780px;
}

.content_topmeta a:link, .content_topmeta a:visited {
  color: #deecf7;
  text-decoration: none;
}

.content_topmeta a:hover {
  color: #bceb30;
  text-decoration: none;
}

.content_metadate {
  margin-left: 5px;
}

.content_wrapper {
  margin-top: -5px;
  background: #ffffff url(images/bg_content.gif) top left repeat-y;
  width: 800px;
}

.content {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.title a:link, .title a:visited {
  color: #77bc15;
  text-decoration: none;
}

.title a:hover {
  color: #006699;
  text-decoration: none;
}

.content ul {
  margin: 10px 0 10px 20px;
  padding: 0;
}

.content li {
  background: url(images/bullet_blue.gif) top left no-repeat;
  list-style: none;
  padding: 0 0 3px 20px;
}

.content blockquote {
  background: #e1eef9 url(images/bg_quote.gif) top left no-repeat;
  color: #006699;
  font-family: Tahoma, Arial, Geneva, sans-serif;
  font-size: 11px;
  margin: 5px 0;
  padding: 10px;
}
/* ----------------- END: POSTS ---------------- */

/* --------------- BEGIN: FOOTER --------------- */
#footer {
  background: url(images/bg_footer.gif) top left repeat-x;
  color: #acc9e5;
}

#footer a:link, #footer a:visited {
  color: #0192f2;
  text-decoration: none;
}

#footer a:hover {
  color: #acc9e5;
  text-decoration: none;
}

#powered {
  float: right;
  margin: 15px 0;
}

#copyright {
  margin: 15px 0;
}
/* ---------------- END: FOOTER ---------------- */

.gameTile {
  margin: 2px;
  width: 175px;
  height: 215px;
  float: left;
  text-align: center;
  font-size: small;
  font-family: Tahoma;
  text-decoration: none;
  color: black;
  /*border-right: #000099 1px solid;
  border-top: #000099 1px solid;
  border-left: #000099 1px solid;
  border-bottom: #000099 1px solid;*/
  background-image: url('images/GameTileBorder.gif');
}

.gameTile img {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

.gameTile a {
  text-decoration: none;
  color: Black;
}

.gamelist {
  margin-left: 4%;
  margin-right: 4%;
}

.title {
  text-align: center;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px;
  width: 165px;
}

.status {
  text-align: center;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px;
  width: 165px;
}

.price {
  text-align: center;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px;
  width: 165px;
}

.moreinfo {
  text-align: center;
  font-weight: normal;
  width: 165px;
  margin-left: 3px;
  margin-right: 3px;
  font-size: x-small;
  font-family: Tahoma;
  color: Blue;
}
