/* CSS Document */

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 62.5%;
  color: #FFFFFF;
  text-align: center;
  min-width: 765px;
  background-color: #282828;
}

body.jcktdetail {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 62.5%;
  color: #FFFFFF;
  text-align: center;
  min-width: 310px;
  background-color: #282828;
}

ul,ol,dl {
  position: relative; 
}

img {
  border: 0px;
}

#wrapper {
  position: relative;
  width: 765px;
  margin: 10px auto;
  text-align:left;
}


#header {
  position: relative;
  float: left;
  width: 765px;
  background:url(../img/mp_header_bck.jpg) no-repeat top;
  height: 110px;
}

.headertitle {
  position: relative;
  float: left;
  width: 561px;
  margin-top: 21px;
  left:20px;
}

.headerquotes {
  position: relative;
  float: right;
  width: 370px;
  height: 40px;
  right: 110px;
  margin-top: 5px;
}

#navigation {
  position: relative;
  float: left;
  width: 765px;
  height: 41px;
  background:url(../img/mp_navstrip_bck1.jpg) no-repeat top;
}

#navigation ul {
  margin: 1px 0px 0px 21px;
  padding: 0px;
}

#navigation li, #navigation li.first  {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 1px;
  float: left;
}

#navigation li.first  {
  margin: 0px;
  padding: 0px;
}

#navbandspopup {
  position: absolute;
  width: 441px;
  height: 36px;
  top: 80px;
  left: 97px;
  visibility: hidden;
}

#pagecontent {
  position: relative;
  float: left;
  width: 745px;
  left: 20px;
  margin-top: 20px;
}

.pagecontentcol1 {
  position: relative;
  float: left;
  width: 420px;
}

.pagecontentcol1 p, .bandscontentcol1 p, .gallerycontent p {
  font-size: 1.4em;
  line-height: 1.6em;
}

.pagecontentcol2 {
  position: relative;
  float: right;
  width: 285px;
}

.pagecontentcol1 a:link, .pagecontentcol1 a:visited, .pagecontentcol1 a:active, .gallerycontent a:link, .gallerycontent a:visited, .gallerycontent a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

.pagecontentcol1 a:hover, .gallerycontent a:hover {
  color: #D9D045;
  text-decoration: underline;
}

.pagecontentcol2 ul {
  margin: 0px;
  padding: 0px;
}

.pagecontentcol2 li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

.pagecontentcol2 li.left {
  margin: 0px 40px 30px 0px;
  padding: 0px;
}

.pagecontentcol2 li.right {
  margin: 0px 0px 30px 0px;
  padding: 0px;
}

.pagecontentcol2 p {
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  padding: 0px 8px 0px 8px;
  margin: 15px 0px 5px 0px;
}

.dracula {
  color: #CF3333;
}

.alice {
  color: #DE88B0;
}

.lostestate {
  color: #A5D9D4;
}

.animal {
  color: #F4D272;
} 

.aesop {
  color: #DCE18A;
}

.gatsby {
  color: #DDE1DE;
}

.steppenwolf {
  color: #B8B040;
}

a.dracula:link, a.dracula:visited, a.dracula:active {
  color: #CF3333;
  text-decoration: underline;
}

a.alice:link, a.alice:visited, a.alice:active {
  color: #DE88B0;
  text-decoration: underline;
}

a.lostestate:link, a.lostestate:visited, a.lostestate:active {
  color: #A5D9D4;
  text-decoration: underline;
}

a.animal:link, a.animal:visited, a.animal:active {
  color: #F4D272;
  text-decoration: underline;
}

a.aesop:link, a.aesop:visited, a.aesop:active {
  color: #DDE1DE;
  text-decoration: underline;
}

a.gatsby:link, a.gatsby:visited, a.gatsby:active {
  color: #DCE18A;
  text-decoration: underline;
}

a.steppenwolf:link, a.steppenwolf:visited, a.steppenwolf:active {
  color: #B8B040;
  text-decoration: underline;
}

a.dorian:link, a.dorian:visited, a.dorian:active {
  color: #EEAD6A;
  text-decoration: underline;
}

a.emma:link, a.emma:visited, a.emma:active {
  color: #C6C584;
  text-decoration: underline;
}

