body 
	{
		font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		background-color: #fff;
		margin: 0px;
		padding: 0px;
	}

a { color: #346EA5; }

div#container
	{
		margin: 0em auto;
		width: 750px;
		padding: .5em;
		text-align: left;
	}

div#johnny_banner img { border: 0px; }
/*
div#johnny_topmenu { margin-top: 10px; font-family: "Courier New", Courier, serif; }
div#johnny_topmenu table { width: 100%; text-align: center; background-color: #69c; }
div#johnny_topmenu td { border: 0px solid black; background-color: #ccf; }
div#johnny_topmenu a { text-decoration: none; color: #444; display: block; }
div#johnny_topmenu a:hover { background-color: #69c; color: black;   }
*/

div#johnny_topmenu table { width: 100%; }
div#johnny_topmenu { text-align: center; }
div#johnny_topmenu img { margin-left: auto; margin-right: auto; }

div#johnny_topimages { text-align: center; }
div#johnny_topimages img { padding-top: 4px; }

div#johnny_body { margin-left: 20px; margin-right: 20px; }

div#johnny_sig { padding-left: 150px; padding-bottom: 25px; }

div#johnny_footer { width: 100%; text-align: center; font-size: .8em; }

div#wwd { float: right;  font-size: .9em;}
div#wwd img { border: 0px; }

div#johnny_rtt { font-size: 0.8em; float: left; }

div#johnny_body ul { list-style-image: url(/images/bullet.gif); }


.imgleft { float: left; background-color: #ddd; padding: 3px; margin: 0px 5px 5px 0px; }
.imgright { float: right; background-color: #ddd; padding: 3px; margin: 0px 0px 5px 5px; }
.imgcenter { width: 100%; text-align: center; padding: 10px; }
.imgcenter img { background-color: #ddd; padding: 3px; }

h1 { font-size: 1.6em; }

.italic { font-style: italic; }
.normal { font-style: normal; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.text_highlight { color: #346EA5; } /*#33ccff */


/*individual page stuff*/

ul#johnny_quotes li { padding-bottom: 1em; }

div#contact { width: auto; margin-left: 100px; margin-bottom: 25px; margin-top: 25px; background-color: #ddd; text-align: left;}

/* #album img {border: 0px; } */

.album img { border: 0px; }

/* recordings */

.trackno, .tracktime { color: #800000; font-size: .8em; padding-right: 20px;}


/* test crap */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-300px; left:-100px;
    
    }

/*end test crap */

.cdbox
 { margin: 20px 100px 20px 100px; background-color: #ccccff; text-align: center; border: 1px solid black; }
 
#buyonline td {width: 170px; text-align: center; font-weight: bold; border: 1px solid #6666ff; background-color: #99ccff; height: 40px; vertical-align: middle;}
#buyonline form { padding: 0px; margin: 0px; }

.imghover { background-color: #ccc; padding: 3px; border: 0px; }
.imghover:hover { background-color: #888; }