/*
Copyright (c) 2008, IndieKazoo LLC. All rights reserved.
URL: http://www.indiekazoo.com/themes/all/screen.css
*/

* { padding: 0; margin: 0; outline-style: none; }
ul, dt { padding-left: 0; margin-left: 0; list-style: disc; }
ol { padding-left: 0; margin-left: 0; }
dd { padding-left: 0; margin-left: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, dd, address {
  margin-bottom: 1em;
}
:link, :visited, a:hover { text-decoration: underline; }
a img, :link img, :visited img { border: 0; }
a, a:active { outline: none; }

.samplelink { text-decoration: underline; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pngfix { behavior: url(/css/iepngfix.htc); }
body { behavior: url(/css/csshover2.htc); }
.clear { clear: both; height: 1px; }

body {
  font: 62.5%/1.4em arial, helvetica, sans-serif;
  margin-left: 5%;
  margin-right: 5%;
}
h1 {
  font-size: 1.8em;
  margin: .7em 0;
  text-align: center;
}
h1.banner { text-indent: -9999px; width: 700px; height: 111px; margin-bottom: 0; }
h2, #content h2 { font-size: 12px; }
h3 {
  font-size: 12px;
  text-align: left;
  margin-bottom: .4em;
}
ol {
  margin-left: 1em;
  list-style-type: decimal;
  list-style-position: inside;
}
#container { margin: 0 auto 40px auto; width: 700px; }
#content { font-size: 1.2em; color: #333; }
#store { padding: 0 0 10px 0; }

/* nav area */

#storenav {
  text-align: left;
  margin-bottom: 10px;
  padding: .7em 0 .7em .7em;
  height: 20px;
}
#storenav .navbutton { float: left; margin: 0 1em 0 0; }
#storenav form { display: inline; }

#menu { margin-bottom: 3px; }
#menu ul {
  margin-bottom: 0;
  background-repeat: no-repeat;
  width: 700px;
  height: 40px;
  list-style: none;
  padding-left: 24px;
}

#menu ul { clear: left; margin-bottom: 0; position: relative; }
#menu ul li {
  float: left;
  list-style: none;
  width: 119px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: 0 0;
  
}
#menu a { display: block; border: 0; width: 119px; height: 38px; }
#menu ul li a { text-indent: -9999px; text-decoration: none; }

#menu ul li.hide span { display: none; } /* hide for preview pages */

body.nav-home #menu ul li#nav-home, #menu ul li#nav-home:hover,
body.nav-about #menu ul li#nav-about, #menu ul li#nav-about:hover,
body.nav-website #menu ul li#nav-website, #menu ul li#nav-website:hover,
body.nav-viewcart #menu ul li#nav-viewcart, #menu ul li#nav-viewcart:hover,
body.nav-help #menu ul li#nav-help, #menu ul li#nav-help:hover,
input.pp_button:hover
{ background-position: 0 -38px; }

input.pp_button { background: transparent; }
form#pp_form span { display: none; }

/*input.pp_button { background-image: url(/themes/default/img/view_cart.gif); }*/
/*input.pp_button:hover { background-image: url(/themes/default/img/view_cart-on.gif); background-position: 0 -38px; }*/

/* styles for song/album list tables */

