body {
    background : #030303;
    border-top : #791b11 solid 20px;
    font : normal 88% Georgia, "Times New Roman", serif;
    color : #000;
    text-align : center;
    margin : 0;
    padding : 0;
}
div#wrapper {
    margin : 0 auto 50px auto;
    padding : 0;
    width : 950px;
    background : #fff;
    text-align : left;
}
a {
    text-decoration : none;
    border-bottom : 1px dotted #ccc;
    color : #222;
}
a:hover {
    border-bottom : 1px solid #000;
}

/* ----- home page */
#header {
    margin : 0;
    padding : 0;
    border-top : #000 solid 14px;
    background : #000;
    height : 195px;
    width : 950px;
    float : left;
}
h1, h2, h3 {
    font-weight : normal;
}
h1 {
    margin : 0;
    padding : 0;
    position : relative;
    float : left;
    height : 150px;
    width : 550px;
}
h1, h1 a {
    display : block;
    /* hide image replaced text */
    font-size : 1px;
    color : #000;
    text-indent : -9999px;
}
h1 a {
    background : transparent url(/images/JonnyDarkWondertones.jpg) no-repeat top left;
    margin : 0;
    width : 550px;
    height : 150px;
    border : none;
}
h1 a:hover {
    border : none;
}

div#highlight {
    float : left;
    margin : 5px 0 40px 0;
    display : inline; /* IE double-margin float bug */
}

#share {
    margin : 30px 0 0 0;
    padding : 10px 0;
    width : 950px;
    float : left;
    display : inline; /* IE double-margin float bug */
    background : #ccc;
}

#share h2 {
    clear : both;
    padding : 20px 0 0 0;
    margin : 0 auto;
}
#share h2, #share h2 span {
    display : block;
    width : 369px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
#share h2 span {
    background : url(/images/ShareTheLove.jpg) no-repeat top left;
    position : absolute;
}

div#contact {
    width : 470px;
    float : left;
}
div#contact h2 {
    text-align : left;
    clear : both;
    margin : 15px 0;
    color : #222;
}
div.vcard {
    text-align : left;
    float : left;
    width : 225px;
    margin : 0;
    height : 8em;
}
div.vcard h3 {
    margin : 10px 0 5px 0;
    text-align : left;
}
div.vcard h4 {
    margin : 5px 10px 0 5px;
}
div.vcard p {
    margin : 5px 5px 5px 5px;
}

h2#love {
    margin : 10px 0 0 35px;
    padding : 0;
    position : relative;
    float : left;
    display : inline; /* IE double-margin float bug */
}
h2#love, h2#love span {
    display : block;
    width : 370px;
    height : 94px;
    /* hide image replaced text */
    font-size : 1px;
    color : #222;
}
h2#love span {
    background : url(/images/ItsAllAboutLove.jpg) no-repeat top left;
    position : absolute;
}

span.jonny {
    font-size : 1.1em;
    color : #000;
}

img.albumcover {
    border : none;
    margin : 0 0 10px 0;
}
div#album_midnight {
    padding : 10px 20px 20px 20px;
    width : 370px;
    float : left;
    margin : 0 20px 0 25px;
    display : inline; /* IE double-margin float bug */
    text-align : center;
}
div#album_midnight a {
    border : none;
}
div#album_midnight .button {
    margin : 10px 5px 0 5px;
}
div#album_midnight a.button {
    height : 20px;
    margin : 0 5px;
    display: inline-block;
}
div#album_midnight ul.playlist {
    width : 23em;
    margin : 20px auto 0 auto;
    padding : 10px 10px 10px 0px;
}

