@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
}
html, body { 
height: 100%; 
/*color: #556275; */
/*color: #50421f;*/
color:#493118;
font-size: 1em; 
line-height:130%; 
background-image: url(images/jd_bg.jpg); background-repeat: repeat; 
margin-left:10px;
}
.wrapper {
width: 895px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px;
}

.clear{
	clear:both;
	}
.header {
background: #ffffff url(images/jd_header_895.jpg) no-repeat center top;
height: 300px;
width: 895px;
margin-bottom:30px;
no-repeat center top; margin: auto;
}

/*-----------this is where the main logo is--------------------*/
h1 { width: 340px; height: 150px; float: left; }
/*--------------------------------------------------*/
h1 span {
	display: none;
	}
/*--------------------------------------------------*/
h2 { 
	font-size:130%;
	color:#39240f;
	padding-bottom:5px; 
	}
/*--------------------------------------------------*/

h3 { 
	font-size:105%;
	color:#39240f;
	padding-bottom:5px; 
	font-weight: bold; 
	}
/*--------------------------------------------------*/

ul { 
	font-size: 90%; 
	font-weight: 600; 
	list-style-type: none; 
	padding-bottom: 20px;
	padding:0;
	margin:0; 
	}
/*--------------------------------------------------*/
p {
	padding-bottom:20px;}
/*--------------------------------------------------*/
a:link { color:#39240f; text-decoration: none; }
a:visited { color:#222f43; text-decoration: none; }
a:hover { color: #6587b8; text-decoration: underline; }
a:active { color:#222f43; text-decoration: none; }


/*-------------this is the main nav menu---------------------*/
.menu{ 
	float:left; 
	padding-top:85px; 
	font-size:100%;
	color: white; 
	padding-left:16px;
	font-family: arial, helvetica, verdana; 
	/*border-bottom: 1px solid #d8e0e5;*/ }
.menu ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}
.menu li
	{
	float: left;
	margin: 0 1.4em;
	padding-bottom:5px;
	}
.menu a:link
	{
	/*color: #222f43;*/
	color: white;
	}
.menu a:hover
	{
	color: #000b1b;
	}
	
.menu a:visited
	{
	/*color: #222f43;*/
	color: white;
	}
	
.menu a:active
	{
	/*color: #222f43;*/
	color: white;
	}
	
	
	/*---------------------navigation----------------------------------*/

#navigation ul {
	width: 810px; 
	height: 37px; 
	position: relative; /** Places image at the top of the page **/
	top: 84px; /** Determines the height from the top of the page **/
	left: 44px; /** Determines the width from the left of the page **/
	background: url(images/menu.gif) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}

#navigation li {
	display: inline;
}

#navigation li a:link, #navigation li a:visited {
	border: none;
	height: 37px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}

#navigation li.home a:link, #navigation li.home a:visited { 
	left: 0;
	width: 46px;
	}
	
#navigation li.news a:link, #navigation li.news a:visited { 
	left: 76px;  /** how many px left of the first button i.e blue **/
	width: 40px;
	}
	
#navigation li.biog a:link, #navigation li.biog a:visited { 
	left: 145px;  /** how many px left of the first button i.e blue **/
	width: 81px;
}

#navigation li.discography a:link, #navigation li.discography a:visited { 
	left: 255px;  /** how many px left of the first button i.e blue **/
	width: 99px;
}

#navigation li.reviews a:link, #navigation li.reviews a:visited { 
	left: 384px;  /** how many px left of the first button i.e blue **/
	width: 62px;

}

#navigation li.photos a:link, #navigation li.photos a:visited { 
	left: 474px;  /** how many px left of the first button i.e blue **/
	width: 57px;
}

#navigation li.guestbook a:link, #navigation li.guestbook a:visited { 
	left: 559px;  /** how many px left of the first button i.e blue **/
	width: 87px;
}