div.tableshell {
  margin-bottom: 4px;
  padding: 9px;
  border: 1px solid #cecece;
  background-color: #fff;
}
table { margin-bottom: 0; }
th {
  padding: 0;
  height: 24px;
  text-align: center;
  text-transform: none;
  background-repeat: no-repeat;
  color: #555;
  text-indent: -9999px;
}
td {
  font-size: .9em;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

/* labels for song list tables */

th.track {
  background-image: url(/themes/default/img/th_tracktitle.gif);
  width: 235px;
}
th.time {
  background-image: url(/themes/default/img/th_time.gif);
  width: 76px;
}
th.album {
  background-image: url(/themes/default/img/th_album.gif);
  width: 149px;
}
th.price {
  background-image: url(/themes/default/img/th_price.gif);
  width: 93px;
}
th.order {
  background-image: url(/themes/default/img/th_order.gif);
  width: 128px;
}

/* labels for album list tables */

th.albumthumb {
  background-image: url(/themes/default/img/header_grad.gif);
  width: 100px;
}
th.albumtitle {
  background-image: url(/themes/default/img/th_albumtitle.gif);
  width: 235px;
}
th.info {
  background-image: url(/themes/default/img/th_info.gif);
  width: 149px;
}
th.itemtitle {
  background-image: url(/themes/default/img/th_item.gif);
  width: 76px;
}
th.albumprice {
  background-image: url(/themes/default/img/th_price.gif);
  width: 93px;
}
th.albumorder {
  background-image: url(/themes/default/img/th_order.gif);
  width: 128px;
}

/* labels for album detail table */

th.albumdetail-thumb {
  background-image: url(/themes/default/img/header_grad.gif);
  width: 125px;
}
th.albumdetail-title {
  background-image: url(/themes/default/img/header_grad.gif);
}
th.albumdetail-info {
  background-image: url(/themes/default/img/header_grad.gif);
}
th.albumdetail-itemtitle {
  background-image: url(/themes/default/img/header_grad.gif);
}
th.albumdetail-price {
  background-image: url(/themes/default/img/header_grad.gif);
  width: 4em;
}
th.albumdetail-order {
  background-image: url(/themes/default/img/header_grad.gif);
  width: 80px;
}

.sample { float: left; width: 20px; margin-left: 6px; }

.tracklist td { padding: 4px 0; }

/* labels for download table columns */

th.dlfilename {
  background-image: url(/themes/default/img/th_albumtitle.gif);
  width: 328px;
}
th.dlalbumtitledown {
  background-image: url(/themes/default/img/th_albumtitledown.gif);
  width: 328px;
}
th.dlinfo {
  background-image: url(/themes/default/img/th_infodown.gif);
  width: 149px;
}
th.trackfilename {
  background-image: url(/themes/default/img/th_trackfilename.gif);
  width: 328px;
}
th.dlsize {
  background-image: url(/themes/default/img/th_size.gif);
  width: 75px;
}
th.dltimes {
  background-image: url(/themes/default/img/th_info.gif);
  width: 149px;
}
th.dllink {
  background-image: url(/themes/default/img/th_link.gif);
  width: 128px;
}
td.dltimes { padding-left: 13px; }

/* optional customization for table cells */

td.play, td.tracknum, td.time, td.order, td.albumprice, td.albumthumb, td.albumorder, td.albumdetail-itemtitle,
td.albumdetail-price, td.albumdetail-order, td.dlsize, td.dllink {
  text-align: center;
}
td.track {
  line-height: 18px;
  width: 234px; /* 1px narrower than header for IE */
  overflow: hidden;
}
td.price { padding-left: 17px; }
td.info { padding-left: 14px; }
td.album { padding-left: 14px; padding-right: 8px; }
td.albumtitle { border-left: 1px solid #ccc; padding-left: 8px; }
td.albumprice { line-height: 14px; }
td.albumthumb { padding: 10px; }
td.albumorder { line-height: 14px; }
td.albumdetail-price { line-height: 14px; }
td.albumdetail-thumb { padding: 10px; }
td.albumdetail-order { line-height: 14px; }
td.dlfilename { padding: 8px; font-size: .9em; }
td.dlsize { font-size: .9em; border-left: 0; }
td.dlsize h3 { text-align: center; margin: 0; }
td.dllink {
  padding: 5px 0;
  text-align: right;
  padding-right: 32px;
  font-size: .9em;
  border-left: 0;
}
.tracktitle_str { margin-left: 27px; }
.dlicon {
  float: left;
  text-align: center;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 0 solid #ccc;
  padding: 1px 1px 1px 20px;
  width: 60px;
  background-color: transparent;
}
td.dlfilename p { text-decoration: underline; margin: 0; }
td.dlfilename h3 { margin: 0; padding-top: 18px; }

/* inline format things */

.album-titletext { padding-top: 5px; }
.albumdetail-titletext { padding-top: 5px; }
.icon { margin: 10px; display: inline; }
.icontext { margin-left: 60px; }
td.preview { background-color: #ff9; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; }

/* minor cosmetic */

.infolabel, .albuminfolabel { margin-right: 6px; color: #555; }
#albumblock {
  margin-bottom: 4px;
  background-image: url(/themes/all/img/albumblock_tall_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  /*background-color: #000;*/
  color: #fff;
  padding: 16px 30px 10px 30px;
}
#albumblock fieldset { border: 0; }
#albumblock h2 { text-transform: uppercase; }
#download #albumblock h2 { margin-top: 0; margin-bottom: 1em; }
#albumblock .preview {
  padding: 2px 10px 2px 5px;
  border: 2px solid #000;
}
#albumblock .preview .free { color: #333; }
#albumblock.unavailable {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
  padding: 50px 30px;
}
#albumblock .albumart { float: left; margin-right: 27px; }
#albumblock .albuminfo { float: left; font-size: .9em; }
#albumblock .albumtitle { color: #fff; padding-top: 1em; margin-bottom: .7em; }
#albumblock .albumitems { padding: 10px 0; }
#albumblock .albumitembutton { float: left; width: 75px; margin-right: 2px; }
#albumblock .albumdesc {
  float: right;
  width: 250px;
  padding: 10px 0 0 10px;
  font-size: .9em;
  color: #bbb;
}
.songbutton { margin: 2px 0; }
form { margin: 0; }

/* download page */

#expiration {
  float: right;
  width: 200px;
  margin-left: 50px;
  margin-right: 15px;
  text-align: left;
}
#expiration h3 {
  margin-bottom: .3em;
  text-transform: none;
  margin-bottom: .3em;
  color: #555;
  text-align: left;
}
#expiration p { font-size: 1em; color: #818181; margin: 0; }

