/* 'id' and 'class' selectors cannot start with a number. */
/* a:link , a:visted, a:hover, a:active must be in this order. (LVHAt)*/


/********** Effect Everything **********/
* 
{
  margin: 0px auto; /* This will center the <div> blocks like one thinks it should. */
  padding: 0px;
  text-indent: 0px;
}

ol, ul
{
  margin: 0em 0em 1em 2em;
}

a:link
{
  color: #F36E21;
}

a:visited 
{
  color: #A94D25;
}

a:hover, a:active
{
  color: #E0D4CD;
  text-decoration: none;
}

/********** The Big Stuff **********/
body
{
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  font-size: 11pt;
  color: #F36E21;
  line-height: 13pt;
  background: url('../images/bg.jpg') no-repeat scroll center top #000;
  background-position: center top;
  background-repeat: repeat-y;
}

#container
{
  width: 1000px;
}

span.hide_text
{
  display: none;
}

#featured_bg
{
  /* This gets overridden by PHP generated styles. */
  background: url('../images/backgrounds/bg_1.jpg') no-repeat scroll transparent;
}

.relative
{
  /* Use "relative" to make the all nested "absolute" block register to this block. */
  position: relative;
}
/********** H1 Title Button **********/

h1 a
{
  position: absolute;
  left: 384px;
  top: 10px;
  display: block;
  width: 230px;
  height: 111px;
  background: url('../images/main_menu/tinderbox_logo.png') no-repeat scroll center top transparent;
}

h1 a:hover
{
  background-position: 0px -111px;
}

h2
{
  font-family: Times New Roman;
  font-variant: small-caps;
}


/********** Main Menu **********/
#main_menu
 {
  width: 1000px;
  height: 125px;
  background: url('../images/main_menu/main_menu_bg.png') no-repeat scroll center top transparent;
}

#main_menu  ul
{
  margin: 0;
  list-style: none outside none;
}

#main_menu li
{
  float: left;
}

#main_menu a
{
  display: block;
  background: url('../images/main_menu/main_menu_buttons.png') no-repeat scroll 0 0 transparent;
  background-position: 0px -125px;
  height: 100px; /* Can shrink this later. */
}

/********** Main Menu Buttons **********/
#main_menu a#games
{
  width: 190px;
}

#main_menu a:hover#games
{
  background-position: 0px 0px;
}

#main_menu a#services
{
  width: 200px;
}

#main_menu a:hover#services
{
  background-position: -190px 0px;
}

#main_menu a#contact
{
  margin-left: 220px;
  width: 210px;
}

#main_menu a:hover#contact
{
  background-position: -610px 0px;
}

#main_menu a#store
{
  width: 180px;
}

#main_menu a:hover#store
{
  background-position: -820px 0px;
}

/********** Footer **********/
#footer
{
  clear: both;
  /* position: relative;
  top: 50px; */
  margin-top: 1em;
  margin-bottom: 3em; /*Used to push the bottom down.*/
  width: 920px;
  border-top: 1px solid #F36E21;
  text-align: left;
}

#footer_navigation
{
  font-size: 10pt;
}

#footer_navigation ul
{
  margin: 5px 0px 0px 0px;
  list-style: none outside none;
}

#footer_navigation li
{
  display: inline; /* Not strictly needed. */
  float: left;
  border-right: 1px solid #F36E21;
}

#footer_navigation li#last  /* Last link in the navigation list. */
{
  border-width: 0px;
}

#footer_navigation a
{
  margin: 0px 10px 0px 10px;
  padding: 1px 2px 1px 2px;
  color: #F36E21;
  text-decoration: none;
}

#footer_navigation a:hover {
  color: #000;
  background: #F36E21;
}

#copyright
{
  position: absolute; 
  right: 0px;
  top: 5px; 
  display: inline-block;
  font-size: 9pt;
}