/* 
   Design215.com CSS/102b stylesheet, v07.24.05 
   for bang-productions.com, updated v04.20.07
   
   body
     #container
       #pagehead
         .navbar
         .navlinks
         .navlinks2
       #pagebody
         #titlebar
         #contentbg
           #contentbox
             #contenthead
             #sidebar (moved for this site)
             .column1a
             .minheight
             .column2a
             .xclearline
           #endcap
         #footer
      

   Overall styles and classes for HTML elements 
   ----------------------------------------------------------------------------- 
*/
body {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#ffffff;
  text-align:center; margin:0; padding:0;
  background:#000000;
}

  /* Separators to clear column floats */
  div.xclear {
    clear:right; height:1px; line-height:1px; 
    margin:0; padding:0;
  }
  div.xclearline {
    clear:both; height:1px; line-height:1px;
    margin:0 3px 0 1px; padding:0;
  }

  /* Sets the minimum height of the page content, or can be a column divider */
  div.minheight {
    position:relative; float:left; text-align:right;
    width:5px; height:400px; 
  }

table {
  width:100%;
  background:transparent;
}
table.t1 {
  width:450px;
}
table td {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
}
h1 {
  font-family:verdana,helvetica,sans-serif; font-size:20px; color:#000000; letter-spacing:3px;
  margin:4px 4px 4px 30px; padding:4px 4px 4px 4px;
}
h2 {
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#000000;
  margin:2px 2px 0 12px; padding:2px; letter-spacing:2px;
}
p {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
  margin:4px 2px 0 12px; padding:0;
}
  p.m1 {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
    margin:10px 2px 0 12px; padding:0;
  }
  p.p1 {
    font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000; line-height:130%;
    margin:4px 2px 0 30px; padding:4px; text-align:justify;
  }
  p.p2 { /* used in volumes.php */
    font-family:arial,helvetica,sans-serif; font-size:10px; color:#ffffff; line-height:130%;
    margin:4px 2px 0 10px; padding:0;
    overflow:hidden; /* hide right half of larger med pics */
  }
  p.p3 { /* used in details.php */
    font-family:arial,helvetica,sans-serif; font-size:14px; color:#ffffff;
    margin:0 2px 0 2px; padding:0;
  }
  p.p4 { /* used in volumes.php */
    font-family:arial,helvetica,sans-serif; font-size:12px; color:#ffffff;
    margin:0 2px 0 2px; padding:0;
  }
    
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#ff0000;}
a:hover {text-decoration:underline; font-weight:bold; color:#ff0000;}

/* menu links */
a.a1 {
  display:block;
  font-family:verdana,helvetica,sans-serif; font-size:14px; letter-spacing:3px;
  margin:4px 0 4px 0; padding:0 0 0 18px; width:130px; line-height:16px;
}
a.a1:link,
a.a1:visited {
  text-decoration:none; font-weight:bold; color:#888888;
  background:transparent; 
}  
a.a1:hover {
  text-decoration:none; font-weight:bold; color:#ffbf11;
  background:transparent url(/images/bt1.gif) 1px 4px no-repeat; 
}

a.a2 {
  display:block;
  font-family:verdana,helvetica,sans-serif; font-size:14px; letter-spacing:3px;
  margin:4px 0 4px 0; padding:0 0 0 18px; width:130px; line-height:16px;
}
a.a2:link,
a.a2:visited {
  text-decoration:none; font-weight:bold; color:#ffbf11;
  background:transparent url(/images/bt1.gif) 1px 4px no-repeat; 
}
a.a2:hover {
  text-decoration:none; font-weight:bold; color:#ffbf11;
  background:transparent url(/images/bt1.gif) 1px 4px no-repeat; 
}


  ul.alist {margin:0 0 0 12px; padding:0; list-style:none;}
  ul.alist li {
    margin-bottom:6px; padding:0 0 0 16px;  
    background:transparent url(images/bt5.gif) no-repeat;
  }
  
img {
  margin:0; padding:0;
}
img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
}

/* shift image over to the right so only the left half is visible */
img.xpicleft {
  margin:1px 3px 3px -260px; padding:0;
  border:solid 1px #888888;
}

form {
  margin:0; padding:0 0 0 12px;
}
label.noshow {display:none;}
pre {font-size:12px; margin:0 0 0 12px;}
  pre.p2 {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:4px 4px 0 12px; padding:0;
  }
  
dl.alist {
  margin:0; padding:4px 0 0 0;
}
  dl.alist dt {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:150%;
    margin:0; padding:0 0 0 12px;
  }
  dl.alist dd {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#000000; line-height:120%;
    margin:0; padding:0 0 6px 20px;
  }
  
