body 
{
	  background-image: url('images/jjwebbg_tile.jpg');
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

white-contacts
{
	position: realtive;
	float: left;
	width: 200px;
	height: auto;
	background-color: white;
	font-size: 10px;
}

img{border-style: none;}

input 
{ 
color: white;
background-color: #635c4c;
border-style: none;
height: 15px;
margin-top: 3px;
padding-left: 4px;
padding-top:8px;
padding-bottom: 4px;
font-size: 10px;
}

.hormenu ul{
	
}


.hormenu li{
display: inline;	
}

.MenuArea
{
	position: relative;
	float: left;
	width: 624px;
	height: 35px;
	border: 2px dotted #6B6B6B;
	border-left-style: none;
	border-right-style: none;
	margin-bottom: 20px;
}

.element1
{
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	font-size: 17px;
	margin-right: 34px;
	margin-left: 25px;
	padding-top: 8px;

}

.element2
{
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	font-size: 17px;
	padding-top: 8px;
	margin-left: 30px;

}

.element3
{
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	font-size: 17px;
	margin-right: 0px;
	margin-left:20px;
	padding-top: 8px;

}

.element4
{
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	font-size: 17px;
	padding-top: 8px;
	margin-left: 5px;
	margin-right: 10px;

}

.crewPhoto
{
	position: relative;
	float: left;
	width: 47px;
	height: 77px;
	font-size: 10px;
	margin-top: 10px;

}

.crewPhotoSpacer
{
	position: relative;
	float: left;
	width: 34px;
	height: 77px;
}

.crewText
{
	margin-top: 8px;
}

.dummy
{
	color: blue ;
}
.button input
{
	padding-top: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 22px;
	color: white;
}

.commentBox text
{
	padding-top: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 22px;
	color: white;
	background-color: white;
}
.space
{
	margin-right: 35px;
}
a
{
	text-decoration: none;
	color: white;
	border-style: none;
}

a:hover 
{
	color: maroon;
}

a.artmenu:link, a.artmenu:visited {
	color: #000;
	text-decoration: none;
	border: 0px;
}

a.artmenu:hover {
	color: silver;
	text-decoration: none;
	border: 0px;
}

a.venuelink:link, a.venuelink:visited {
	color: maroon;
	text-decoration: none;
	border: 0px;
}

a.venuelink:hover {
	color: #fff;
	text-decoration: none;
	border: 0px;
	background-color: maroon;
}

.gray{
	color: #000;
}

.light {
	color: #5F5F5F;
}

a.mainmenu:link, a.mainmenu:visited {
	color: gray;
	text-decoration: none;
	border: 0px;
}

a.mainmenu:hover {
	color: maroon;
	text-decoration: none;
	border: 0px;
}

.artmenuoff{
	color: white;
	font-size: 12px;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
.black
{
	background-color: black;
}

.flashFrame
{
	position: relative;
	width: 400px;
	float: left;
	z-index: 500;	
}

.whiteTitle
{
	position: relative;
	float: left;
	width: auto;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 16px;
	color: white;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-top: 5px;

}

.whiteCaps
{
	position: relative;
	float: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 11px;
	color: white;
	margin-left: 10px;
	padding-top: 2px;
	width: 100%;
}


.whiteSml
{
	position: relative;
	float: left;
	width: auto;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	color: white;
	margin-left: 10px;

}

.blackTitle
{
	position: relative;
	float: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 16px;
	color: black;
	padding-bottom: 15px;
	width: 100%;
}

.blackTitleArtists
{

font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 12px;
	color: black;

}

.blackTitleLink
{
	position: relative;
	text-decoration: none;
	float: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 16px;
	color: black;
	padding-bottom: 15px;
	width: 100%;
}

.bigBlackTitle
{
	position: relative;
	float: left;
	width: auto;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-size: 18px;
	color: black;
	margin-left: 10px;
	padding-top: 3px;	
}

.page /*this is the main page with the background */
{
  position: absolute;
  width: 900px;
  height: 1400px;
  top: 0px;
  margin-left: 45px;
  margin-right: 45px;
  z-index: 1;
  border-color: blue;
  border-width: 1px;
  border-style: none;

}

.CommentPage /*this is the main page with the background */
{
  position: absolute;
  width: 900px;
  height: auto;
  top: 0px;
  margin-left: 45px;
  margin-right: 45px;
  z-index: 1;
  border-color: blue;
  border-width: 1px;
  border-style: none;

}


.title
{
	position: absolute;
	top: 45px;
	left: 190px;
	height: 250px;
	width: 165px;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;
	background-color: transparent;
	background-image: url('images/title.gif');
	z-index: 10;
}

.rossi
{
	position: absolute;
	top: 207px;
	left: 345px;
	height: 79px;
	width: 76px;
	background-image: url('images/rossi-red.gif');
	background-repeat: none;
	z-index: 300;
}

.blogtitle
{
	position: absolute;
	top: 45px;
	left: 190px;
	height: 250px;
	width: 165px;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;
	background-color: transparent;
	z-index: 10;
}


.mic
{
	position: absolute;
	top: 30px;
	left: 600px;
	height: 1184px;
	width: 385px;
	background-image: url('images/mike.gif');
	background-repeat: no-repeat;
	z-index: -1;
	border-color: green;
  	border-width: 1px;
  	border-style: none;
padding-right:150px;
}

.drumkit
{
	position: absolute;
	top: 70px;
	left: 620px;
	height: 229px;
	width: 220px;
	background-image: url('images/drumkit.gif');
	background-repeat: no-repeat;
	z-index: 20;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;
	
}

.bottle
{
	position: absolute;
	top: 930px;
	left: 120px;
	height: 229px;
	width: 220px;
	background-image: url('images/bottle.gif');
	background-repeat: no-repeat;
	z-index: 20;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;	
}


.smoke
{
	position: absolute;
	top: 1200px;
	left: 750px;
	height: 153px;
	width: 160px;
	background-image: url('images/smoke.gif');
	background-repeat: no-repeat;
	z-index: 2000;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;	
}

.content /*this is the invisible frame where the content sits */
{
  position: relative;
  width: 630px;
  height: 678px;
  top: 310px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-color: orange;
  border-width: 1px;
  border-style: none;
  z-index: 0;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.CommentsContent /*this is the invisible frame where the content sits */
{
  position: relative;
float: left;
  width: 900px;
  height: auto;
  top: 310px;
  margin-bottom: 20px;
  border-color: orange;
  border-width: 1px;
  border-style: none;
  background-image: url('images/jjwebbg_tile.jpg');
  z-index: 0;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.inner-left 
{
  position: relative;
  float: left;
  width: 400px;
  height: auto;
  top: 0px;
  border-color: red;
  border-width: 1px;
  border-style: none;
  z-index: 3;	
}

.inner-comments 
{
  position: relative;
  float: left;
  width: 400px;
  height: auto;
  top: 0px;
  border-color: red;
  border-width: 1px;
  border-style: none;
  z-index: 3;	
  margin-left: 200px;
}
.inner-right 
{
  position: relative;
  float: left;
  width: 209px;
  height: 90%;
  top: 0px;
  border-color: red;
  border-width: 1px;
  border-style: none;
  z-index: 3;
  margin-left: 15px;	
}

.programWhite
{
	font-size: 10px;
	position: relative;
	float: left;
	width: 420px;
	height: 250px;
	background-color: white;
	margin-bottom: 10px;
	
	
}

.programBrown
{

	position: relative;
	font-size: 10px;
	float: left;
	width: 175px;
	height: 230px;
	background-color: #847b66;
	margin-left: 10px;
	margin-bottom: 10px;
		padding-left: 10px;
	padding-right:10px;
	padding-top: 20px;
}

.artistsWhite
{
	font-size: 10px;
	position: relative;
	float: left;
	width: 440px;
	height: 400px;
	background-color: white;
	margin-bottom: 10px;
	margin-left: 10px;	

}

.artistsBrown
{
	font-size: 10px;
	position: relative;
	float: left;
	width: 165px;
	height: 380px;
	background-color: #847b66;
	margin-bottom: 10px;
	padding-left: 10px;	
	padding-top: 20px;
	
}

.row1
{
	width: 440px;
	height: 200px;
	float: left;
	position: relative;
	border-color: blue;
  	border-width: 1px;
  	border-style: none;
}

.row2
{
	width: 440px;
	height: 200px;
	float: left;
	position: relative;	
	border-color: green;
  	border-width: 1px;
  	border-style: none;
}




.col1
{
	width: 200px;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-top: 20px;
	
	
}

.col2
{
	width: 200px;
	float: left;
	position: relative;	
	padding-right: 10px;
	padding-top: 20px;
}

.col3
{
	width:  160px;
	height: 200px;
	float: left;
	position: relative;
	 border-color: black;
    border-width: 1px;
  border-style: none;

	
}

.col4
{
	width: 270px;
	height: 190px;
	position: relative;
	float: left;	
    border-color: red;
    border-width: 1px;
    border-style: none;
padding-left:5px;

}


.categories
{
	position: relative;
	float: left;
	width: 199px;
	background-color: #847b66;	
	padding-left: 10px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	
}



.archive{
	position: relative;
	float: left;
	background-color: #847b66;	
	padding:5px;
	margin-top: 10px;
	width: 194px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 15px;
}


.brown-numbers

{
	color:  #847b66;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
}

.brown-months

{
	color:  #847b66;
	font-size: 20px;
	text-align: left;
}

.brown-bar
{
  position: relative;
  float: left;
  width: 209px;
  height: 30px;
  z-index: 2;
  background-color: #847b66;	
	
}

.brown-bar-bottom
{
  position: relative;
  float: left;
  width: 625px;
  height: 30px;
  z-index: 2;
  background-color: #847b66;
  text-align: center;
	
	
}

.brown-bar-kfbc
{
  position: relative;
  float: left;
  width: 199px;
  height: 45px;
  z-index: 2;
  background-color: #847b66;
  padding-top:10px;
  padding-left: 10px;
  text-align: justify;	
	
}

.brown-bar-derring
{
  position: relative;
  float: left;
  width: 205px;
  height: 50px;
  margin-top: 3px;
  z-index: 2;
  background-color: #847b66;
  padding-top:10px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;	
	
}

.brown-bar-mail
{
  position: relative;
  float: left;
  width: 199px;
  height: 130px;
  background-color: #847b66;
  padding-left: 10px;
  padding-bottom: 10px;	
  z-index: 4;
}

.brown-bar-program
{
  position: relative;
  float: left;
  width: 205px;
  height: 283px;
  background-color: #847b66;
  padding-right: 4px;	
}

.brown-bar-big
{
  position: relative;
  float: left;
  width: 398px;
  height: 30px;
  z-index: 2;
  background-color: #847b66;	
	
}

.bw-photo
{
  position: relative;
  width: 100%;
  height: 249px;
  z-index: 2;
  background-color: #847b66;
  background-image: url('images/photo.gif');
	
}

.whiteDiv
{
  position: relative;
  float: left;
  width: 378px;
  height: 318px;
  font-size: 10px;
  padding: 10px;
  z-index: 2;
  background-color: white;
}

.blogDiv
{
	position: relative;
	float: left;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 310px;
	height: auto;
	margin-top: 10px;

	
}

.bloggerDetails
{
	position: relative;
	float: left;
	font-size: 10px;
	width: 50px;
	margin-left:20px;
	margin-top:6px;
	padding-bottom: 10px;
	
}

.blog
{  
  position: relative;
  float: left;
  width: 400px;
  height: auto;
  margin-bottom: 10px;
  background: rgb(255, 255, 255); /* The Fallback */
  background-color: rgba(255,255,255,.9);


}

.commentForm
{
  position: relative;
  float: left;
  width: 400px;
  height: 300px;
  margin-bottom: 10px;
  background: rgb(240, 255, 255); /* The Fallback */
  background-color: rgba(240,255,255,.6);
  font-size: 10px;
  margin-bottom: 10px;

	
}

.blogResponse
{  
  position: relative;
  float: left;
  width: 380px;
  height: auto;
  margin-bottom: 10px;
  background: rgb(240, 255, 255); /* The Fallback */
  background-color: rgba(240,255,255,.6);
  font-size: 10px;
  margin-bottom: 10px;
  padding: 10px;

}

.blogPhoto
{
	margin-top: 5px;
}
.whiteDiv-b1
{
  position: relative;
  float: left;
  width: 225px;
  height: 6px;
  font-size: 10px;
  z-index: 2;
  background-color: white;
  padding-top: 4px;
  padding-left: 20px;

}
.whiteDiv-b2
{
  position: relative;
  float: left;
  width: 361px;
  height: 6px;
  font-size: 10px;
  z-index: 2;
  background-color: white;
  padding-top: 4px;
  padding-left: 20px;

}

.whiteDiv-ad1
{
  position: relative;
  float: left;
  width: 217px;
  height: 70px;
  font-size: 10px;
  z-index: 2;
  background-color: white;
  border-right-width: 1px;
  border-right-width: black;
  border-right-style: dashed;
  border-bottom-width: 1px;
  border-bottom-width: black;
  border-bottom-style: dashed;
  padding-top:10px;
  padding-left:20px;

}
.whiteDiv-ad2
{
  position: relative;
  float: left;
  width: 348px;
  height: 70px;
  font-size: 10px;
  z-index: 2;
  background-color: white;
  border-bottom-width: 1px;
  border-bottom-width: black;
  border-bottom-style: dashed;
  padding-top:10px;
  padding-left:20px;
}

.whiteSpacer
{
	position: relative;
	float: left;
	width: 10px;
	height: 80px;
	font-size: 10px;
	z-index: 2;	
	background-color: white;
	
}

.whiteDiv-ad3
{
  position: relative;
  float: left;
  width: 606px;
  height: 10px;
  background-color: white;
  margin-top: -1px;
  padding-top:10px;
  padding-left:20px;
}

.whiteDiv-ad4
{
  position: relative;
  float: left;
  width: 606px;
  height: 75px;
  background-color: white;
  padding-left:20px;
}

.contact
{
  position: relative;
  float: left;
  width: 606px;
  height: 75px;
  padding-left:20px;
text-align: center;	
}
.content-dashed
{
  position: relative;
  float:left;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  border-top-color: black;
  border-top-width: 1px;
  border-top-style: dashed;
  z-index: 2;
  background-color: transparent;

}

.content-dashed-big
{
  position: relative;
  float: left;
  width: 625px;
  height: 20px;
  margin-top: 8px;
  border-top-color: black;
  border-top-width: 1px;
  border-top-style: dashed;
  z-index: 2;
  background-color: transparent;

}

.content-dashed-top
{
  position: relative;
 float: left;
  width: 624px;
  height: 8px;
  margin-top: 8px;
  border-top-color: black;
  border-top-width: 1px;
  border-top-style: dashed;
  z-index: 2;
  background-color: transparent;
}