/***** GLOBAL RESET *****/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}


/***** MAIN STYLES *****/

html, body {
  background: #fff;
  overflow: auto;
}

#main_wrapper {
  margin: 0 auto 25px;
  width: 900px;
}

.clearall {
  clear: both;
  height: 0px;
  width: 0px;
}

/***** MIDDLE SECTION *****/

#welcome_title {
  width: 900px;
  height: 30px;
  background: url(/aspect-effect/images/welcome_title_bar.gif) no-repeat bottom left;
}

#welcome_title h1 {
  font: 16px/18px Arial, Verdana, sans-serif;
  color: #0033AB;
}

#middle_wrapper {
  margin: 35px auto 0;
  width: 900px;
}

#game_wrapper {
  width: 730px;
  height: 564px;
  float: left;
}

#sidebar_wrapper {
  width: 166px;
  height: 564px;
  float: right;
}


/***** SIDEBAR AD *****/

#sidebar_ad_wrapper {
  margin: 0; 
  width: 166px;
  height: 56px;
}


/***** SIDEBAR RANKINGS *****/

#sidebar_rankings_wrapper {
  margin: 0 0 10px 0;
  width: 166px;
  height: 218px;
}

#rankings_table {
  font: 12px/12px Arial, Verdana, sans-serif;
}

tr#rankings_header {
  background: url(/aspect-effect/images/rankings_table/rankings_header.gif) no-repeat top center;
}

#rankings_header td {
  padding: 1px 0 0 5px;
  height: 17px;
  color: #fff; 
  font-weight: bold;
}

html>/**/body #rankings_header td {
  height: 18px;
}

tr.rankings_cell {
  background: url(/aspect-effect/images/rankings_table/rankings_cell.gif) no-repeat top center;
}

.rankings_cell td {
  padding: 3px 0 0 5px;
  height: 15px;
}

html>/**/body .rankings_cell td {
  height: 18px;
}

.rankings_top_five {
  color: #3fb143;
  font-weight: bold;
}

.rankings_current {
  color: #8d8b8e;
}

.rankings_your_standing {
  color: #8d8c8e;
  font-weight: bold;
}

tr.rankings_bar {
  background: url(/aspect-effect/images/rankings_table/rankings_bar.gif) no-repeat top center;
}

.rankings_bar td {
  height: 5px;
}

/***** SIDEBAR LINKS *****/

#sidebar_links_wrapper {
  margin: 0;
  width: 166px;
  height: 280px;
  background: url(/aspect-effect/images/sidebar_links_bg.gif) repeat-x 0 0;
}

#sidebar_links_container {
  margin: 0 auto;
  width: 146px;
  font:  11px/13px Arial, Verdana, sans-serif;
  color: #0064be;
}

#sidebar_aspect_logo {
  margin: 0 auto;
  width: 140px;
  height: 60px;
}

#sidebar_links a {
  color: #0064be;
  text-decoration: none;
  font-weight: bold;
}

#sidebar_links a:hover {
  text-decoration: underline;
}

ul#sidebar_links {
  width: 146px;
}

#sidebar_links li {
  margin: 10px 0 0 0;
  padding: 0 0 0 12px;
  list-style: none;
  background: url(/aspect-effect/images/sidebar_link_arrow.gif) no-repeat 0 1px;
}

/***** FOOTER SECTION *****/

#footer_wrapper {
  margin: 15px auto 0;
  width: 900px;
  clear: both;
  font: 12px/12px Arial, Verdana, sans-serif;
}

#footer_wrapper a {
  color: #0033ab;
  text-decoration: none;
}

#footer_wrapper a:hover {
  text-decoration: underline;
}

#footer_links_wrapper {
  float: left;
}

#social_media_wrapper {
  float: right;
  text-align: right;
}

/** FOOTER LINKS **/

#footer_links li {
  padding: 0 5px 0 5px;;
  list-style: none;
  display: inline;
  border-right: 1px solid #0033ab;
}

#footer_links li#footer_last {
  border-right: none;
}

/** SOCIAL ICONS **/

#social_links li {
  margin: 0 0 0 10px;
  list-style: none;
  display: inline;
}

li#social_facebook {
  padding: 7px 0 7px 16px;
  background: url(/aspect-effect/images/social_icons/social_facebook.gif) no-repeat 0 7px;
}

li#social_mixx {
  padding: 7px 0 8px 18px;
  background: url(/aspect-effect/images/social_icons/social_mixx.gif) no-repeat 0 7px;
}

li#social_digg {
  padding: 7px 0 7px 18px;
  background: url(/aspect-effect/images/social_icons/social_digg.gif) no-repeat 0 8px;
}

li#social_delicious {
  padding: 6px 0 6px 14px;
  background: url(/aspect-effect/images/social_icons/social_delicious.gif) no-repeat 0 8px;
}

li#social_technorati {
  padding: 8px 0 8px 19px;
  background: url(/aspect-effect/images/social_icons/social_technorati.gif) no-repeat 0 8px;
}

li#social_myweb {
  padding: 5px 0 5px 15px;
  background: url(/aspect-effect/images/social_icons/social_myweb.gif) no-repeat 0 7px;
}
