/* Jay Pinto CSS */

body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666633;
  }

body#splash {
  background: #333300;
  }
  
body#pages {
  background: #333300 url(images/bg.jpg) center repeat-y;
  margin: 0;
  padding: 0;
  }
  
#main {
  text-align: center;
  }

img.pic {
  float: left;
  padding: 1px;
  border: 3px double #666633;
  margin: 2px 10px 2px 2px;
  }
  
#splash #main {
  background: transparent url(images/splashbg.jpg) top left no-repeat;
  width: 880px;
  height: 540px;
  margin: 40px auto; 
  }

#pages #main {
  background: transparent;
  width: 762px;
  height: 100%;
  margin: 0px auto;
  padding: 0;
  }

#head {
  width: 520px;
  height: 186px;
  background: transparent url(images/nametag.jpg) top left no-repeat;
  float: left;
  border: 1px solid #000;
  }

#leftcol {
  clear: left;
  float: left;
  width: 528px;
  border: 0px solid #00CC00;
  background: transparent;
  text-align: left;
  padding: 0px 0 10px 0px;
  }

#leftcol h1 {
  font-size: 220%;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  }

.biobit {
  padding: 10px 15px 35px 15px;
  margin: 0px 15px 15px 15px;
  /*background: #F2d996;*/
  background: transparent url(images/bitbot.jpg) center bottom no-repeat;
  border: 0px double #666633;
  clear: left;
  }

.biobit p {
  padding: 0px 0px 10px 0px;
  text-align: justify;
  margin: 0px;
  font-size: 110%;
  }
  
.bit {
  padding: 10px 15px 35px 15px;
  margin: 0px 15px 15px 15px;
  /*background: #F2d996;*/
  background: transparent url(images/bitbot.jpg) center bottom no-repeat;
  border: 0px double #666633;
  clear: left;
  }

.bit p {
  padding: 0px 0px 10px 0px;
  text-align: justify;
  margin: 0px;
  font-size: 110%;
  clear:both;
  }
      
#splash #menu {
  width: 211px;
  height: 425px;
  float: left;
  margin: 101px 0 0 15px;
  background: #000;
  padding: 0;
  }

#pages #menu{
  width: 232px;
  float: right;
  background: transparent url(images/sidetop.jpg) top right no-repeat;
  padding-top: 89px;
  margin-right: 1px;
  }

#menu h1 {
  font-size: 170%;
  color: #666633;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  padding-left: 6px;
  padding-bottom: -2px;
  margin-bottom: 0px;
  }

.baritem {
  width: 200px;
  float: left;
  margin-left: 1px;
  background: url(images/itembot.jpg) bottom no-repeat;
  padding-bottom: 20px;
  text-align: left;
  }

.baritem p {
  padding: 0px 6px;
  margin: 2px 0px 10px 0px;
  color: #666633;
  text-align: justify;
  }

.baritem img{
  border: none;
  }
.baritem a img{
  border: none;
  }
  
.bottomlinks {
  width: 200px;
  float: left;
  margin-left: 1px;
  background: transparent;
  padding-bottom: 15px;
  text-align: center;
  }

a, a:visited {
  text-decoration: none;
  color:#333399;
  }  

a:hover {
  color: #fff;
  text-decoration:none;
  }
    
#navcontainer { 
  width: 211px; 
  height: 425px;
  float: left;
  margin: 101px 0 0 15px;
  background: #000;
  padding: 0;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li {
  width: 211px;
  height: 85px;
  padding: 0px;
  margin: 0px;
  }

#navcontainer ul li.news {
  background: url(images/news.jpg) center no-repeat;
  }

#navcontainer ul li.music {
  background: url(images/piano.jpg) center no-repeat;
  }

#navcontainer ul li.portfolio {
  background: url(images/electric.jpg) center no-repeat;
  }

#navcontainer ul li.bio {
  background: url(images/mixer2.jpg) center no-repeat;
  }

#navcontainer ul li.contact {
  background: url(images/guitar.jpg) center no-repeat;
  }
        
#navcontainer a {
display: block;
padding: 64px 3px 0 0;
background-color: transparent;
text-align: right;
font-size: 12px;
text-transform:uppercase;
font-weight: bold;
}

#navcontainer a:link, #navcontainer a:visited {
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover {
color: #fff;
}

fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #666633; background: #F2d996;}
	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
	
.quotes {
  margin: 0px 10px;
  }

.quotes p {
  background: url(images/quote.jpg) top left no-repeat;
  padding: 5px 20px;
  }

.quoteby {
  padding-left: 100px;}

a.menuthm img{
  border: none;}
  
a.jaytag, a.jaytag:link {
  display: block;
  width: 300px;
  height: 200px;
  background: transparent url(images/nametag.jpg) top left no-repeat;
  padding: 0;
  margin:0;
  font-size: 1px; !important
  color: #fff; !important
  float: left;
  text-indent:-9999px;
  clear: left;
  }
  
a.jaytag:visited {
  display: block;
  width: 300px;
  height: 200px;
  background: transparent url(images/nametag.jpg) top left no-repeat;
  padding: 0;
  margin:0;
  font-size: 1px;
  color: #fff;
  float: left;
  text-indent:-9999px;
  clear: left;
  }

a.jaytag:hover {
  display: block;
  width: 300px;
  height: 200px;
  background: transparent url(images/nametag.jpg) top left no-repeat;
  padding: 0;
  margin:0;
  font-size: 1px;
  color: #fff;
  float: left;
  text-indent:-9999px;
  clear: left;
  }