a.meditations:link, a.meditations:visited, a.meditations:active {
  color: #90BEB3;
  text-decoration: underline;
}

a.thewaves:link, a.thewaves:visited, a.thewaves:active {
  color: #ADC5C6;
  text-decoration: underline;
}

a.grimm:link, a.grimm:visited, a.grimm:active {
  color: #B27D95;
  text-decoration: underline;
}

a.dracula:hover, a.alice:hover, a.lostestate:hover, a.animal:hover, a.aesop:hover, a.gatsby:hover, a.steppenwolf:hover, a.dorian:hover, a.emma:hover, a.meditations:hover, a.thewaves:hover, a.grimm:hover, a.crime:hover {
  color: #D9D045;
  text-decoration: underline;
} 

.dorian {
  color: #EEAD6A;
}

.emma {
color: #C6C584;
}

.meditations {
  color: #90BEB3;
}

.thewaves {
  color: #97B8BC;
}

.grimm {
  color: #B27D95;
}

.crime {
  color: #B8022A;
}

.home20pcoff {
  position: absolute;
  width: 125px;
  height: 120px;
  top: 640px;
  left: 160px;
}

#homebandspopup {
  position: absolute;
  width: 158px;
  height: 63px;
  visibility: hidden;
}

#homepreorderpopup {
  position: absolute;
  width: 147px;
  height: 63px;
  visibility: hidden;
}

.bandscontentcol1 {
  position: relative;
  float: left;
  width: 360px;
}

.bandscontentcol2 {
  position: relative;
  float: right;
  width: 360px;
  margin-top: 50px;
}

.bandsitem {
  position: relative;
  float: left;
  width: 360px;
  margin-bottom: 30px;
}

.bandsjacket {
  position: relative;
  float: left;
  width: 105px;
}

.bandscontent {
  position: relative;
  float: right;
  width: 220px;
}

.morecontent {
  position: relative;
  float: right;
  width: 220px;
  margin-top: 20px;
}

.bandscontent h3 {
  margin: 0px;
  padding: 0px;
  font-size: 1.6em;
  font-weight: bold;
}

.bandscontent p, .morecontent p {
  font-size: 1.4em;
  margin: 0px;
  padding: 0px;
}

.bandscontent ul, .morecontent ul {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.bandscontent li, .morecontent li {
  list-style-type: none;
  background:url(../img/mp_link_arrow.gif) no-repeat 0px 5px;
  padding: 0px 0px 5px 12px;
  font-size: 1.1em;
}

a.bandscontentlink:link, a.bandscontentlink:visited, a.bandscontentlink:active {
  font-size: 1.1em;
  color: #FFFFFF;
  text-decoration: none;
}

a.bandscontentlink:hover {
  font-size: 1.1em;
  color: #D9D045;
  text-decoration: underline;
}

#footer {
  position: relative;
  float: left;
  width: 765px;
  margin: 20px 0px 30px 0px;
  border-top: 1px solid #666666;
}

#footer p {
  padding: 15px 0px 0px 0px;
  color: #666666;
}

#footer a:link, #footer a:visited, #footer a:active {
  color: #666666;
  text-decoration: none;
}

#footer a:hover {
  color: #666666;
  text-decoration: underline;
}

#wrapperjcktdetail {
  position: relative;
  width: 310px;
  margin: 10px auto;
  text-align:center;
}

#wrapperjcktdetail p {
  font-size: 1.4em;
}

#wrapperjcktdetail a:link, #wrapperjcktdetail a:visited, #wrapperjcktdetail a:active {
  color: #D9D045;
  text-decoration: none;
  font-size: 0.8em;
}

#wrapperjcktdetail a:hover {
  color: #D9D045;
  text-decoration: underline;
  font-size: 0.8em;
}

.jacktdetaillarge {
  border: 1px solid #D9D045;
  padding: 10px;
}

.gallerycontent {
  position: relative;
  float: left;
  width: 725px;
}

.galleryrow {
  position: relative;
  float: left;
  width: 725px;
  margin-top:20px;
}

.galleryitem {
  position: relative;
  float: left;
  width: 180px;

}

.galleryjckt {
  position: relative;
  float: left;
  width: 180px;
  height: 156px;
  margin-bottom: 10px;
}

.galleryitem p {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 7px;
}