/*-------------------(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;
}

/*---------------------(space sheriff 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;
	font-weight: normal;
}

.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;
}

.box_text_art_long {
  float: left;
  width: 120px;
  height: 50px;
  border: 0px;
 }
 
 .box_text_art_long {
  font-family: arial;
  color: E5E1E1;
  font-size: 12px;
  text-align: center;
  margin-left: 5px;
  margin-top: -15px;
}


/*---------------------(dynamite pilot css)------------------------------------------------*/


/*---------------------(dynamite pilot navigation_buttons)---------------------------------*/

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

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

  #dynamite_nav_bar a.about {
    width: 163px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/about_project.jpg) 0 0 no-repeat;
  }

#dynamite_nav_bar a.about:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/about_project.jpg) 100% 100% no-repeat;
}

  #dynamite_nav_bar a.sample_pages {
    width: 153px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/sample_dynamite.jpg) 0 0 no-repeat;
  }


  #dynamite_nav_bar a.book_1 {
    width: 44px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/dynamite_pilot_1.jpg) 0 0 no-repeat;
  }

#dynamite_nav_bar a.book_1:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/dynamite_pilot_1.jpg) 100% 100% no-repeat;
}

  #dynamite_nav_bar a.book_2 {
    width: 44px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/dynamite_pilot_2.jpg) 0 0 no-repeat;
  }

#dynamite_nav_bar a.book_2:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/dynamite_pilot_2.jpg) 100% 100% no-repeat;
}

  #dynamite_nav_bar a.characters {
    width: 132px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/characters.jpg) 0 0 no-repeat;
  }

#dynamite_nav_bar a.characters:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/characters.jpg) 100% 100% no-repeat;
}

  #dynamite_nav_bar a.home {
    width: 76px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/home_page.jpg) 0 0 no-repeat;
  }

#dynamite_nav_bar a.home:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/home_page.jpg) 100% 100% no-repeat;
}

/*---------------------(dynamite_pilot_paragraph)----------------------------------------*/

.dynamite_info {
  
  width: 100%;
  height: 446px;
  background: #000000;
  padding: 25px 0px 25px 25px;
  margin-left: 4px;
 }


.dynamite_text {
  font-family: arial;
  color: ffffff;
  font-size: 13px;
  text-align: left;
  margin-top: 15px;
  
}


.text_image {
	
	float: left;
	border: 3px solid #ffffff;

}


.text_box_main {
	margin-left: 10px;
	float: left;
	
}


#text_box_main p {
  width:280px;
  float:left;
  font-family: arial;
  color: ffffff;
  font-size: 15px;
  padding: 0px 0px 0px 20px;
  
}


#text_box_main h1 {
  float:left;
  padding: 0px 0px 0px 20px;
  font-family: Chicago;
  color: ffffff;
  font-size: 16px;
  
}


/*---------------------(buy_dynamite_pilot_issues (right_col))----------------------------------------*/


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

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

 .buy_issue a.buy_dynamite_1 {
    background: url(../dynamite_pilot/site_graphics/buy_issue1_button.jpg) 0 0 no-repeat;
  }

  .buy_issue a.buy_dynamite_1:hover {
   background: url(../dynamite_pilot/site_graphics//buy_issue1_button.jpg) 100% 100% no-repeat;
  }
  
   .buy_issue a.buy_dynamite_2 {
    background: url(../dynamite_pilot/site_graphics/buy_issue2_button.jpg) 0 0 no-repeat;
  }

  .buy_issue a.buy_dynamite_2:hover {
   background: url(../dynamite_pilot/site_graphics/buy_issue2_button.jpg) 100% 100% no-repeat;
  }
  
  /*---------------------(dynamite_pilot_character boxes)-----------------------------------------------------*/
  

 
 .dynamite_character_info {
  
  width: 594px;
  height: 2475px;
  background: #000000;
  padding: 3px;
  
 }
  
  
.dyanmite_characters_box {
  float: left;
  width: 565px;
  height: 167px;
  border: 3px solid #ffffff;
  background: #000000;
  padding: 4px;
  margin-bottom: 5px;
  margin-left: 3px;
  margin-top:3px;
 }
 
.dynamite_image {
	
	float: left;
	border: 3px solid #ffffff;

}

.dyanmite_characters_box h1 {
  width: 400px;
  float:left;
  padding: 0px 0px 0px 20px;
  font-family: Chicago;
  color: ffffff;
  font-size: 14px;
  font-weight:normal;
}


.dyanmite_characters_box p {
  width: 400px;
  float:left;
  font-family: arial;
  color: ffffff;
  font-size: 15px;
  padding: 0px 0px 0px 20px;
  
}



/*---------------------(comics pages)---------------------------------*/

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

#comics_page_body {
  position: relative;
  width: 541px;
  margin: 0 auto;
background: #000000;
}

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

* html #comics_page_body {
  width: 546px;
background: #000000;
}


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

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

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

  #comics_nav_bar a.logo_1 {
    width: 62px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/data_red_logo.jpg) 0 0 no-repeat;
  }
  
    #comics_nav_bar a.more_comics {
    width: 180px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/more_comics.jpg) 0 0 no-repeat;
  }
  
  #comics_nav_bar a.more_comics:hover {
  /*display: block;
  float: left;*/
  background: url(../data_red_comics/comics_page_elements/more_comics.jpg) 100% 100% no-repeat;
}
  
    #comics_nav_bar a.main_site {
    width: 237px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/data_red_website.jpg) 0 0 no-repeat;
  }
  
    #comics_nav_bar a.main_site:hover {
  /*display: block;
  float: left;*/
  background: url(../data_red_comics/comics_page_elements/data_red_website.jpg) 100% 100% no-repeat;
}
  
    #comics_nav_bar a.previous {
    width: 208px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/previous.jpg) 0 0 no-repeat;
  }
  
      #comics_nav_bar a.previous:hover {
  /*display: block;
  float: left;*/
  background: url(../data_red_comics/comics_page_elements/previous.jpg) 100% 100% no-repeat;
}
  
    #comics_nav_bar a.next_comic {
    width: 209px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/next.jpg) 0 0 no-repeat;
  }
  
      #comics_nav_bar a.next_comic:hover {
  /*display: block;
  float: left;*/
  background: url(../data_red_comics/comics_page_elements/next.jpg) 100% 100% no-repeat;
}

    #comics_nav_bar a.blank {
    width: 208px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/blank_frame.jpg) 0 0 no-repeat;
  }
  
     #comics_nav_bar a.blank_2 {
    width: 208px;
    margin: 0;
    background: url(../data_red_comics/comics_page_elements/blank_frame2.jpg) 0 0 no-repeat;
  }
  
  
  /*---------------------(comics navigation button for Dynamite Pilot)---------------------------------*/
  
   #comics_nav_bar a.dp_home {
    width: 180px;
    margin: 0;
    background: url(../dynamite_pilot/site_graphics/dp_home.jpg) 0 0 no-repeat;
  }
  
    #comics_nav_bar a.dp_home:hover {
  /*display: block;
  float: left;*/
  background: url(../dynamite_pilot/site_graphics/dp_home.jpg) 100% 100% no-repeat;
}