/*-------------------(index_body_position)-------------------*/

#page_body_index1 {
  position: relative;
  width: 727px;
  margin: 0 auto;
background: #FF0000;
}

* html #page_body_index1 {
  width: 624px;
background: #000000;
}

/*--------------------------(body_position)----------------------------*/

#page_body {
  position: relative;
  width: 612px;
  margin: 0 auto;
background: #000000;
}

/*---------(fix_for_ie_box_sizing_bug)------------------------------- */

* html #page_body {
  width: 624px;
background: #000000;
}

/*---------------------(navigation_buttons)---------------------------------*/

  #space_nav_bar a {
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    margin-bottom: 4px;
  }

#space_nav_bar a:hover {
  /*display: block;
  float: left;*/
  background-position: 100% 100%;
}

  #space_nav_bar a.issue_up {
    width: 81px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/issues_up.gif) 0 0 no-repeat;
  }

#space_nav_bar a.issue_up:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/issues_up.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.issue_down {
    width: 81px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/issues_down.gif) 0 0 no-repeat;
  }

#space_nav_bar a.issue_down:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/issues_down.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.characters {
    width: 103px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/characters.gif) 0 0 no-repeat;
  }

#space_nav_bar a.characters:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/characters.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.animation_001 {
    width: 100px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/animation_001.gif) 0 0 no-repeat;
  }

#space_nav_bar a.animation_001:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/animation_001.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.download_videogame {
    width: 90px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/download_videogame.gif) 0 0 no-repeat;
  }

#space_nav_bar a.download_videogame:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/download_videogame.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.shorts {
    width: 55px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/shorts.gif) 0 0 no-repeat;
  }

#space_nav_bar a.shorts:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/shorts.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.fan_art {
    width: 64px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/fan_art.gif) 0 0 no-repeat;
  }

#space_nav_bar a.fan_art:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/fan_art.gif) 100% 100% no-repeat;
}

  #space_nav_bar a.store {
    width: 48px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/store.gif) 0 0 no-repeat;
  }

#space_nav_bar a.store:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/store.gif) 100% 100% no-repeat;
}


  #space_nav_bar a.data_red {
    width: 71px;
    margin: 0;
    background: url(../space_sheriff/comic_images/space_buttons/data_red.gif) 0 0 no-repeat;
  }

#space_nav_bar a.data_red:hover {
  /*display: block;
  float: left;*/
  background: url(../space_sheriff/comic_images/space_buttons/data_red.gif) 100% 100% no-repeat;
}

/*----------------------(issue_box_creation)----------------------------------*/

/*--------------------(issue_boxes)------------------------------------------*/


.issue_box {
  float: left;
  width: 441px;
  height: 150px;
  border: 3px solid #666666;
  background: #000000;
  padding: 4px;
  margin-bottom: 5px;
  margin-left: 3px;
 }

/*-----------------------(shorts_boxes)---------------------------------------*/


.shorts_box {
  float: left;
  width: 441px;
  height: 100px;
  border: 3px solid #666666;
  background: #000000;
  padding: 4px;
  margin-bottom: 5px;
  margin-left: 3px;
 }

.title_text_shorts {
    font-family: chicago;
    color: white;
    font-size: 14px;
    margin-top: 7px;
    margin-left: 8px;
    text-align: center;
}

.title_text_shorts_1 {
    font-family: chicago;
    color: C22D2D;
    font-size: 13px;
    margin-top: -15px;
    margin-left: 25px;
    text-align: center;
}

.box_text_shorts {
  float: left;
  width: 340px;
  height: 50px;
  border: 0px;
 }

.box_text_shorts {
  font-family: arial;
  color: E5E1E1;
  font-size: 11px;
  text-align: center;
  margin-left: 25px;
  margin-top: -15px;
}

/*--------------------(box_issue_parts_issues)---------------------------------------*/

.box_text {
  float: left;
  width: 340px;
  height: 50px;
  border: 0px;
 }