acronym {border-bottom:dashed 1px #000000; cursor:help; font-weight:bold; color:#0000aa;}

/* 
   Styles for layout DIVs
   -----------------------------------------------------------------------------
*/

/* 
   for this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/
#container {
  position:relative; width:750px;
  text-align:center; margin:0 auto 0 auto; padding:0;
}

  /* Page Header, full width of container */
  #pagehead {
    position:relative;
    text-align:center; margin:0; padding:0;
    background:transparent;
  }
    #pagehead div.navbar {
      position:relative;
      text-align:center; margin:0 auto 0 auto; padding:0;
      font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000;
    }
    #pagehead p {
      display:inline;
      text-align:left;
    }
    #pagehead ul {
      display:none;
    }
  
  /* DIVs for navigation links */
  div.navlinks {display:none;}
  div.navlinks2 {display:none;}

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:center; margin:0; padding:0;
    background:transparent url(/images/body_bg.gif) center repeat-y;
  }
  #pagebody2 { /* black background for volumes.php */
    position:relative;
    text-align:center; margin:0; padding:0;
    background:#000000;
  }

    /* Titlebar, content above content box */
    #titlebar {display:none;}

    /* Outer content box, defines outer width of content (use width:??px )*/
    #contentbg {
      position:relative; width:740px;
      text-align:left; margin:0 auto 0 auto; padding:0;
    }
      /* Inner content box for margins and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000; line-height:100%;
        text-align:left; margin:0; padding:0;
      }
        /* Content above columns */
        #contenthead {
          width:100%; margin:0; padding:0; line-height:1px;
        }
        
        #sidebar {
          position:absolute; left:0px; top:-50px;
          width:100% margin:0; padding:0;
        }
          #sidebar table {margin:4px 2px 0 10px; width:690px;}
      
          /* Columns, set 1, create additional sets as needed */
          div.column1a {
            position:relative; float:left; width:420px; 
            margin:0; padding:0; 
          }
          div.column2a {
            position:relative; float:left; width:260px; 
            margin:0; padding:0; 
          }
          
          /* Columns, set 2, full width single column */
          div.column1b {
            position:relative; float:left; width:690px; 
            margin:0; padding:0; 
          }
            div.column1b table {margin:4px 2px 0 20px;}
            
          /* Columns, set 3, for volumes.php */
          div.column1c {
            position:relative; float:left; width:230px; 
            margin:6px 0 0 0; padding:0; 
          }
            div.column1c table {margin:4px 2px 0 10px;}
            div.column1c td {color:#ffffff; padding:0;}
          div.column2c { /* white box on right */
            position:relative; float:left; width:490px; 
            margin:6px 0 0 0; padding:0;
            background:transparent url(/images/box_bg.gif) top left repeat-y;  
          }
            div.column2c table {margin:4px 2px 0 18px; width:auto;}
            div.column2c td {padding:5px;}
          
          /* Columns, set 4, for detail.php */
          div.column1d {
            position:relative; float:left; width:170px; 
            margin:100px 0 0 4px; padding:0; 
          }
            div.column1d table {margin:4px 2px 0 10px;}
            div.column1d td {color:#ffffff; padding:0;}
          div.column2d { /* white box on right */
            position:relative; float:left; width:540px; 
            margin:50px 0 0 0; padding:0;
            background:transparent url(/images/box2_bg.gif) top left repeat-y;  
          }
            div.column2d table {margin:4px 2px 0 24px; width:auto;}
            div.column2d td {padding:5px;}
          
          /* Columns, set 5, full width single column, for schedule.php */
          div.column1e {
            position:relative; float:left; width:720px;
            margin:0; padding:0; text-align:center; 
            background:transparent url(/images/schedule_bg.gif) top center repeat-y;  
          }
            div.column1e table {margin:4px auto 0 auto; width:360px;}
            div.column1e td {
              font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000; 
              line-height:130%;
              margin:4px 4px 0 2px; 
            }
            
          /* latest release page, new as of 04.20.07 */
          div.column1f {
            position:relative; float:left; width:720px;
            margin:0; padding:0; text-align:left;
          } 
            div.column1f table {margin:4px 0 0 0; width:auto;}
            div.column1f table.volinfo {margin:4px auto 0 auto; width:500px;}
            div.column1f table.rcover {
              background:transparent url(/images/box2_bg.gif) top left repeat-y;
              width:540px; margin:0; padding:0; 
            }
            div.column1f td {padding:0;}
            div.column1f td.latest2,div.column1f table.rcover td {
              text-align:center;
            }
            

      /* Bottom of content box */
      #endcap {
        position:relative; width:700px; height:10px; font-size:1px; line-height:1px;
        clear:both; margin:0 auto 4px auto;
      }
      
    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative;
      margin:0; padding:0; text-align:center; 
      background:#000000;
    }
      #footer p {
        position:relative; width:720px;
        text-align:left; margin:0 auto 0 auto; padding:0;
        font-family:arial,helvetica,sans-serif; font-size:10px; color:#888888;
      }
      #footer p.xnav {
        position:relative; width:720px;
        text-align:center; margin:0 auto 0 auto; padding:0;
        font-family:arial,helvetica,sans-serif; font-size:12px; color:#888888;
      }
  
      #footer a:link,
      #footer a:visited {text-decoration:none; color:#dddddd;}
      #footer a:hover {text-decoration:underline; color:#ffbf11;}
  
      /* W3C validation links */
      #footer a.w3 {
        font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold;
      }
      #footer a.w3:link,
      #footer a.w3:visited {text-decoration:none; color:#444444;}
      #footer a.w3:hover {text-decoration:none; color:#ffe347;}

/* Extra Styles for this site */
.xdash {border:1px dashed #000000;} 
.xred {color:#ff8800;} /* form errors */

.cat1 { /* title headings, title.php */
  font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold;
  color:#ff0000;
}
.vol { /* title on volumes and details page */
   font-family:arial,helvetica,sans-serif; font-size:30px; font-weight:bold; color:#ff0000;
   margin:0; padding:0;
}
.vol2 { /* title on volumes and details page */
   font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#ffffff;
   margin:0; padding:0;
}

/* alternating rows for data tables */
.r1 {background:#ffffff;}
.r2 {background:#eeeeee;}