body, p {
    background: #000;
    color: #ccc411;
    font-family: Andale Mono, monospace;
    font-size: 14px;
}     

a {font-family: Andale Mono, monospace; color: #ccc411;}

.center {text-align: center;}

.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l-box {
    padding: 1em 1em 1em 2em;
}

.neon {
  color: #ccc411;
  text-shadow:
    0 0 5px #ccc411,
    0 0 10px #ccc411,
    0 0 20px #ccc411,
    0 0 40px #ccc411,
    0 0 80px #fff,
    0 0 90px #fff,
    0 0 100px #fff,
    0 0 150px #fff;
    overflow: visible;
}

.neon2 {
  color: #ccc411;
  text-shadow:
    0 0 5px #ccc411,
    0 0 10px #ccc411,
    0 0 20px #ccc411,
    0 0 40px #fff;
}

pre {font-size: 12px;}


@media screen and (max-width: 48em){


p {font-size: 14px;}

pre {font-size: 8px;}

}
/* source: http://www.ehow.com/how_12214447_make-collapsing-lists-java.html */

.FAQ { 
    vertical-align: top; 
    height:auto !important; 
}
.list {
    display:none; 
    height:auto;
    margin:10px;
    float: none;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: block; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
}

/*style the (+) and (-) */
.hide, .show {
    margin-right: 0;
    float: left;
    margin-bottom: 25px;
}

.hide:hover, .show:hover {

}

.list p{
    height:auto;
    margin:0;
}

.ls-hover img {
  opacity: 1;
  -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}

.ls-hover:hover {
  background: url('light-sleeper-back.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.ls-hover:hover img {
  opacity: 0;
    -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}

.nr-hover img {
  opacity: 1;
  -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}

.nr-hover:hover {
  background: url('new-rose-back.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.nr-hover:hover img {
  opacity: 0;
    -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}

.dl-hover img {
  opacity: 1;
  -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}

.dl-hover:hover {
  background: url('demonlover-back.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.dl-hover:hover img {
  opacity: 0;
    -webkit-transition: opacity .6s; /* Safari prior 6.1 */
  transition: opacity .6s;
}



/* Shopify Code */

.shopify-buy-frame--product {
  margin: -40px auto 40px auto !important;}