/*======================================================================
  DoubleNaught » site-wide CSS
  © 2008 a.k.a.Scooter • DesignShop
  Bryan Pack
========================================================================
  core page layout & structure: display properties, spacing, blocks
----------------------------------------------------------------------*/
@import url(color-imgs.css);
@import url(typography.css);

* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
}

/*----------------------------------------------------------------------
  core layout block structure
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
    +div#page
      +div#branding
      +div#content
        +div.main
        +div.supplemental
				+div.additional
        +div.orginfo
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
----------------------------------------------------------------------*/

#page {
  width: 720px;
  margin: 0 auto;
  text-align: left;
}
#branding {
  padding-top: 230px;
  overflow: hidden;
  height: 0 !important;
  height /**/: 230px;
}
#content {
  width: 100%;
}
#content div.main, #content div.supplemental {
  display: inline;
  float: left;
}
#content div.main {
  width: 405px;
  margin-left: 285px;
}
#content div.supplemental {
  width: 240px;
  margin-left: -660px;
}
#content div.additional {
  clear: both;
}
#content div.orginfo {
  clear: both;
  padding: 1em 30px;
}

/*======================================================================
  main content
----------------------------------------------------------------------*/

#content div.main h1 {
	margin-bottom: 0.75em;
	border: 1px solid;
	padding: 10px;
}

#content div.main img.artist {
	margin: 0 auto 5px;
}


/* main content panels
-----------------------*/

#content div.main .panel {
  margin-bottom: 15px;
}

#content div.main .panel h2 {
  padding-top: 32px;
  margin-bottom: 1em;
  overflow: hidden;
  height: 0 !important;
  height /**/: 32px;
}

#content div.main .panel .item {
	padding: 10px;
}
#content div.main .panel .item h3 {
  padding: 0.3em;
  margin-bottom: 10px;
}
#content div.main .panel .item p {
  margin: 10px 0;
}
#content div.main .panel .item blockquote {
	margin: 10px 25px;
}
#content div.main .panel .item dl.shows {
  margin: 0 1em;
}
#content div.main .panel .item dl.shows dt {
  margin-top: 1em;
  font-style: italic;
}
#content div.main .panel .item dl.shows dd {
  margin-left: 2em;
  color: #004848;
}

.buynow {
	padding-bottom: 1px;
}
.buynow .item {
	margin: 10px;
	padding: 10px;
}
 .item h4 {
}
.item p.artist {
}

.item img.thumb {
	margin: 0 1em 1em 0;
	float /**/:left;
}
.item a.thumb,
.item a.thumb:link,
.item a.thumb:hover {
	text-decoration:none;
	background-color:transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.item .extras {
	float: right;
}

.item .album-details {
	clear:both;
	margin: 0 10px;
	border-left: 2px solid #9EA374;
	padding: .25em 8px;
/*	background-color: #FFFFFF; */
	
}
.item .album-details ol.track-listing {
	margin: 0.5em 2em;
	font-size: 0.85em;
}
.item .album-details ol.track-listing li {
/*	margin: -0.25em 0; */
	line-height: 1.25em;
}
.item .album-details .production-info {
	font-size: 0.75em;
	font-style: italic;	
	color: #505337;
}


.item .not-available {
	width: 38%;
	margin: 1em auto 0 0;
	border: 1px solid #BDB586;
	padding: 3px;
	color: #8177B7;
	background-color: #D9D3A4;
	text-align: center;
}

.item .paypal .t-shirt-size {
	padding-bottom: 1em;
}
.item .paypal input.cartbutton {
	clear: both;
}


/*------------------------------------------------------
                             ::  User-Feedback Forms  ::
......................................................*/


#content div.main .panel form.user {
  margin: 2em 0;
}
/*
#content div.main .panel form.user input,
#content div.main .panel form.user textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}
*/

/*--------------------------------------
    field sets
......................................*/

#content div.main .panel form.user fieldset {
  margin: 5px 0;
  border: 1px solid #3F3723;
  padding: 10px 0;
  background: #F2F2E9;
}

