@charset "utf-8";
/* -----------------------------------------------------------------

Theme Name: Bostin Heroes
Theme URI: http://www.bostinheroes.com
Description: The ComicPress theme created for Bostin Heroes
Version: 1.0
Author: Kevin Rapley
Tags: ComicPress, Bostin Heroes, fixed width, 3 column

Bostin Heroes ComicPress by Kevin Rapley || http://digikev.co.uk

CONTENTS
Search for any of the below to be transported to that section of the
document

=HEADER
=ACCESS
=MENU
=ADVERTISING
=CONTENT
=SIDEBAR
=FOOTER

=TOP
----------------------------------------------------------------- */

 #page { 
  margin: 0 auto;
  width: 982px;
 }

/* =HEADER
contains the logo and background gradient for the masthead
----------------------------------------------------------------- */

 #header {
  background: url("header.gif") repeat-x 0 140px  ;
  height: 247px;
 }

  #header img {
   display: block;
  }
	
/* =ACCESS
Main navigational menu.
----------------------------------------------------------------- */	

 .access {
  background: url("access-top.gif") no-repeat;
  height: 30px;
 }

/* =MENU
Main navigational menu.
----------------------------------------------------------------- */

 .menu {
  height: 50px;
 }

 * html .menu {
  position: relative;
 }

  .menu ul {
   list-style: none;
   margin: 0;
  }

  * html .menu ul {
   position: absolute;
   top: 30px;
  }

   .menu li {
    float: left;
   }

/* =ADVERTISING
Call to actions and Google Adsense.
----------------------------------------------------------------- */
  #advertising {   
   border: solid 2px black;
   width: 172px;
  }

   #googleAdsense {
    margin: 20px auto;
    width: 120px;
   }

/* =CONTENT
Main content region.
----------------------------------------------------------------- */

 #content {
  
 }

  #content h2 {
   font-size: 2.6em;
   margin-bottom: 0;
  }

   #content h2 a:link {
    color: black;
    text-decoration: none;
   }

   #content h2 a:visited {
    color: #444;
    text-decoration: none;
   }

   #content h2 a:hover {
    color: black;
    text-decoration: underline;
   }

   #content h2 a:active {
    color: black;
    text-decoration: underline;
   }

  #content p.date {
   font-size: 1.4em;
   font-weight: bold;
   color: #b34645;
  }

  #aboutBackground {
   background: url('bosher_blurb_bkg1-1.gif') no-repeat;
  }

  #aboutBackground abbr {
   text-transform: uppercase;
  }

  .previousNext {
   margin-top: 10px;
  }

  .bigballoon {
   float: left;
  }

  #respond h3 {
   padding: 6px;
  }

  #submit {
   background: yellow;
   border: 2px solid black;
   font-weight: bold;
   padding: 5px;
  }

  .comicarchiveframe {
   border: solid 2px black;
   float: left;
   margin: 5px 5px 5px 0;
   padding: 5px;
   width: 218px;
  }

   .comicarchiveframe img {
    margin: 0 5px;
   }

  .pagenav {
   padding: 10px;
  }

/* =SIDEBAR
Main content region.
----------------------------------------------------------------- */

 #searchBox {
  margin: 5px 0 10px 10px;
  width: 286px;
 }

  #searchBox label {
   color: black;
  }

  #searchBox input {
   border: 2px solid black;
  }

  #searchBox .searchInput {
   width: 186px;
  }

  #searchBox .searchSubmit {
   background: yellow;
   font-weight: bold;
  }

 .signposting {
  border: solid 2px black;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 286px;
 }

  *:first-child+html .signposting img, * html .signposting img {
   display: block;
  }

  .blurb {
   float: left;
   margin-top: 3px;
   padding-left: 5px;
   width: 107px;
  }

  .signposting img.signpostimg {
   float: right;
  }

 #sidebar {
  border: solid 2px black;
  margin-left: 10px;
  width: 286px;
 }

  #sidebar ul {
   list-style: none;
   margin-left: 0;
  }

   #sidebar li {
    margin-left: 5px;
   }

  #sidebar h2 {
   border-bottom: solid 2px black;
   color: black;
   display: block;
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: 5px;
   text-transform: uppercase;
  }

/* =FOOTER
Copyright statement, links to policies, RSS and 3heads link
----------------------------------------------------------------- */

 #footer {
  background: url("footer.gif") repeat-x;
  height: 80px;
  margin-top: 20px;
  position: relative;
 }

  #footer .access {
   background: url("access-bottom.gif") no-repeat;
  }

  * html #footer .access {
   position: absolute;
   top: 30px;
  }

  * html #footer .menu {
   position: relative;
  }

   * html #footer .menu ul {
    position: absolute;
    top: 0;
   }

/* =TOP
Search for above to be brought to the top of the document
----------------------------------------------------------------- */