/************************** COMMON **************************/
div, span, td {
  font-family: Arial;
}

body {
  background: #2cb6e6 url(/images/common/body_bg.png) repeat-x;
  margin: 0;
  padding: 0;
  text-align: center;
}

a img {
  border: none;
}

/* IE6 PNG fix */
img, div, span, a {
  behavior: url(/stylesheets/iepngfix.htc);
}

#page {
  background: url(/images/common/page_bg.jpg) no-repeat;
  overflow: hidden;
  width: 1004px;
  _width: 1119px;
  height: 1000px;
  margin: 0 auto 0 auto;
  padding: 0 0 0 110px;
  text-align: left;
}

#page #left_side {
  z-index: 10;
  position: absolute;
  margin-top: 60px;
}

#page #right_side {
  z-index: 20;
  position: absolute;
  margin-left: 385px;
  margin-top: 10px;
}

#footer {
  background: url(/images/common/footer_bg.png) no-repeat;
  width: 444px;
  height: 150px;
  margin: -130px 0 0 175px;
  _margin: -100px 0 0 -400px;
  position: absolute;
}

#footer #copyright {
  font-size: 10px;
  margin: 100px 0 0 160px;
  width: 250px;
}

#ea_footer {
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  color: #fff;
}

#ea_footer a {
  color: #fff;
}

a#game_info_sticky {
  display: block;
  background: url(/images/common/game_info_sticky.png) no-repeat;
  width: 182px;
  height: 114px;
  z-index: 25;
  position: absolute;
}

#main_menu {
  margin: 23px 0 0 90px;
  height: 30px;
  overflow: hidden;
}

#main_menu a {
  padding: 0 4px 0 4px;
  _padding: 0 8px 0 8px;
  height: 12px;
  display: block;
  float: left;
  font-size: 12px;
}

#main_menu a.selected {
  height: 30px;
}

#main_menu .divider {
  background: url(/images/common/menu_divider.png) no-repeat center top;
}

#main_menu #item_home {
  background: url(/images/common/menu_home.png) no-repeat center top;
  width: 45px;
}

#main_menu #item_writers {
  background: url(/images/common/menu_writers.png) no-repeat center top;
  width: 65px;
}

#main_menu #item_gallery {
  background: url(/images/common/menu_gallery.png) no-repeat center top;
  width: 65px;
}

#main_menu #item_updates {
  background: url(/images/common/menu_updates.png) no-repeat center top;
  width: 67px;
}

/************************** HOME ****************************/
#home_page #left_side {
  background: url(/images/home/title.png) no-repeat;
/*  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/home/title.png'); */
  padding: 290px 0 0 40px;
  margin-top: 45px;
}

#home_page #intro_text {
  color: #362f2d;
  font-size: 13px;
  width: 360px;
  height: 145px;
  overflow: hidden;
}

#home_page #intro_text a#learn_more_button {
  display: block;
  background: url(/images/home/learn_more_button.png) no-repeat;
  width: 93px;
  height: 11px;
  margin: 8px 0 0 0;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

#home_page #latest_update {
  background: url(/images/home/updates_title.png) no-repeat;
  width: 412px;
  height: 350px;
  margin: -10px 0 0 -15px;
}

#home_page #latest_update #item {
  padding: 89px 0 0 57px;
  _padding: 89px 0 0 54px;
  overflow: hidden;
}

#home_page #latest_update #item #summary {
  color: #362f2d;
  font-size: 12px;
  width: 200px;
  float: left;
  margin: -13px 0 0 14px;
  _margin: -5px 0 0 14px;
}

#home_page #latest_update #item #summary a.more_button {
  background: url(/images/common/more_button.png) no-repeat;
  display: block;
  width: 40px;
  height: 10px;
  margin: 3px 0 0 0;
}

#home_page #latest_update a#view_all_button {
  clear: right;
  background: url(/images/home/see_more_updates_button.png) no-repeat;
  display: block;
  width: 140px;
  height: 14px;
  margin: 110px 0 0 53px;
}