#content div.main .panel form.user legend {
  margin: 3px;
  border: 1px solid #3F3723;
  padding: 3px 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  background: #A4B9A8;
}

/* .................................. */

#content div.main .panel form.user .instruction {
  margin: 5px 0;
  font-size: 0.9em;
  text-align: right;
  color: #576978;
}

/*--------------------------------------
    fields
........................................
... field rows .......................*/

#content div.main .panel form.user .field {
  padding: 2px 0;
  /*line-height: 2em;*/
  clear: both;
}
#content div.main .panel form.user .field:hover {
  background-color: #FFFFFF;
}
#content div.main .panel form.user .required {
  background-color: #D0CFAC;
}
#content div.main .panel form.user .required:hover {
  background-color: #A4B9A8;
}

/* - error indicators - */

#content div.main .panel form.user .formerror {
  text-indent: 0;
  font-weight: bold;
  color: #DF7F67;
}

#content div.main .panel form.user .error {
  background-color: #DF7F67;
}
#content div.main .panel form.user .error:hover {
  background-color: #FF9175;
}

#content div.main .panel form.user .error .msg {
  margin-left: 95px;
  padding: 2px 0.5em;
  text-indent: 0;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #FFEEBC;
}
#content div.main .panel form.user .error:hover .msg {
  color: #891A1C;
}

/*. field labels .....................*/

#content div.main .panel form.user label {
  float: left;
  width: 90px;
  margin-right: 5px;
  text-align: right;
}
#content div.main .panel form.user .required label {
  font-weight: bold;
}

/*. field controls/inputs ............*/

#content div.main .panel form.user .field input,
#content div.main .panel form.user .field textarea {
  width: 240px;
  background-color: #FFFFFF;
}
#content div.main .panel form.user .field input:focus,
#content div.main .panel form.user .field textarea:focus {
  border: 2px solid #A4B9A8;
  background-color: #FFFFE5;
}
#content div.main .panel form.user .error input:focus,
#content div.main .panel form.user .error textarea:focus {
  border-color: #FFDD80;
}

#content div.main .panel form.user .field .options {
	float: left;
}
#content div.main .panel form.user .field .options input {
	width: auto;
}
#content div.main .panel form.user .field .options label {
  float: none;
  width: auto
  margin: 0;
  text-align: left;
}

/*======================================================================
  supplemental content (sidebar)
----------------------------------------------------------------------*/

#content div.supplemental .panel {
  margin-bottom: 15px;
  background: #F5F0D8;
}
#content div.supplemental .panel h2 {
  padding-top: 32px;
  overflow: hidden;
  height: 0 !important;
  height /**/: 32px;
}

#content div.supplemental .panel .item {
  padding: 0 15px 15px;
}
#content div.supplemental .panel .item h3 {
  background-color: #4F513A;
  color: #FFFFFF;
  margin-bottom: 0.5em;
  padding: 5px;
}

#content div.supplemental .panel .item  div.cd  p {
  padding: 0 1em 1em;
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
}
#content div.supplemental .panel .item  div.cd  img.cd {
  display: block;
  margin-bottom: 0.5em;
}

#content div.supplemental .panel ul.navigation {
}
#content div.supplemental .panel ul.navigation li {
  display: inline;
}
#content div.supplemental .panel ul.navigation li a {
  display: block;
  padding: 0.5em;
}
#content div.supplemental .panel ul.navigation li a:hover {
}

#content div.supplemental .panel ul.links {
}
#content div.supplemental .panel ul.links li {
  display: inline;
}
#content div.supplemental .panel ul.links li a {
	display: block;
	padding: 0.5em;
	overflow: hidden;
}


/*======================================================================
  additional content ("below the fold")
----------------------------------------------------------------------*/

#content div.additional {
}

#content div.additional .panel h2 {
  padding-top: 32px;
  overflow: hidden;
  height: 0 !important;
  height /**/: 32px;
}


/* show dates
-----------------------*/
#content div.additional table.tourdates {
	width: 100%;
}
#content div.additional table.tourdates td {
	padding: 0.25em;
}

/*======================================================================
  organization/company info (footer)
----------------------------------------------------------------------*/

#content div.orginfo {
}