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 0 15px 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 4px;
    background : #000;
    height : 150px;
    width : 950px;
}
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 : #fff;
    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;
}

h2#share {
    clear : both;
    padding : 20px 0;
    margin : 0 auto;
}
h2#share, h2#share span {
    display : block;
    width : 369px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
h2#share 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;
}

a#albumcover img {
    margin : 0 0 10px 0;
}
div#album {
    padding : 10px 20px 20px 20px;
    width : 350px;
    float : left;
    margin : 0 20px 0 25px;
    display : inline; /* IE double-margin float bug */
    text-align : center;
}
div#album h3 {
    clear : both;
    text-align : center;
}
div#album h3#purchase {
    margin : 10px 0 0 0;
}
div#album a {
    border : none;
}

div#video {
    float : left;
    padding : 0;
    margin : 20px 25px 0 0;
    display : inline; /* IE double-margin float bug */
}
div#video ul {
    float : left;
    padding : 0;
    margin : 0;
}
div#video ul li {
    display : block;
    margin : 0;
    padding : 0;
    width : 135px;
    float : left;
}
div#video a {
    display : block;
    width : 115px;
    height : 70px;
    padding : 15px 10px 10px 10px;
    border : none;
}
div#video ul li a.selected {
    background : #ccc;
}
div#video ul 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#meet h2 {
    padding : 20px 0 0 0;
    margin : 0 auto;
    clear : both;
}
div#meet h2, div#meet h2 span {
    display : block;
    width : 400px;
    height : 52px;
    /* hide image replaced text */
    font-size : 1px;
    color : #fff;
}
div#meet h2 span {
    background : url(images/MeetTheBand.gif) no-repeat top left;
    position : absolute;
}

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

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

div#models {
    clear : both;
    margin : 0;
    padding : 20px 0 0 0;
}
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 13px 0 14px;
}
div#models a#jaden {
    margin : 0 13px 0 0;
}
div#models a#gurls {
    margin : 0 14px 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#models 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;
}
div#models a:hover.email {
    border-bottom : 1px solid #000;
}
div#models p {
    color : #777;
    text-align : center;
}

div#footer {
    margin : 0 0 20px 0;
    clear : both;
}

.button {
  font-size : 1.1em;
  border-radius: 4px 4px 4px 4px;
  border : 1px solid #ccc;
  background : #791b11 url(/images/button.gif) 0 0 repeat-x;
  color : #fff;
  text-shadow: -.75px -.75px 0 #999;
  width : 72px;
}
.button:hover {
  color : #fff;
  background : #791b11 url(/images/button.gif) 0 -32px repeat-x;
  border : 1px solid #ccc;
}
a.button {
  height : 20px;
  padding : 7px 0.8em 5px 0.8em;
  font-weight : bold;
}

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

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