#home_page #latest_update #item #image img {
  width: 92px;
  height: 77px;
  float: left;
}

#home_page #download_creature_creator {
  display: block;
  background: url(/images/home/download.png) no-repeat;
  width: 370px;
  height: 130px;
  margin: 50px 0 0 30px;
}

#home_page #videos #video_player {
  background: url(/images/home/video_frame.png) no-repeat;
  width: 549px;
  height: 418px;
  margin: 0 0 0 25px;
}

#home_page #videos #video_player #youtube {
  padding: 84px 0 0 43px;
}

#home_page #videos #video_title {
  background: url(/images/home/video_title.png) no-repeat;
  width: 250px;
  height: 34px;
  margin: -1px 0 0 60px;
}

#home_page #videos #video_list {
  background: url(/images/home/video_list_bg.png) no-repeat right;
  margin: 10px 0 0 50px;
  width: 480px;
  height: 310px;
  overflow-y: scroll;
}

#home_page #videos #video_list .video {
  font-size: 14px;
  width: 150px;
  height: 165px;
  float: left;
}

#home_page #videos #video_list .video .thumb {
  background: url(/images/common/thumb_bg.png) no-repeat;
  width: 119px;
  height: 102px;
  padding: 8px 0 0 8px;
}

#home_page #videos #video_list .video .thumb.selected {
  background: url(/images/common/thumb_bg_selected.png) no-repeat;
}

#home_page #videos #video_list .video a {
  font-size: 11px;
  color: #a0410d;
  text-decoration: none;
}

#home_page #videos #video_list .video a:hover {
  text-decoration: underline;
}

#home_page #videos #video_creature {
  background: url(/images/home/video_creature.png) no-repeat right;
  width: 475px;
  height: 145px;
  position: absolute;
  margin: -35px 0 0 40px;
}

#home_page a#game_info_sticky {
  margin: -35px 0 0 24px;
  _margin: -85px 0 0 24px;
}

/************************** GALLERY *************************/
#gallery_page #left_side {
  margin: 50px 0 0 0;
  background: url(/images/gallery/title.png) no-repeat;
  width: 410px;
}

#gallery_page #left_side #intro_text {
  color: #362f2d;
  font-size: 13px;
  width: 320px;
  height: 120px;
  margin: 305px 0 0 65px;
  _margin: 310px 0 0 60px;
  overflow: hidden;
}

#gallery_page #left_side #decore {
  background: url(/images/gallery/decore.png) no-repeat;
  width: 402px;
  height: 370px;
  margin: -40px 0 0 20px;
}

#gallery_page a#game_info_sticky {
  margin: -20px 0 0 60px;
}

#gallery_page #gallery {
  width: 500px;
  height: 580px;
  overflow: hidden;
  overflow-y: auto;
  margin: 30px 0 0 50px;
}

#gallery_page #gallery .item {
  background: url(/images/common/thumb_bg.png) no-repeat;
  width: 119px;
  height: 102px;
  padding: 8px 0 0 8px;
  float: left;
  margin-left: -5px;
  _margin-left: -5px;
}

#gallery_page #gallery .item img {
  width: 103px;
  height: 86px;
}

#gallery_page #creature {
  background: url(/images/gallery/creature.png);
  width: 480px;
  height: 160px;
  margin: 0 0 0 11px;
}

#facebox #gallery_details_page #box_header {
  background: url('/images/gallery/lightbox_bg_top.png') no-repeat;
  width: 815px;
  height: 39px;
  padding: 0 7px 0 7px;
  font-weight: bold;
  font-size: 12px;
  color: #2ab6e6;
  text-align: center;
}

#facebox #gallery_details_page #box_header #nav_buttons {
  margin-left: 360px;
}

#facebox #gallery_details_page #box_header a#close_button {
  display: block;
  float: right;
  background: url('/images/gallery/close_button.png') no-repeat;
  width: 40px;
  height: 14px;
  margin: 20px 30px 0 0;
}

