/* This is the style sheet for Johny Rocker and the Hitmen
styles.css */

body
{
  background-color:#000000;
}


img
{
  border:0px;
}

img.photo
{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
}

img.decades
{
  float:right;
}


div.container
{
  background-color: #FFFFFF;
  width:785px;
  margin-left: auto;
  margin-right: auto;
}

div.logo
{
  background-color:#FFFFFF;
  width:394px;
  height:101px;
  float:left;
  margin-left:7px;
  margin-right:0px;
  margin-top:50px;
  margin-bottom:0px;
}

div.band
{
  background-color:#FFFFFF;
  width:376px;
  height:151px;
  margin-left:0px;
  margin-right:7px;
  margin-top:0px;
  margin-bottom:0px;
  float:right;
}

div.nav_container
{
  background-color: #FFFFFF;
  width:780px;
  height:36px;
  clear:both;
}

/* concept johnny events hits contact  */
div.nav_concept
{
  width:136px;
  float:left;
  margin-left:10px;
  margin-right:7px;
  margin-top:3px;
  margin-bottom:0px;
}

div.nav_johnny
{
  width:245px;
  float:right;
  margin-left:0px;
  margin-right:7px;
  margin-top:3px;
  margin-bottom:0px;
}

div.nav_events
{
  width:77px;
  float:right;
  margin-left:0px;
  margin-right:7px;
  margin-top:3px;
  margin-bottom:0px;
}

div.nav_hits
{
  width:175px;
  float:right;
  margin-left:0px;
  margin-right:7px;
  margin-top:3px;
  margin-bottom:0px;
}

div.nav_contact
{
  width:102px;
  float:right;
  margin-left:0px;
  margin-right:7px;
  margin-top:3px;
  margin-bottom:0px;
}

div.container_body
{
  background-color:#FFFFFF;
  width:785px;
  clear:both;
}


div.container2
{
  background-color:#FFFFFF;
  width:510px;
  float:left;
  padding:7px;
}

div.container3
{
  background-color:#FFFFFF;
  width:247px;
  float:right;
  padding:7px;
}

div.links
{
  background-color:#FFFFFF;
  width:235px;
  height:190px;
  border: 5px solid #EE1E24;
}

div.photo
{
  background-color:#FFFFFF;
  width:235px;
  height:190px;
  text-align:center;
  border: 5px solid #EE1E24;
  margin-top:5px;
  background-image:url('graphics/bullseye.gif');
  background-repeat:no-repeat;
  background-position:center;
  clear:both;
}

div.mic
{
  background-color:#FFFFFF;
  width:235px;
  height:285px;
  border: 5px solid #EE1E24;
  text-align:center;
  float:left;
  margin-bottom:5px;
}

div.ladies
{
  background-color:#FFFFFF;
  width:235px;
  height:41px;
}

div.mic2
{
  background-color:#FFFFFF;
  width:235px;
  height:244px;
  float:left;
}

div.ladies2
{
  background-color:#FFFFFF;
  width:75px;
  height:244px;
  float:right;
}


div.decades
{
  background-color:#FFFFFF;
  width:235px;
  height:285px;
  border: 5px solid #EE1E24;
  float:right;
  margin-bottom:5px;
}

div.email
{
  background-color:#000000;
  width:508px;
  height:105px;
  clear:both;
}

div.email2
{
  background-color:#000000;
  width:225px;
  height:105px;
  float:left;
  text-align:right;
}

div.email3
{
  background-color:#000000;
  width:283px;
  height:105px;
  float:right;
  text-align:left;
}

div.bottom
{
  background-color: #FFFFFF;
  width:768px;
  clear:both;
  margin-left:auto;
  margin-right:auto;
}

div.bottom2
{
  background-color: #EE1E24;
  width:768px;
  height:12px;
  clear:both;
  margin-left:auto;
  margin-right:auto;
}

div.footer
{
  background-color: #FFFFFF;
  width:768px;
  clear:both;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

font.links
{
  font-family:Arial Black, Arial;
  font-size:20px;
}

font.links2
{
  font-family:Arial, Arial Black;
  font-size:12px;
}

font.links3
{
  font-family:Arial Black, Arial;
  font-size:12px;
  color:#FFFFFF;
}

p.links
{
  margin-left:15px;
  margin-right:0px;
  margin-top:30px;
  margin-bottom:0px;
}

p.email
{
  margin-right:15px;
}

p.email2
{
  margin-left:10px;
}

p.footer
{
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:15px;
}


font.footer
{
  font-family:Arial;
  font-size:13px;
  color:#EE1E24;
}

font.footer2
{
  font-family:Arial;
  font-size:16px;
  letter-spacing:1px;
}

font.email
{
  font-family:Arial;
  font-size:14px;
  font-weight:700;
  color:#FFFFFF;
}

font.email2
{
  font-family:Arial;
  font-size:14px;
  color:#FFFFFF;
}

font.disclaimer
{
  font-family:Arial;
  font-size:10px;
  color:#FFFFFF;
}

div.photos
{
  width:240px;
  height:200px;
  background-color: #FFFFFF;
  border: 5px solid #EE1E24;
  clear:both;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:5px;
}

div.container4
{
  background-color:#FFFFFF;
  width:490px;
  float:left;
  padding:10px;
}

div.container5
{
  background-color:#FFFFFF;
  width:250px;
  float:right;
  padding:10px;
}

div.container6
{
  background-color:#FFFFFF;
  width:750px;
  clear:both;
  padding:10px;
}

div.container7
{
  background-color:#FFFFFF;
  width:750px;
  height:400px;
  clear:both;
  padding:10px;
}

div.events
{
  background-color:#FFFFFF;
  width:765px;
  clear:both;
}

div.events_date
{
  background-color:#6D6E71;
  width:180px;
  float:left;
  border: solid 1px #FFFFFF
}

div.events_venue
{
  background-color:#6D6E71;
  width:217px;
  float:right;
  border: solid 1px #FFFFFF
}

div.events_city
{
  background-color:#6D6E71;
  width:180px;
  float:right;
  border: solid 1px #FFFFFF
}

div.events_time
{
  background-color:#6D6E71;
  width:180px;
  float:right;
  border: solid 1px #FFFFFF
}

div.events_date2
{
  background-color:#939598;
  width:180px;
  float:left;
  border: solid 1px #FFFFFF
}

div.events_venue2
{
  background-color:#939598;
  width:217px;
  float:right;
  border: solid 1px #FFFFFF
}

div.events_city2
{
  background-color:#939598;
  width:180px;
  float:right;
  border: solid 1px #FFFFFF
}

div.events_time2
{
  background-color:#939598;
  width:180px;
  float:right;
  border: solid 1px #FFFFFF
}

h1
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:32px;
  font-weight:100;
  font-variant:small-caps;
}

font.content
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
}

font.error
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#FF0000;
}

font.events
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#FFFFFF
}

p.events
{
  margin-left:5px;
  margin-right:5px;
  margin-top:1px;
  margin-bottom:1px;
}

div.thumbs2
{
   width:312px;
   float:right;
}

div.thumb
{
   width:104px;
   height:104px;
   text-align:center;
   float:left;
}

div.image
{
  width:432px;
  height:435px;
  text-align:center;
  float:left;
}

img.photos
{
   vertical-align:middle;
}

/*here are the navigation links on the right*/
a.links:link {color: #000000; text-decoration: none}
a.links:visited {color: #000000; text-decoration: none}
a.links:hover {color: #EE1E24; text-decoration: underline}
a.links:active {color: #000000; text-decoration: none}