#navigation li.contact a:link, #navigation li.contact a:visited { 
	left: 673px;  /** how many px left of the first button i.e blue **/
	width: 64px;
}

#navigation li.links a:link, #navigation li.links a:visited { 
	left: 767px;  /** how many px left of the first button i.e blue **/
	width: 43px;
}


#navigation li.home a:hover {
	background: url(images/menu.gif) no-repeat 0 -37px; /** moves image up 30px showing the rollover states **/ 
}
#navigation li.news a:hover {
	background: url(images/menu.gif) no-repeat -76px -37px; /** moves image up 37px and right 76px showing the rollover states **/
}
#navigation li.biog a:hover {
	background: url(images/menu.gif) no-repeat -145px -37px;
}
#navigation li.discography a:hover {
	background: url(images/menu.gif) no-repeat -255px -37px;
}

#navigation li.reviews a:hover {
	background: url(images/menu.gif) no-repeat -384px -37px;
}

#navigation li.photos a:hover {
	background: url(images/menu.gif) no-repeat -474px -37px;
}

#navigation li.guestbook a:hover {
	background: url(images/menu.gif) no-repeat -559px -37px;
}

#navigation li.contact a:hover {
	background: url(images/menu.gif) no-repeat -673px -37px;
}

#navigation li.links a:hover {
	background: url(images/menu.gif) no-repeat -767px -37px;
}

/*---------------------navigation----------------------------------*/
	
		
/*-----------------main content area----------------------*/

.left a:link {
	/*color: #556275;*/
	color: #281807;
	}
.left a:hover {
	color:#8ebcfe;
	}

.left { 
	font-family: Georgia, Times New Roman, Times, serif; 
	float:left; 	
	width:575px;
	padding-top:20px;
	padding-left: 40px;
	padding-bottom:40px;
	overflow:hidden; 
	height:100%;
	}
	
	.list ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
	.image_left { float:right; font-size: 75%; font-style:italic; text-align:right; padding: 8px 0 6px 18px; }
	
	.lineup {
	font-size: 90%;
	font-weight:bold;
	}
	
/*----------------right column---------------------*/

.sidebar { 
	float:right; 
	width:225px; 
	padding-top:40px; 
	padding-bottom:50px; 
	color: #222f43; 
	font-size: 90%; 
	font-family: arial, helvetica, verdana; 
	}
	
.sidebar span { font-size:110%; color:#162079; font-weight: bold; }
.sidebar a:link {
	/*color: #556275;*/
	color: #281807;
	}
.sidebar a:hover {
	color:#8ebcfe;
	}
	
.sidebar_current {
background:  url(images/sidebar_current.gif) no-repeat center top;
height: 75px;
width: 128px;
padding-bottom:7px;
}

.sidebar_upcoming {
background:  url(images/sidebar_upcoming.gif) no-repeat center top;
height: 77px;
width: 128px;
padding-bottom:7px;
}

.sidebar span {
	display: none;
	}	
	
	
/*----------------discography---------------------*/	

.disc_title{
padding-top:50px;
float:left;
width:200px;
font-size: 90%;
font-weight:bold;
}



.disc_cat{
padding-top:50px;
width:100px;
font-size: 90%;
float:left;
}

.disc_cover{
float:right;
font-size: 90%;
width:200px;
}

/*----------------links---------------------*/	

.link_left{
width:450px;
}	

/*----------------footer---------------------*/

.footer, .push {
height: 200px;
clear: both;
}

.footer p {
padding-left:30px;
padding-top:130px;
}


.footer {
background: url(images/jd_footer.jpg) no-repeat scroll center bottom;
width: 895px;
margin: 0 auto -200px;
padding-left: 40px;
font-size: 80%;
color:#6587b8;
}

.footer_msd {
/*background: url(images/msd.gif) no-repeat scroll center bottom;*/
float:right;
padding-right: 240px;
padding-top:170px;
}

.copyright {
float:left;
}
/*---------------fini---------------------*/