#facebox #gallery_details_page #box_header a#next_button {
  display: block;
  float: left;
  background: url('/images/gallery/next_button.png') no-repeat;
  width: 40px;
  height: 14px;
  margin: 20px 0 0 0;
}

#facebox #gallery_details_page #box_header a#prev_button {
  display: block;
  float: left;
  background: url('/images/gallery/prev_button.png') no-repeat;
  width: 40px;
  height: 14px;
  margin: 20px 15px 0 0;
}

#facebox #gallery_details_page #box_body img {
  width: 800px;
}

#facebox #gallery_details_page #box_body {
  background: url('/images/gallery/lightbox_bg_middle.png') repeat-y;
  width: 815px;
  padding-left: 7px;
}

#facebox #gallery_details_page #box_footer {
  background: url('/images/gallery/lightbox_bg_bottom.png') no-repeat;
  width: 815px;
  height: 39px;
  padding: 5px 7px 5px 7px;
  font-weight: bold;
  font-size: 12px;
  color: #2ab6e6;
  text-align: center;
}

#facebox #gallery_details_page #box_footer #caption {
  width: 790px;
}

/************************** WRITERS *************************/
#writers_page #left_side {
  background: url(/images/writers/title.png) no-repeat;
  width: 397px;
}

#writers_page #left_side #intro_text {
  margin: 260px 0 0 30px;
  color: #362f2d;
  font-size: 13px;
  width: 370px;
  
  overflow: hidden;
}

#writers_page #left_side #decore {
  background: url(/images/writers/decore.png);
  width: 371px;
  height: 315px;
  margin: 10px 0 0 36px;
}

#writers_page #right_side #writers {
  margin: 10px 0 0 40px;
  width: 490px;
  _width: 480px;
  height: 800px;
  overflow-y: scroll;
  padding: 0 0 0 10px;
}

#writers_page #right_side #writers .item {
  overflow: hidden;
  _clear: left;
  _margin-bottom: 15px;
}

#writers_page #right_side #writers .item .thumb {
  background: url(/images/common/thumb_bg.png) no-repeat;
  width: 119px;
  height: 102px;
  padding: 8px 0 0 8px;
  float: left;  
}

#writers_page #right_side #writers .item .thumb img {
  width: 103px;
  height: 86px;  
}

#writers_page #right_side #writers .item .body {
  width: 330px;
  color: #362f2d;
  font-size: 12px;
  float: left;
  margin-left: 5px;
}

#writers_page a#game_info_sticky {
  margin: 0 0 0 60px;
  _margin: 25px 0 0 60px;
}

/************************** WRITERS *************************/
#updates_page #left_side {
  background: url(/images/updates/title.png) no-repeat;
  width: 413px;
  height: 659px;
  margin: 73px 0 0 -12px;
}

#updates_page #right_side #updates {
  margin: 10px 0 0 40px;
  width: 490px;
  _width: 480px;
  height: 800px;
  overflow-y: auto;
  padding: 0 0 0 10px;
}

#updates_page #right_side #updates .item {
  overflow: hidden;
  color: #362f2d;
  font-size: 12px;
  width: 460px;
  margin-bottom: 15px;
}

#updates_page #right_side #updates .item .thumb {
  background: url(/images/common/thumb_bg.png) no-repeat;
  width: 119px;
  height: 102px;
  padding: 8px 0 0 8px;
  float: left;  
}

#updates_page #right_side #updates .item .thumb img {
  width: 103px;
  height: 86px;  
}

#updates_page a#game_info_sticky {
  margin: 715px 0 0 70px;
}

#updates_page #updates a.more_button {
  background: url(/images/common/more_button.png) no-repeat;
  display: block;
  width: 40px;
  height: 10px;
  margin: 8px 0 0 0;
}

#updates_page #updates a#back_to_list_button {
  background: url(/images/updates/back_to_list_button.png) no-repeat;
  display: block;
  width: 92px;
  height: 14px;
  float: right;
  margin: 0 0 20px 20px;
}

/************************************************************/