/*
------------------------------------------
Style sheet

Site: Bill Mallonee
Author: Kevin Bennett 
Version: 2007.01
------------------------------------------ */

body {font-family: Courier New, Courier, mono;
      color: #CCCCCC;
      font-size: 12px;
      background: url(images/boxcar.jpg) fixed no-repeat left top;
      background-color: #000000
}

#header {position: relative;
         left: 20px;
		 top: 10px;
		 width: 370px;
		 height: 50px;
		 background: url(images/tag.png) no-repeat left top;
}	  

#nav {position: relative;
      left:0px;
	  top: 20px;
	  width:180px;
	  height:220px;
}

#mail_list {position: relative;
            left: 20px;
	    top: -25px;
	    width: 180px;
	    height: 190px;
	    background: url(images/content_bground.png) repeat-y left top;
}

#volsounds {
position: absolute;
left: 514px;
top:10px;
width: 150px;
height: 71px;
background: url(images/volsounds.png) no-repeat left top;
}


#parting_shot {
position:absolute;
left: 668px;
top: 10px;
width: 150px;
height: 71px;
}

#billtunes {
position: absolute;
left: 820px;
top: 10px;
width: 150px;
height: 71px;
background: url(images/billtunes.png) no-repeat left top;
}

#jukebox {
position: absolute;
left: 610px;
top: 90px;
width: 88px;
height: 33px;
background: url(images/jukebox.png) no-repeat left top;
cursor: pointer;
}

#myspace {
position: absolute;
left: 514px;
top: 90px;
width: 88px;
height: 33px;
cursor: pointer;
}


#VoL-list {
position: absolute;
left: 710px;
top: 90px;
width: 138px;
height: 33px;
}

#bill {
position: absolute;
left: 842px;
top: 90px;
width: 128px;
height: 185px;
}

#permafrost {
position: absolute;
left: 842px;
top: 285px;
width: 128px;
height: 323px;
}

#content {position: absolute;
          left: 514px;
		  top: 132px;
		  width: 300px;
		  
		  
}

.content {font-family: Courier New, Courier, mono;
          font-size: 12px;
          color: #CCCCCC;
}

.bground {
background: url(images/content_bground.png) repeat-y;
padding: 0px 10px 10px 10px;
}

#webmunkii {
position: absolute;
left: 0px;
top: 490px;
width: 105px;
height: 40px;
background: url(images/content_bground.png);
padding: 7px;
}

/*TEXT*/
#content h1{
font-size: 25px;
font-variant: small-caps;
color: #CCCCCC
}

#content h2{
font-size: 20px;
font-variant: small-caps;
color: #CCCCCC;
}

#nav ul{
list-style: none;
}

#content ul{
list-style: none;
}

/*LINKS*/
#nav a:hover {background: url(images/chevron.png) no-repeat right top;
              padding-right: 15px;
} 

#parting_shot a:hover {background: url(images/parting-shot_on.png);
                       float: left;
}

#billtunes a:hover {background: url(images/billtunes_on.png);
                    float: left;
}

#VoL-list a:hover {background: url(images/vol-list_on.png) no-repeat left top;
                   float: left;
}

#volsounds a:hover {background: url(images/volsounds_on.png) no-repeat left top;
               float: left;
}

a:link, a:visited {text-decoration: none;
                   color: #1077D4;
}

a:hover, a:active {text-decoration: none;
                   color: #FFFFFF;
}
                   
#content a:hover[href^="http:"]{background: url(images/external.png) no-repeat right top;
                       padding-right: 10px;
}

#content a:hover[href^="mailto:"]{background: url(images/email.png) no-repeat right top;
                         padding-right: 15px;
}

.link a:hover[href^="http:"]{background:none !important;
                             padding-right: 0px !important;
}