div#album_oldschool {
    margin : 0;
    padding : 0 0 20px 0;
    width : 950px;
    float : left;
    display : inline; /* IE double-margin float bug */
    background : #ccc;
    text-align : center;
}
div#album_stringtheory {
    margin : 0;
    padding : 0 0 20px 0;
    width : 950px;
    float : left;
    display : inline; /* IE double-margin float bug */
    background : #fff;
    text-align : center;
}
div#album_oldschool a,
div#album_stringtheory a {
    border : none;
}
div#album_oldschool img.albumcover {
    margin : 0 50px 0 55px;
    float : left;
    display : inline; /* IE double-margin float bug */
    width : 350px;
}
div#album_stringtheory img.albumcover {
    margin : 0 50px 0 55px;
    float : left;
    display : inline; /* IE double-margin float bug */
    width : 350px;
    border : 2px solid #000;
}
div#album_oldschool ul.playlist,
div#album_stringtheory ul.playlist {
    margin : 30px 50px 0 55px;
    padding : 10px 10px 10px 5px;
    float : left;
    display : inline; /* IE double-margin float bug */
}
div#album_oldschool ul.playlist {
    background-color:#cab69b;
}
div#album_oldschool ul.playlist li a,
div#album_oldschool ul.playlist li a.sm2_link {
    background-color:#ff5922;
}
div#album_oldschool ul.playlist li a.sm2_link:hover {
 color:#000;
 background-color:#fff;
}
div#album_oldschool ul.playlist li a, /* use a.sm2_link {} if you want play icons showing only if SM2 is supported */
div#album_oldschool ul.playlist li a.sm2_paused:hover,
div#album_oldschool ul.playlist li a.sm2_link:hover {
 background-image:url(/images/icon_play.png);
 background-position:3px 50%;
 background-repeat:no-repeat;
 _background-image:url(/images/icon_play.gif); /* IE 6 */
}
div#album_oldschool ul.playlist li a.sm2_paused {
 background-color:#999;
}
div#album_oldschool ul.playlist li a.sm2_playing,
div#album_oldschool ul.playlist li a.sm2_playing:hover {
 color:#fff;
 background:#000 url(/images/icon_pause.png) no-repeat 3px 50%;
 _background-image:url(/images/icon_pause.gif);
 text-decoration:none;
}
div#album_oldschool h2,
div#album_stringtheory h2 {
    padding : 20px 0;
    margin : 0 auto;
    clear : both;
    text-align : left;
}
div#album_oldschool h2, div#album_oldschool h2 span {
    display : block;
    width : 400px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
div#album_stringtheory h2, div#album_stringtheory h2 span {
    display : block;
    width : 900px;
    height : 100px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
div#album_oldschool h2 span {
    background : url(/images/MeetTheBand.oldschool.gif) no-repeat top left;
    position : absolute;
}
div#album_stringtheory h2 span {
    background : url(/images/StringTheory.gif) no-repeat top left;
    position : absolute;
}
div#album_oldschool h2#more {
    padding : 20px 0 30px 0;
}
div#album_oldschool h2#more, div#album_oldschool h2#more span {
    display : block;
    width : 900px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
div#album_oldschool h2#more span {
    background : url(/images/MoreGreat.gif) no-repeat top left;
    position : absolute;
}
div.oldschool_buttons,
div.stringtheory_buttons {
    float : left;
    width : 450px;
    margin : 0;
}

h2#hip {
    margin : 0;
    padding : 0;
    position : relative;
    float : left;
    display : inline; /* IE double-margin float bug */
    text-align : left;
}
h2#hip, h2#hip span {
    display : block;
    width : 370px;
    height : 94px;
    /* hide image replaced text */
    font-size : 1px;
    color : #222;
}
h2#hip span {
    background : url(/images/StayHip.jpg) no-repeat top left;
    position : absolute;
}


