/* CSS Document */

body {

	background: #031346 url('images/wrap-bg.jpg') repeat-y top left;
	color: #68635D/*c5cde7*/;
	font: 12px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	margin: 0px;
}

h1 {
 	display: none;
}

h2 {
 	display: none;
}

h3 {
	font: 1.15em Georgia, "Times New Roman", serif; letter-spacing: 3px;
	margin: 0px 10px 10px 20px;
	padding: .25em;
	background: #1e2e62;
	border-top: #455275 dashed 1px;
	border-bottom: #455275 dashed 1px;
}

h3#disc {
	font: .95em Georgia, "Times New Roman", serif; letter-spacing: 3px;
	margin: -43px 60px 0px 100px;
}

h3#earlyYears {
	clear: both;
}
p {
	padding: 0px 10px 10px 20px;
}


p#pFooter {	
	color: #99a9dd;
	font: 9px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	padding: 5px 60px 0px 10px;
	text-align: center;
}

p#MusicIntro {
	background: url('images/jh-banner-music.gif') top left no-repeat;
	margin: 435px 0px 0px 15px;
	padding: 62px 60px 0px 10px;
}

span.highlight { color:#7584B5; padding:1px 5px; }
/*------- ID Selectors --------*/

div#ClearElements {
	clear: both;
}

div#leftContainer {
	background: url('images/johnny_hollidayNew_01.jpg') top left no-repeat;
	float: left;
	height: 520px;
	padding: 0px 0px 0px;
	width: 340px;

}

div#centerContainer {
	background: url('images/johnny_hollidayNew_02.jpg') top left no-repeat;
	float: left;
	height: 520px;
	padding: 0px 0px 0px;
	width: 439px;
}

div#ContactBG {
	background: url('images/contact-bg.jpg') top left no-repeat;
	height: 325px;
	margin: 0px 10px 0px 20px;
	width: 400px;
}

div#NavGallery {
	float: left;
	width: 160px;
}

div#PhotoContainer {
	margin: 0px 0px 0px 165px;
	width: 241px;	
}

div#rightContainer {
	background: url('images/johnny_hollidayNew_03.jpg') top left no-repeat;
	float: left;
	height: 520px;
	padding: 90px 0px 0px;	
	width: 174px;
}

div#ShineInMeDiscography {
	background: url('images/johnnyhollidayCD.gif') no-repeat top right;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

div#wrap {
	padding: 0px 0px 15px;
	width: 955px;
}



ul#BioList, ul#galleryList {
	margin: 0px;
	padding: 0px 0px 0px 6px;
}

ul#BioList li, ul#galleryList li {
	float: left;
	list-style: none;
	padding: 0px 2px 10px 20px;
}

ul#ContactList {

	margin: 0px;
	padding: 70px 0px 0px 6px;
}

ul#ContactList li, ul#ContactList li#additionalWebList {
	color: #fff;
	font-weight: bold;
	list-style: none;
	margin: 3px 0px 0px;
}

ul#ContactList li#additionalWebList {
	color: #fff;
	padding: 20px 0px 0px; 
}

ul#ContactList li#additionalWebList ul li {
	color: #fff;
	font: .80em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	margin: 0px 0px 0px -15px;
	padding: 3px 0px 0px; 
}

ul#FamGallery li, ul#CarGallery li, ul#MilGallery li {
	font: .6em arial, serif; letter-spacing: .5px;
	list-style: none;
}

ul#FamGallery {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 3px 0px 0px;
	width: 45px;
}


ul#CarGallery {
	float: left;
	margin: 0px 0px 0px;
	padding: 0px 3px 0px 0px;
	width: 45px;
}

ul#MilGallery {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 35px;
}

ul#MusicList {
	margin: 10px;
	padding: 0px 0px 0px 100px;
}

ul#MusicList li {
	list-style: none;
}

ul#nav {
	margin: 12px;
	padding: 0px 20px 10px 22px;	
}

ul#nav li {
	height: 46px;
	list-style-image: url('images/diamond.gif');
	padding: 0px;
}

span.SinglesDownload {
	color: #001447;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

ul#ShineInMeSingles {
	margin: 0px;
	padding: 0px 20px 10px 20px;
	width: 280px;
}

ul#ShineInMeSingles li {
	font: .95em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	height: 17px;
	list-style: none;
	margin: 1px;
	padding: 3px 3px 3px 28px;
}

ul#ShineInMeSingles li.odd {
	background: #233570 url('images/headphones.gif') no-repeat 5px 4px;
}

ul#ShineInMeSingles li.even {
	background: #1e2e62 url('images/headphones.gif') no-repeat 5px 4px;
}

ul#ShineInMeSingles li.BuyOdd {
	background: #233570;
}
ul#ShineInMeSingles li.DownloadEven {
	background: #1e2e62;
}

/*Classes*/
.lSubCont {
	padding: 0px 60px 10px 10px;
}

img { border:none}

.clickableImg {
	border: #455275 solid 1px;
	padding: 2px;
}

.cSubCont {
	padding: 0px 10px 10px 20px;
}

.endingNotation {
	background: url('images/jh.gif') no-repeat top left;
	border-bottom: #455275 dashed 1px;
	height: 37px;
	margin: 0px 20px 0px 20px;
	padding: 10px 10px 0px 45px;
	vertical-align: bottom; 
}

.IntroParagraph, 
.JourneyParagraph, 
.DiscographyParagraph, 
.bkstageParagraph, 
.GalleryParagraph, 
.ProgramParagraph,
.videoParagraph,
.kudosParagraph {
	font: 1.15em Georgia, "Times New Roman", serif; letter-spacing: 3px;
	color: #7584B5;
	margin: 98px 0px 0px;
	padding: 75px 10px 10px 20px;
}

.bkstageParagraph {
	background: url('images/jh-banner-backstage.gif') top left no-repeat;
}

.IntroParagraph {
	background: url('images/jh-banner-welcome.gif') top left no-repeat;
}

.DiscographyParagraph {
	background: url('images/jh-banner-discography.gif') top left no-repeat;
}

.JourneyParagraph {
	background: url('images/jh-banner-journey.gif') top left no-repeat;
}

.GalleryParagraph {
	background: url('images/jh-banner-gallery.gif') top left no-repeat;
}

.kudosParagraph {
	background: url('images/jh-banner-kudos.gif') top left no-repeat;
}

.ProgramParagraph {
	background: url('images/jh-banner-programs.gif') top left no-repeat;
}

.videoParagraph {
	background: url('images/jh-banner-videos.gif') top left no-repeat;
}


.photo {
	border: #fff solid 1px;
}

.rSubCont {
	padding: 0px 60px 10px 10px;
}

.quotation {
	background: url('images/quote.gif') top left no-repeat;
	color: #99a8d7;
	padding: 5px 10px 0px 35px;
	font: 1em Georgia, "Times New Roman", serif; letter-spacing: 1px;
}

span.Listen {
	background: #1e2e62 url('images/headphones.gif') no-repeat top left;
	font: .75em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	height: 16px;
	margin: 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}

span.songTitle {
	font-style: italic;
}


/*-------Form---------------*/

.form_field { color:#fff}

/*------ Links --------------*/

a:link, a:visited, a:hover {
	color: #fff;
}