/* ---------------------------------------------------------------------------------------------

  general setup

--------------------------------------------------------------------------------------------- */

body { margin: 0; background: #000; }
a { color: #000; outline: none; }


/* ---------------------------------------------------------------------------------------------

	header

--------------------------------------------------------------------------------------------- */

#header { margin: 36px 0 18px; }

#header h1  {
  margin: 0;
  width: 191px;
  height: 108px;
  float: left;
  background: url(/images/bg_logo.png);
}

#header h1 a {
  width: 191px;
  height: 108px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  background: url(/images/bg_logo.png);
}

#header img { margin: 0; width: 750px; float: right; }


/* ---------------------------------------------------------------------------------------------

	content

--------------------------------------------------------------------------------------------- */

#content { padding-bottom: 36px; font-size: 10px; }

.col { margin-right: 20px; _margin-right: 19px; width: 191px; float: left; }
.normal { margin-right: 10px; }
.wide { width: 317px; }
.narrow { width: 116px; float: left; }

.outer, .inner { background: #FFF; }
.outer { padding: 10px; height: 459px; overflow: hidden; }
.inner {  }

.plus-bar { height: 40px; background: #FFF url(/images/bg_icon-plus.png) bottom right no-repeat; cursor: pointer; }
.plus-bar a { width: 191px; height: 40px; display: block; text-indent: -9999px; }
.hide { background: #FFF url(/images/bg_icon-minus.png) bottom right no-repeat; }

h2 { 
  margin-bottom: 18px;
  width: 156px;
  height: 15px;
  text-indent: -9999px;
}

.news h2 { background: url(/images/tr_h2-news.png) no-repeat; float: left; }
.upcoming h2 { background: url(/images/tr_h2-upcoming.png) no-repeat; float: left; }
.listen h2 { background: url(/images/tr_h2-listen.png) no-repeat; }
h2.releases { background: url(/images/tr_h2-releases.png) no-repeat; }
.smdtv h2 { background: url(/images/tr_h2-smdtv.png) no-repeat; }
.shop h2 { background: url(/images/tr_h2-shop.png) no-repeat; }
.more h2 { background: url(/images/tr_h2-more.png) no-repeat; }

a.feed { 
  margin-bottom: 18px; 
  width: 15px; 
  height: 15px; 
  float: right; 
  display: block; 
  text-indent: -9999px; 
  background: url(/images/bg_icon-feed.png);
}

p a { color: #000; text-decoration: none; }
p a:hover { text-decoration: underline; }

/* NEWS ----------------------------------------------------------------------- */
.news .outer { width: 171px; }
.news .entry { margin-bottom: 36px; }
.news .entry h3 { font-size: 1em; font-weight: bold; text-transform: uppercase; }


/* UPCOMING SHOWS ----------------------------------------------------------------------- */
.upcoming td { padding: 4px; vertical-align: top; }
.upcoming td strong { display: block; }
.upcoming tr.odd td { background-color: #eaeaea; }
.upcoming tr.even td { background-color: #fff; }


/* LISTEN/RELEASES ----------------------------------------------------------------------- */
img { margin: 0 7px 7px 0; }
img.even { margin-right: 0; }


/* SMDTV ----------------------------------------------------------------------- */
.smdtv { position: relative; }
.smdtv .outer { height: 211px; }
.smdtv .plus-bar { height: 23px; }
.smdtv ul.menu { margin: 0; padding: 10px; width: 297px; display: none; list-style: none; background: #EEE; }
.smdtv ul.menu li { padding: 5px 0; }
.smdtv ul.menu li a { display: block; text-decoration: none; font-weight: bold; }
.smdtv ul.menu li a:hover { text-decoration: underline; }

/* SHOP ----------------------------------------------------------------------- */
.shop .outer { margin-top: 10px; height: 195px; }
.shop .inner p { margin-bottom: 0; }
.shop .inner a img { margin: 0; padding: 0; }
#s-shop #content { margin-bottom: 36px; padding: 21px; width: 908px; background: #FFF; }
#s-shop #content h2 { background: url(/images/tr_h2-shop.png) no-repeat; }
#s-shop #content p.intro { width: 444px; }
#s-shop .product { margin: 0 20px 20px 0; _margin-right: 5px; width: 212px; float: left; }
#s-shop .product h3 { font-size: 14px; font-weight: bold; }
#s-shop .product .button { margin: 0; padding: 10px 0; display: block; font-weight: bold; text-align: center; border: 1px solid #000; }
#s-shop .last { margin-right: 0; }

/* MORE INFO ----------------------------------------------------------------------- */
.more .outer { margin-top: 10px; width: 96px; height: 235px; }
.more p { margin-bottom: 10px; }
.more p a { color: #000; text-decoration: none; }
.more p a:hover { text-decoration: underline; }