div#video {
    float : left;
    padding : 0;
    margin : 30px 25px 0 0;
    display : inline; /* IE double-margin float bug */
    width : 445px;
}
div#video a:hover {
    border : none;
}
div#video ul#mycarousel {
    float : left;
    padding : 0;
    margin : 0;
}
div#video ul#mycarousel li {
    display : block;
    margin : 0;
    padding : 0;
    width : 135px;
    float : left;
}
div#video ul#mycarousel a {
    display : block;
    width : 115px;
    height : 70px;
    padding : 15px 10px 10px 10px;
    border : none;
}
div#video ul#mycarousel li a.selected {
    background : #ccc;
}
div#video ul#mycarousel li a:hover {
    background : #aaa;
}
div#video a img {
    border : none;
}
div#player {
    clear : both;
    width : 445px;
    height : 272px;
    cursor : pointer;
    text-align:center;
    background : #000 url(/images/escape.screenshot.jpg) top left;
}
div#player img {
    margin : 0 0 0 -444px;
}
div#video div.info {
    background:#000 url(/images/h80.gif) repeat-x;
    margin : 0;
    padding : 5px 0;
    color : #fff;
    width : 445px;
    font-family:"bitstream vera sans","trebuchet ms";
}
div#video div.info span { display : none; padding : 0 15px; }
div#video div.info span.show { display : inline; }

div#meetband {
    float : left;
    background : #ccc;
}
div#meetband h2 {
    clear : both;
}
div#meetband h2 {
    padding : 20px 0 0 0;
    margin : 0 auto;
}
div#meetband h2, div#meetband h2 span {
    display : block;
    width : 400px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
div#meetband h2 span {
    background : url(/images/MeetTheBand.gif) no-repeat top left;
    position : absolute;
}

div#meetband h3 {
    margin : 0 0 16px 0;
    padding : 0 25px;
    font-weight : bold;
}
div#meetband p {
    width : 900px
    margin : 10px auto;
    padding : 0 25px;
}
div#meetband ul {
    list-style-type : none;
    padding : 0;
    margin : 0;
}

div#buy_buttons {
    padding : 10px 0;
    text-align : center;
}

div#models {
    clear : both;
    margin : 0 auto;
    padding : 0;
    width : 922px;
}
div#models a {
    float : left;
    display : block;
    height : 255px;
    width : 170px;
    margin : 0;
    padding : 0;
    color : #ccc;
    border : 1px solid #ccc;
}
div#models a#jonny_gurls {
    width : 206px;
    margin : 0;
}
div#models a#jaden,
div#models a#gurls {
    margin : 0 13px 0 0;
}
div#models a img {
    border : none;
}
div#models a:hover {
    border : 1px solid red;
}
div#models a,
div#models img {
    margin : 0;
    padding : 0;
}

div#zap {
    margin : 0 14px;
    clear : both;
    background : #fff;
    padding : 10px 0 0 0;
    height : 110px;
    width : 922px;
    border-top : 5px solid #ccc;
}
div#zap a {
    width : 88px;
    height : 100px;
    margin : 0 0 0 40px;
    border : none;
    float : left;
    display : inline; /* IE double-margin float bug */
}
div#zap a img {
    padding : 0;
    margin : 0;
    border : none;
}
div#zap a.email {
    display : inline;
    float : none;
    border-bottom : 1px dotted #ccc;
    border-left : none;
    border-right : none;
    border-top : none;
    color : #000;
    font-weight : bold;
    margin : 0 5px;
}
div#zap a:hover.email {
    border-bottom : 1px solid #000;
}
div#zap p {
    color : #777;
    text-align : center;
    width : 792px;
    height : 80px;
    padding : 20px 0 0 0;
    margin : 0;
    float : left;
}

div#footer {
    margin : 0;
    clear : both;
    background : #ccc;
}

.button {
  font-size : 1.1em;
  border-radius: 4px 4px 4px 4px;
  border : none;
  background : #791b11 url(/images/button.gif) 0 0 repeat-x;
  color : #fff;
  text-shadow: -1px -1px 0 #999;
}
.button:hover {
  color : #fff;
  background : #791b11 url(/images/button.gif) 0 -32px repeat-x;
  border : none;
}
input.button {
  font-size : 14px;
  padding : 6px 0.8em;
}
a.button {
  padding : 7px 0.8em 5px 0.8em;
  display : block;
  font-weight : bold;
  font : normal 14px Lucida Grande, Verdana, Helvetica, sans-serif;
}

div#panel {
    float : left;
    height : 150px;
    width : 300px;
}
ul#slides {
/* .jcarousel-container { */
    display : none;
}

#sm2-container {
    height : 1px;
    width : 1px;
}