.title_text {
    font-family: chicago;
    color: white;
    font-size: 15px;
    margin-top: 7px;
    margin-left: 8px;
    text-align: left;
}

.box_text {
  font-family: arial;
  color: E5E1E1;
  font-size: 11px;
  text-align: left;
  margin-left: 13px;
  margin-top: -15px;
}

/*--------------------(box_issue_parts_issues)---------------------------------------*/

.box_text_shorts {
  float: left;
  width: 290px;
  height: 50px;
  border: 0px;
 }


/*-----------------------(buy_issue_buttons)---------------------------------*/

  .buy_button a {
    margin: 0 auto;
    float: right;
    width: 70px;
    height: 70px;
    display: block;
  }

  .buy_button a:hover {
    background-position: 100% 100%;  
  }

 .buy_button a.buy_1_5 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_1_5.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_1_5:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_1_5.jpg) 100% 100% no-repeat;
    }

 .buy_button a.buy_6 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_6.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_6:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_6.jpg) 100% 100% no-repeat;
    }

 .buy_button a.buy_7 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_7.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_7:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_7.jpg) 100% 100% no-repeat;
    }

 .buy_button a.buy_8 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_8.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_8:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_8.jpg) 100% 100% no-repeat;
    }

 .buy_button a.buy_9 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_9.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_9:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_9.jpg) 100% 100% no-repeat;
    }
    
     .buy_button a.buy_10 {
     margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_10.jpg) 0 0 no-repeat;
    }

  .buy_button a.buy_10:hover {
    margin-top: 8px;
    margin-top: 4px;
    background: url(../space_sheriff/comic_images/buy_button_10.jpg) 100% 100% no-repeat;
    }
/*-----------------------(characters_boxes)---------------------------------------*/


.characters_box {
  float: left;
  width: 592px;
  height: 150px;
  border: 3px solid #666666;
  background: #000000;
  padding: 4px;
  margin-bottom: 5px;
  margin-left: 3px;
 }

.title_text_characters {
    font-family: chicago, arial black;
    color: C22D2D;
    font-size: 16px;
    margin-top: 7px;
    margin-left: 15px;
    text-align: left;
}



.title_text_characters_1 {
    font-family: chicago, arial black;
    color: C22D2D;
    font-size: 13px;
    margin-left: 60px;
    margin-top: -8px;
    text-align: left;
}

.box_text_characters {
  float: left;
  width: 400px;
  height: 50px;
  border: 0px;
 }

.box_text_characters {
  font-family: arial;
  color: E5E1E1;
  font-size: 11px;
  text-align: Left;
  margin-left: 15px;
  margin-top: -10px;
}

.title_text_characters1 {
    font-family: chicago, arial black;
    color: white;
    font-size: 12px;
    margin-top: -10px;
    margin-left: 15px;
    text-align: left;
}

/*---------------------(buy_t-shirt)----------------------------------------*/


.buy_tshirt a {
    margin: 0 auto;
    float: right;
    width: 140px;
    height: 70px;
    display: block;
  }

  .buy_tshirt a:hover {
    background-position: 100% 100%;  
  }

 .buy_tshirt a.buy_t-shirt {
    background: url(../space_sheriff/comic_images/buy_tshirt_button.jpg) 0 0 no-repeat;
  }

  .buy_tshirt a.buy_t-shirt:hover {
   background: url(../space_sheriff/comic_images/buy_tshirt_button.jpg) 100% 100% no-repeat;
  }


/*-----------------------(shorts_boxes)---------------------------------------*/


.fan_art_box {
  float: left;
  width: 441px;
  height: 350px;
  border: 3px solid #666666;
  background: #000000;
  padding: 4px;
  margin-bottom: 5px;
  margin-left: 3px;
 }

.box_text_art {
  float: right;
  width: 70px;
  height: 50px;
  border: 0px;
 }

.box_text_art {
  font-family: arial;
  color: E5E1E1;
  font-size: 12px;
  text-align: center;
  margin-left: 25px;
  margin-top: -15px;
}