#download h2 { margin-top: .5em; margin-bottom: .5em; }
#download h2.or { text-align: center; padding: .7em; margin: 1em 0; }
#download ul li { line-height: 1.5em; list-style-position: inside; }
span.unconfirmed { background-color: yellow; padding: 2px; }
.album-image img.unconfirmed { background-color: yellow; padding: 5px; }
.albumdetail-image img.unconfirmed { background-color: yellow; padding: 5px; }
.dim { color: #888; }
.dim a { text-decoration: none; }
span.quan_avail { color: #ddd; }
td span.quan_avail { color: #777; }
.powered, .powered a, .powered a:link, .powered a:visited {
  color: #aaa;
  text-decoration: none;
}
#footer {
  text-align: center;
  font-size: 11px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.albumdetail-titletext h3 { margin-top: 0; margin-bottom: 0; }
.album-titletext h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  padding-top: 1.2em;
}
.album-titletext h3 a, .album-titletext h3 a:link, .album-titletext h3 a:visited, .album-titletext h3 a:active {
  text-decoration: none;
  font-weight: normal;
}
.free { font-weight: bold; color: #2590F4; }
.albumonly { /*font-weight: bold;*/ padding-left: 1.1em; }
#greeting, #acct_status {
  /*margin: .7em 0 0 0;*/
  margin: 0;
  /*padding: 1em 2em;*/
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
  color: #333;
}
#albumnav, #tracknav {
  text-align: right;
  font-size: .9em;
  height: 28px;
  background: url(/themes/all/img/footer_wide.gif) 0 bottom no-repeat;
}
#albumnav p, #tracknav p { /*display: inline; background-color: #fff;*/ padding: 3px 6px; }
#albumnav a, #tracknav a { padding: 0 5px; text-decoration: underline; }
#albumnav span, #tracknav span { padding: 0 5px; font-weight: bold; }
#albumnav img, #tracknav img { position: relative; top: 3px; }

.popup {
  background-color: #f5f5f5;
  padding: 0;
  margin: 0;
  color: #000;
  font-size: 12px;
  line-height: 15px;
}
.popup h4 {
  margin-bottom: 0;
  background-color: #fae4c4;
  padding: .3em 3px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #999;
  color: #000;
}
.popup p {
  margin: .3em 5px 0em 5px;
  color: #000;
  font-size: 12px;
  line-height: 15px;
}

.album-image {
  float: left;
  text-align: center;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px solid #ccc;
  padding: 1px;
  width: 60px;
}
.albumblank150x150 { margin: 0 auto; }
dl.faq dt {
  padding: 5px 0 5px 15px;
  font-weight: bold;
  margin-bottom: 0;
  background: transparent url(/themes/default/img/arrow_dt.gif) 0 8px no-repeat;
}
dl.faq dd {
  padding-left: 15px;
  margin-bottom: 2em;
  line-height: 1.3em;
  margin-right: 225px;
}

.textblock {
  margin-bottom: 5px;
  /*padding: 20px 28px 125px 28px;*/
  padding: 20px 28px;
  border: 1px solid #cecece;
  background-color: #fff;
}
.textblock h3 { font-size: 1.1em; }
.textblock p, .textblock ul, .textblock ol {
  line-height: 1.3em;
  margin-right: 80px;
}
.textblock h2, .textblock h3 { text-transform: uppercase; }
.textblock p.needhelp { 
  font-size: 1em;
  padding: 1em 40px 0 0;
  text-align: right;
  margin: 0;
  color: #888;
}
.textblock p.needhelp a { color: #888; text-decoration: underline; }
.textblock p.supportartist { 
  font-size: 1em;
  padding-top: 1em;
  margin: 0;
  text-align: center;
  color: #888;
}
.textblock p.supportartist a { color: #888; text-decoration: underline; }
input.text {
  background-color: #fff;
  border: 1px solid #787878;
  padding: 2px;
  margin-left: 3px;
  margin-right: 3px;
  width: 259px;
  color: #000;
}
form fieldset {
  margin: 0 0 .7em 0;
  padding: 9px;
  width: 400px;
  border: 1px solid #cecece;
  background-color: #f1f1f1;
}
form fieldset dl {
  border: 1px solid #cecece;
  padding: 1px;
  margin-bottom: 0;
  background-color: #fff;
}
form fieldset dt {
  padding-left: 0;
  margin-bottom: 0;
  margin-right: 1px;
  float: left;
  width: 110px;
  background-color: #787878;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
form fieldset dd {
  background-color: #dfdfdf;
  padding: 2px 3px;
  margin-bottom: 0;
}
form h3 {
  line-height: 16px;
  border-left: 0;
  font-size: 12px;
  padding-top: 1px;
  padding-left: 10px;
  background: transparent url(/themes/default/img/arrow_dt.gif) 0 5px no-repeat;
  margin-bottom: .3em;
}
.textblock form h3 { text-transform: none; }
.dlsets tr.header:hover { border: 1px solid #333; }
.dlsets tr.header h3 { margin: 0; font-size: 1.1em; text-transform: none; color: #000; }
.dlsets tr.header:hover { background-color: #eef3f5; }
.dlsets tr.header td.dlfilename, .dlsets tr.header td.dlsize { cursor: pointer; }

.dlsets tr.header td.dllink a:hover, .dlsets tr td.dllink a:hover { text-decoration: underline; }
.dlsets tr td.dllink a { color: #888; text-decoration: none; }
td.dllink a:hover { text-decoration: underline; }

.error, .error p { font-weight: bold; color: #f00; }
.error ul { font-weight: bold; padding-left: 2em; list-style-position: outside; }
.error ul li { margin-bottom: .5em; }

h3.albumtitle { margin: 0; }
body#resend fieldset dt { text-align: right; padding-right: 10px; width: 100px; }

#aboutboxes {
  padding-bottom: 100px;
}
#aboutboxes br {
  line-height: .5em;
}
.aboutbox {
  margin-bottom: 25px;
  background-color: transparent;
}
.aboutbox h3 {
  background: #fff url(/themes/all/img/header_wide.gif) 0 0 no-repeat;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.aboutbox p, .aboutbox ul, .aboutbox ol {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 1em;
  padding-left: 15px;
  padding-right: 60px;
}
.aboutbox ul, .aboutbox ol {
  list-style-position: outside;
  padding-left: 30px;
}
.aboutbox li {
  margin-bottom: 1em;
}