#mainNav {
    width : 950px;
    height : 30px;
    background : #ccc;
    margin : 0;
    padding : 0;
    position : relative;
    clear : both;
    list-style : none;
    border-top : 15px solid #000;
}
#mainNav li {
    margin : 0;
    position : absolute;
    top : 0;
    text-align : center;
}
#mainNav li, #mainNav a {
    height : 35px;
    padding : 5px 10px 5px 10px;
    font-size : 1em;
}
#mainNav a {
    border-bottom : none;
    color : #791b11;
    font-weight : bold;
}
#mainNav a:hover {
    background : #000;
    color : #fff;
}

li#nav_stringtheory { left :   3px; width : 145px; }  /* length 110 a:padding 20 */
li#nav_oldschool    { left : 148px; width : 121px; }  /* length  86 */
li#nav_midnight     { left : 269px; width : 170px; }  /* length 135 */
li#nav_contact      { left : 439px; width :  96px; }  /* length  61 */
li#nav_meet         { left : 535px; width : 150px; }  /* length 115 */
li#nav_orders       { left : 685px; width : 129px; }  /* length  94 */
li#nav_viewcart     { left : 814px; width : 113px; }  /* length  78 */

div#meetband_inner {
  float : left;
  background : #fff;
  width : 100%;
}
div.players {
    float : left;
    width : 400px;
    padding : 20px 0 0 100px;
}
div#video_players {
    padding : 20px 0 0 0;
}

#meetband .players h3 {
    clear : both;
    padding : 0;
    margin : 0;
}
#meetband .players h3, #meetband .players h3 span {
    display : block;
    width : 400px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
#meetband #cd_players h3 span {
    background : url(/images/HeresThePlayers.jpg) no-repeat top left;
    position : absolute;
}

#meetband #video_players h3 span {
    background : url(/images/PlayersFromVideo.jpg) no-repeat top left;
    position : absolute;
}

input#purchase {
  float : none;
  margin : -10px 0 0 500px;
}
input#login_to_purchase {
  float : none;
  margin : -10px 0 0 295px;
}
input.addtocart {
  margin : 10px 0 0 0;
  cursor: pointer;
}
div#album_midnight input.addselectedtocart,
div#album_oldschool input.addselectedtocart,
div#album_stringtheory input.addselectedtocart {
  margin-top : 10px;
}
div#album_oldschool .button {
  background : #ff5922 url(/images/button.oldschool.gif) 0 0 repeat-x;
  margin : 10px 5px 0 5px;
}
div#album_oldschool a.button {
  height : 20px;
  display: inline-block;
}
div#album_oldschool .button:hover {
  background : #ff5922 url(/images/button.oldschool.gif) 0 -32px repeat-x;
}
div#album_oldschool p {
  font-size : 1.2em;
  width : 900px
  margin : 10px auto 0 auto;
  padding : 0 50px 5px 50px;
}

/* shopping cart and order history */
div#main_content {
  margin : 10px 40px 0 40px;
  padding : 30px;
  width : 640px;
  clear : both;
}
div#cart_order {
  border : 1px solid #aaa;
  padding : 15px 15px 15px 30px;
  font : normal 100% Lucida Grande, Verdana, Helvetica, sans-serif;
}
div#cart_order h3 {
  margin : 0 0 10px 0;
}
div#cart_order table {
  margin : 0 0 10px 0;
  width : 100%;
}
div#cart_order table td {
  border : 1px dotted #ccc;
  background : #eee;
}
div#cart_order td.total {
  font-weight : bold;
}
div#cart_order td.numbers {
  text-align : right;
}
form.add_cart input#ship {
  margin : 0 5px 0 0;
}

table {
  border-collapse : collapse;
  border : 1px solid #ccc;
  margin : 0;
}
th, td {
  padding : 3px 10px;
}

div#other_buttons {
  clear : both;
  width : 800px;
  margin : 30px auto;
}
div#other_buttons a {
    margin : 30px 25px 0 25px;
    float : left;
    display : inline; /* IE double-margin float bug */
}