/* Style sheet for http://store.pbnradio.com  */
/* R.G. Hartwig, 10/2003  */


/* For debugging: */
/* * { border: thin solid blue;} */

body          {background: #EDEFFB url(/images/stained-05h.jpg) repeat-y;  margin: 1em 2em 1em 105px;
               font-family: Verdana, Helvetica, Arial, sans-serif;}
img           {border: none;}   /* Who ever wants image borders? */
h1            {text-align: center;}
h1, h2, h3    {font-family: Papyrus, Verdana, Helvetica, Arial, sans-serif;}
acronym       {cursor: help;  /* border: none; */ border-bottom: 1px dashed black;}
form          {margin: 0;}

a		        {color: #000050;}
a:visited     {color: #0000FF;}
a:hover       {color: #7878FF;}


/* === Convenience styles === */
.larger       {font-size: 110%;}
.smaller      {font-size:  80%;}
.center       {text-align: center;}
.center table,
.center div   {margin-left: auto;  margin-right: auto;  text-align: left;}
.hide         {display: none;}
hr.thick      {height: 5px;}
.clear        {clear: both;}

.right   img  {float: right;  margin: 0 0 1em 1em;}


/* Specific items */
.playtag      {width:  50px;  height: 14px;}
#storelogo    {width: 527px;  height: 93px;}


/* === Formatting styles === */

/* Navigation */
#nav          {padding: .3em 1em;  margin: 1em 0 2em 0;  border: 1px solid #00008B;  
               background-color: #F1F3FF;  color: gray;}
#nav h2       {display: inline;  font-size: 80%;  color: black;
               font-family: Verdana, Helvetica, Arial, sans-serif;}
#nav ul       {margin: 0;  padding: 0;  text-align: center;  list-style-type: none;}
#nav li       {display: inline;  padding: 0 1em;  font-size: 80%; line-height: 1.5em;}




/* Artist index */
#index        {padding: .3em 1em;  margin: 3em 0 0em 0;  border: 1px solid #00008B;  
               background-color: #F1F3FF;  color: gray;}
#index h2     {display: inline;  font-size: 80%;  color: black;
               font-family: Verdana, Helvetica, Arial, sans-serif;}
#index ul     {margin: 0;  padding: 0;  text-align: center;  list-style-type: none;}
#index li     {display: inline;  padding: 0 1em;  font-size: 80%; line-height: 1.8em;}


/* Artist name */
h4            {border-bottom: 2px solid black;  padding: 3em 0 0 0;  clear: both;}
.bio          {font-size: 80%;  margin: 0 0 2em 0;  padding-bottom: 0.5em; border-bottom: 1px dashed black;}
.bio img      {float: right;  margin: 0 0 1em 1em;}
.bio img.left {float: left;  margin: 0 1em 1em 0;}
.price        {color: green;  font-weight: bold;}




/* Product-style items */
.prod         {color: maroon;  font-weight: bold;}
.prodbox      {background-color: #ddd;  border: 2px outset silver; padding: 0.5em;}



/* Album-style items */
.itemblock       {display: block;  float: left;  width: 315px;  height: 35ex;  /*height: 205px;*/
                  /*border: 1px solid gray;*/
                  padding: 6px;  margin: 0.5em;
                  font-size: 80%;  text-align: center;}
.itemblock.tall   {height: 40ex; /*height: 230px;*/}
.itemblock.taller {height: 183m; /*45ex;*/ /*height: 230px;*/}

.item            {float: left;  width: 145px;  margin: 3px;  /*border: 1px dashed gray;*/}
.item img        {width: 95px;  height: auto;  margin-bottom: 2px;}
.item img.tall   {width: 76px;  height: auto;}
.item .subtitle  {font-size: 85%;}
.item>a          {font-style: italic;  font-size: 80%;}
.item .qty       {color: maroon;  font-size: 90%;  padding-top: 5px;  line-height: 2em;}
.item input      {font-size: 80%;  padding: 0;  color: maroon;}
.item .price     {font-size: 90%;  font-weight: normal;}
.item .taxmsg    {font-size: 75%;}

.titles          {float: left;  width: 145px;  margin: 3px;  border: 1px dashed gray;  padding: 3px;
                  font-size: 80%;}



/* Zola products */
.zitem              {margin: 2em 0 1em 0;  padding: 0.5em 0;  border-top: 2px solid darkgray;  
                    clear: both;}
.zitem .title       {color: #386888;
                    font-weight: bold;  font-style: italic;  text-transform: uppercase;}
.zitem .subtitle    {font-size: 90%;
                    font-weight: normal;  font-style: normal;  text-transform: none;}
.zitem .id          {color: #386888; font-weight: bold;  font-size: 80%;}
.zitem .qty         {font-weight: bold;  font-size: 80%;}
.zitem .qty input   {font-weight: normal;  font-size: 90%;  padding: 0;  margin: 0 3px;}
.zitem.left    img  {float: left;   margin: 0 10px 10px 0;}
.zitem.right   img  {float: right;  margin: 0 0 10px 10px;}
.zitem .center img  {margin: 1em;}
.zitem .attn        {color: red;  font-weight: bold;  font-style: italic;  margin: 0 1em;}
.zitem.cont         {margin: 0 0 1em 0; border-top: 0;  clear: none;}
.zitem.last         {margin-bottom: 2em; border-bottom: 2px solid darkgray;  padding-bottom: 1em;}




/* Clothing-style items */
#clothing h2  {border-bottom: 2px solid black;  padding: 1em 0 0 0;  clear: both;}

#clothing .itemblock {display: block;  float: left;  width: 315px;  height: 35ex;  /*height: 205px;*/
                  /* border: 1px solid gray;  background-color: white; */
                  padding: 6px;  margin: 0.5em;
                  font-size: 80%;  text-align: center;}

#clothing .itemblock .prod      {display: block;  color: maroon;  font-weight: bold;}

#clothing .itemblock img        {width: 150px;  height: 150px;  float: right;  background-color: white;  
                                 padding: 8px;  margin-left: 0.5em;  margin-bottom: 9em; border:  3px ridge gray;}
#clothing .itemblock .subtitle  {font-size: 85%;}
#clothing .itemblock>a          {font-style: italic;  font-size: 80%;}
#clothing .itemblock .qty       {color: maroon;  font-size: 90%;  padding-top: 5px;  line-height: 2em;}
#clothing .itemblock input      {font-size: 80%;  padding: 0;  color: maroon;}

#clothing .itemblock .options,
#clothing .itemblock .options option  {color: maroon;  font-size: 100%;  padding: 0;  line-height: 0.7em;}
#clothing .itemblock .options select  {color: maroon;  font-size: 90%;  padding: 0;  line-height: 0.5em;}

#clothing .itemblock .price     {font-size: 90%;  font-weight: normal;}
.clothing .itemblock .taxmsg    {font-size: 75%;}




/* "FREE" message */
.freemsg         {font-size: 100%;  text-align: center;  clear: both;  padding: 1em 0 0 0;}

/* Dot-separated list */
ul.dotsep          {margin: 0;  padding-left: 0;  list-style-type: disc;}
ul.dotsep li       {display: inline;}
ul.dotsep li.first {list-style-type: none;}


/* Donation page */
#donation          {border: 2px solid gray;  margin-top: 2em;  padding: 1em;  text-align: center;}
#donation form     {display: inline;  padding: 0.3em; line-height: 2em;}
#donation input    {margin: 0;  padding: 0;}


#popup1            {visibility: hidden;  position: absolute;  background: white;
                    font-size: 85%;  text-align: center;  border: 1px solid black;}
#popup1 img        {width: 240px;  height: 240px;}

#popup2            {visibility: hidden;  position: absolute;  background: white;
                    font-size: 85%;  text-align: center;  border: 1px solid black;}
#popup2 img        {width: 240px;  height: 240px;}
#popup2 div        {display: inline;  float: left;}