/* standard elements */
html {min-height: 100%;}

* { margin: 0;
    padding: 0; }

a img { border: none; }
a { color: silver; }
a:hover { color: #CBDBF7; }

/* For IE only - now my code won't validate, boo hoo */
body { scrollbar-base-color: #972323 }

body {  background: #0C0C0C url('img/bodyA.jpg') no-repeat center top;
	color: #444;
	font: normal 75% Georgia, "Times New Roman", serif;
	padding-top: 64px; }

p,code,ul { padding-bottom: 1.2em;}

li {list-style: none;}

h1 {padding-bottom: 7px; text-indent: .5em; background-color: #498192; border-style: groove; border-color: #06FC23; width: 95%; font: normal 1.8em sans-serif;}
h2 {font: bold 1.4em Georgia, "Times New Roman", serif; margin-left:.5em;}
h3 {font: bold 1em Georgia, "Times New Roman", serif;}
h1,h2,h3 {padding-top: 6px; color: #FE0202; margin-bottom: 4px;}



/* main */
.main { background-color:#000; }



/* structure */
.inner-container { border: 4px solid #06FC23;
	           background: #000;
	           font-size: 1.2em;
	           margin: 0 auto;
	           padding: .5em;
	           width: 772px;
                   height: 408px; }

.outer-container { background: url('img/container.jpg') no-repeat center bottom;
	           padding-bottom: 64px; }



 /* navigation */
.navigation { background-color: #000; 
              float: left;
	      width:190px; }

.navigation h2 { font: 1.1em Georgia, "Times New Roman", serif;
	         line-height: 30px;
	         margin: 0;
	         padding-left: 9px; }

.navigation ul { padding: 10px 10px 0 10px; }
.navigation li { text-align: center; }
.navigation li a { height:30px;
	          font-size: 1.3em;
	          color: #FD0303;
                  display: block;
	          padding: 0px 0 7px 5%;
	          text-decoration: none;
	          width: 95%; }
.navigation li a:hover { color: #fff; }

#l1 a{background-repeat: no-repeat;background-image:  url(img/STRYCHNINE-NEEDLE.gif);}
#l1 a:hover {background-repeat: no-repeat;background-image:  url(img/HOME-NEEDLE.gif);}
#l2 a{background-repeat: no-repeat;background-image:  url(img/ARSENIC-NEEDLEa.gif);}
#l2 a:hover {background-repeat: no-repeat;background-image:  url(img/NEWS-NEEDLEa.gif);}
#l3 a{background-repeat: no-repeat;background-image:  url(img/FORMALDEHYDE-NEEDLE.gif);}
#l3 a:hover {background-repeat: no-repeat;background-image:  url(img/UPCOMINGSHOWS-NEEDLE.gif);}
#l4 a{background-repeat: no-repeat;background-image:  url(img/BELLADONNA-NEEDLE.gif);}
#l4 a:hover {background-repeat: no-repeat;background-image:  url(img/MUSIC-NEEDLE.gif);}
#l5 a{background-repeat: no-repeat;background-image:  url(img/BLEACH-NEEDLE.gif);}
#l5 a:hover {background-repeat: no-repeat;background-image:  url(img/PICTURES-NEEDLE.gif);}
#l6 a{background-repeat: no-repeat;background-image:  url(img/PARIS-GREEN-NEEDLE.gif);}
#l6 a:hover {background-repeat: no-repeat;background-image:  url(img/MERCHANDISE-NEEDLE.gif);}
#l7 a{background-repeat: no-repeat;background-image:  url(img/CYANIDE-NEEDLE.gif);}
#l7 a:hover {background-repeat: no-repeat;background-image:  url(img/BOOKING-NEEDLE.gif);}
#l8 a{background-repeat: no-repeat;background-image:  url(img/WORMWOOD-NEEDLE.gif);}
#l8 a:hover {background-repeat: no-repeat;background-image:  url(img/MYSPACE-NEEDLE.gif);}
#l9 a{background-repeat: no-repeat;background-image:  url(img/SULPHURIC-ACID-NEEDLE.gif);}
#l9 a:hover {background-repeat: no-repeat;background-image:  url(img/CONTACT-NEEDLE.gif);}




/* content */

.contentpage { height: 383px;
               overflow: auto;
	       float: right;
	       width: 572px;
               background-image: url("img/backdrop.jpg");
               background-position: top left }

.content { float: right; }

.contentpage li { color: #fff;
	          list-style: circle;
	          margin-left: 1em; }

.contentpage p { color: #06FC23;
                 margin-right: 1em;
                 font-family: "Lucida Sans Unicode", sans-serif; }

.contentpage h3 { color: #fff; }

.logo img { padding: .8em; }

.boldy { color: white; }

.product h3 { color: #06FC23; 
           font: bold 95% Verdana, san-serif; }

.product img { margin: 1em; }

.pay h3  { color: #fff;
           font-family: Verdana, san-serif;
           margin: 1em 1em 1em 0; }



/* footer */
.footer { height:20px;
	  background: #3D3D3D;
	  color: silver;
	  font: 80% sans-serif;
	  margin-top: .5em;
	  padding: 0 1em 0 1em; line-height: 1.5em; }
.footer a { color: silver;
            text-decoration: none; }

.footer a:hover { color: #CBDBF7;
                  text-decoration: underline; }

hr { border: 0;
     width: 95%;
     background-color: #f00;
     height: 1px;
     margin: 1em 0 1em 0; }



/* misc */
.clearer { clear: both;
           font-size: 0; 
           height: .0em; }
.left { float: left; }
.right { float: right; }

.xspf {display: block; margin: 0px 20px 0px 20px; }
       
#closer { display: block; 
          width: 95%; 
          text-align: center; 
          margin-top: 10px; }