@charset "utf-8";html,body,p,div,img,li,ol,dl,dd,dt,table,td,tr{

	padding:0px;

	border:0px;

	border-collapse:separate;

	margin-top: 0px;

	margin-bottom: 0px;

}



/* CSS Document */



body {background:url(../images/mainBG.jpg)  top center no-repeat, url(../images/jeantile.jpg) repeat; width: 100%; margin:0 auto; position:relative;

  }

  

  

#cp_widget_3dd711a2-b945-4ee4-b397-b9d4096a4377 {width:150px;}

  

.playbuttonContainer {

	height:auto;

	width:30px;

	color:#000;

	float:left;

	margin-left: 375px;

}  



#SBTSReference {

	height:200px;

	width:540px;

	font-family:'Playfair Display', serif;

	font-style:italic;

	text-align:center;

	font-size:1.2em;

	float:left;

	margin-left:35px;

	margin-top:50px;

	background-image:url(../images/SBTSRefBG.png);

}



#vertical {

	width:88px;

	position:absolute;

	height:100%;

	float:right;

	left: 963px;

	top: 0px;

	background-image: url(../images/jeantileVertical.jpg);

	background-repeat: repeat-y;

	overflow: visible;

	visibility: visible;

}



#topMusicSpacer{width:960px; height:260px; clear:both; }

#diaryMessage {
	box-shadow: 7px 0 5px -5px black,
           -5px 0 5px -5px black;
	clear: both;
	width: 980px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border-top: 6px dotted #FFFFFF;
	border-left: 6px dotted #FFFFFF;
	border-right: 6px dotted #FFFFFF;
	border-bottom: 6px dotted #FFFFFF;
	border-radius: 18px;
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 1.1em;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
	height: auto;
	font-weight: bold;
	padding-bottom: 10px;
	
         

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.songtitleContainer {

	color:#000;

	width: 250px;

	font-family: 'Lato', sans-serif;

	font-size:0.9em;

	float: left;

	height:auto;

	margin-bottom: 7px;

}  

#songlistContainer {

	height:250px;

	color:#000;

	position:relative;

	width: 250px;

	float: left;

	margin-left: 15px;

	padding-top: 13px;

} 



.songtitle {

	height:26px;

	

	width:180px;

	font:"Arial Black", Gadget, sans-serif;

	font-size:0.8em;

}

  

#clicktolearn {

	clear:none;

	color:#5A3614;

	border-bottom-left-radius: 20px;

	border-bottom-right-radius: 20px;

	text-align:center;

	font-family: 'Lato', 'sans-serif';

	font-weight:bold;

	z-index:2;

	line-height: 1em;

	margin-bottom: 15px;

	margin-right: 0px;

	margin-left: 0px;

	height: 280px;

	width: 320px;

	float: right;

	background-position: center bottom;

	background-repeat: repeat;

	margin-top: 30px;

}  



#clicktolearn a:link {color:#FFF; text-decoration:underline;}







#clicktolearn a:visited {color:FFF; text-decoration:underline;}



#clicktolearn a:hover {color:#93F;}



#biolink {width:200px; height:200px; float:left; clear:left; margin-left:100px;}



#bbqSongContainer {

	width:52px;

	height:52px;

	margin-left:60px;

	margin-top: 10px;

}



#crossbar {

	height:17px;

	width:100%;
	
	min-width:1500px;

	background-image:url(../images/bio/crossbar.png);

	left: 0px;

	top: 0px;

}  

    

  

#guitarSmoke {

	width:568px;

	height:268px;

	background:url(../images/countryGuitarSmoke.png) no-repeat;

	position:absolute;

	left: 657px;

	top: -109px;

}

  

a:link {

	color: #000;

	text-decoration: none;

	font-weight:bold;

}



a:hover {

	color:#639;

}





/* #mainContentWrap {overflow:visible; width:960px;height:1500px; position:relative; margin:0 auto;padding:0px;top:0px;bottom:0px;} */







#header {

	width:960px;

	height:305px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}



.logoImg {width:270px;

	height:155px;

	float:left;

	position: absolute;

	left: 449px;

	top: 170px;}

	

	.logoImgDiary {
	width: 270px;
	height: 155px;
	float: left;
	margin-left: 90px;
	margin-top: 140px;

}



	.diaryPhoto {

	width:270px;

	height:155px;

	float:left;

	position: absolute;

	left: 560px;

	z-index:10000;

	top: 958px;

	font-size: 1.5em;

	font-family: 'Playfair Display', serif;

	font-style: normal;

	color: #000;

	font-weight: bold;

	font-style:italic;

	text-align:center;

	padding-top:10px;

	text-decoration:none;

}




#mainContentWrap {

	width:960px;

	height:auto;



	clear:both;

	overflow:visible;

	margin-left:auto;

	margin-right:auto;

}



#musicPgContentWrap {

	width:960px;

	height:830px;

	clear:both;

	background-image:url(../images/guitarcollage.png);

	background-repeat:no-repeat;

	overflow:visible;

	margin-left:auto;

	margin-right:auto;

}





#latestBBQ {

	width:320px;

	height:500px;

	display:block;

	margin-left:13px;

	text-align:center;

	float:right;

	margin-left:auto;

	margin-right:auto;

	font-family: 'Italianno', Helvetica, Sans-serif;

	color:#000;

	font-weight:bold;

	position: relative;

	background-image: url(../images/woodentexture.jpg);

	background-repeat: repeat;

	border: 3px solid #5A3614;

	font-size: 2.5em;

	clear: right;

}



#bathtubContent {

	width:620px;

	overflow:visible;

	position: relative;

	float: left;

	

}



#leftContent {

	width:640px;

	height:945px;

	overflow:visible;

	position: relative;

	float: left;

}



.contact {

	width:400px;

	height:170px;

	font-size: 1.2em;

	color:#FFF;

	margin-right: auto;

	margin-left: auto;

	color: #000;

	line-height: 4.25em;

}



.contact a:link {color:#FFF}



#sidebarZone {width:960px; height:auto; margin-left:auto; margin-right:auto;}



#latestRightCont {

	width:320px;

	height:auto;

	display:block;

	margin-left:13px;

	text-align:center;

	margin-left:auto;

	margin-right:auto;

	margin-bottom: 15px;

	margin-top: 15px;

	padding-right: 10px;

	font-family: 'Italianno', Helvetica, Sans-serif;

	font-weight:bold;

	font-size: 3em;

	

	}



.diaryRightCont {

	width:320px;

	height:auto;

	display:block;

	margin-left:13px;

	text-align:center;

	margin-left:60px;

	margin-bottom: 15px;

	margin-top: 5px;

	margin-right: 0px;

	float: left;

	clear: none;

}



#region-sidebar-first {

	height:auto;

	width:320px;

	float:right;

	margin-left:auto;

	margin-right:auto;

	background-color: #650022;

	padding-top: 25px;

	font-family: Arial, Helvetica, sans-serif;

}



.rightContentContainer {

	width:320px;

	height:1065px;

	background-image:url(../images/countrySummer.jpg);

	background-repeat:no-repeat;

	display:block;

	font-family: Lato, 'sans-serif';

	font-weight:normal;

	line-height:1.125em;

	padding-top:15px;

	margin-bottom: 30px;

	background-position: center;

	border-top-width: 4px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFF;

}

.rightContentContainer a:link {text-decoration:underline;}



.rightSongbookCont {

	width:280px;

	height:auto;

	display:block;

	margin-left:auto;

	text-align:center;

	margin-bottom: 30px;

	margin-top: 15px;

	clear: both;

	margin-right: auto;

}



.rightGalleryCont {

	width:280px;

	height:250px;

	display:block;

	margin-top: 30px;

	margin-right: auto;

	margin-left: auto;

}



#contentDivider {height:40px; width:20px; background:url(../images/bottomDivider.png) repeat-x; margin-left:auto; margin-right:auto; clear:both;}



#dedicationWrap {width:1500px; height:315px; margin-left:auto; margin-right:auto; background:url(../images/jltrBG.jpg) no-repeat; clear:both;}

#dedicationCont {width:960px; height:315px; margin-left:auto; margin-right:auto; clear:both}

#dedication {

	width:400px;

	height:263px;

	float:left;

no-repeat; 	margin-top:52px;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size:1.20em;

	color:#000;

	font-weight:bold;

	position:relative;

}

.jltrPlayer {

	height:41px;

	width:41px;

	float:right;

	position:absolute;

	left: 298px;

	top: 182px;

}



#footerWrap {

	height:33px;

	width:100%;

	background-image:url(../images/footerBG.png);

	background-repeat:repeat;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	clear:both;

	position:relative;

	padding-top: 15px;

}



.footerCont {

	width:960px;

	height:33px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin-right: auto;

	margin-left: auto;

}



#divInsideWrap {

	width:960px;

	height:70px;

	margin-right:auto;

	margin-left:auto;

	text-align:center;

	color: #666;

}







#bathtubTemp {

	width:575px;

	height:431px;

	float:left;

	border-top-color: #FFF;

	border-right-color: #000;

	border-bottom-color: #C60;

	border-left-color: #000;

	background-image: url(../images/bathtub.jpg);

	background-repeat: no-repeat;

	border-top-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	margin-top: 250px;

}



#bathtub {

	width:600px;

	height:435px;

	margin-top:740px;

	float:left;

	border-top-color: #FFF;

	border-right-color: #000;

	border-bottom-color: #C60;

	border-left-color: #000;

	background-image: url(../images/bathtub.jpg);

	background-repeat: no-repeat;

	border-top-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

}



#staircase {

	width:520px;

	height:203px;

	float:left;

	background-image:url(../images/staircase.png);

}



#musicBubble1 {

	position:absolute;

	width:185px;

	height:200px;

	z-index:1;

	left: 845px;

	top: 908px;

	background-image:url(../images/emptyBubble3.png);

	background-position:center;

	background-repeat: no-repeat;

}

#musicBubble2 {

	position:absolute;

	width:185px;

	height:110px;

	z-index:1;

	left: 238px;

	top: -11px;

	background-image:url(../images/emptyBubble2.png);

	background-position:center;

	background-repeat: no-repeat;

}

#musicBubble3 {

	position:absolute;

	width:185px;

	height:110px;

	text-align:center;

	z-index:1;

	left: 663px;

	top: 962px;

	background-image:url(../images/emptyBubble2.png);

	background-position:center;

	background-repeat: no-repeat;

}

#musicBubble4 {

	position:absolute;

	width:185px;

	height:145px;

	z-index:1;

	left: 20px;

	top: -19px;

	background-image:url(../images/emptyBubble3.png);

	background-position:center;

	background-repeat: no-repeat;

}

#musicBubble5 {

	position:absolute;

	width:185px;

	height:145px;

	z-index:1;

	left: 422px;

	top: 4px;

	background-image:url(../images/emptyBubble1.png);

	background-position:center;

	background-repeat: no-repeat;

}



#musicBubble6 {

	position:absolute;

	width:185px;

	height:145px;

	z-index:1;

	left: 500px;

	top: 963px;

	background-image:url(../images/emptyBubble.png);

	background-position:center;

	background-repeat: no-repeat;

}



#musicBubble7 {

	position:absolute;

	width:185px;

	height:185px;

	z-index:1;

	left: 165px;

	top: 510px;

}



.bubbleContent {

	margin-top:10px;

	font-family:'Playfair Display', serif;

	font-weight:bold;

	font-style:italic;

	font-size:0.9em;

	margin-left:5px;

	color:#000;

	text-align:center;

	line-height: 1.25em;

}



.bubbleText {

	font-family:impact;

	font-size:20px;

	text-align:center;

}



#likeyourbbq {

	width:400px;

	height:360px;

	position:absolute;

	background-image:url(../images/likeyourbbq.png);

	left: -29px;

	top: 199px;

}



#clickherebbq {

	font-family: 'Italianno', Helvetica, Sans-serif;

	color:#FFF;

	font-size: 0.8em;

	font-weight:bold;

	line-height:1em;

	position:absolute;

	left: 61px;

	top: 359px;

}



#introHeading {
	font-size: 1.5em;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	left: 7px;
	top: 238px;
	font-style: bold;
	z-index: 999;

}



#country2013 {

	width:200px;

	height:auto;

	position:absolute;

	left: 700px;

	top: 270px;

	font-size: 1.5em;

	font-family: 'Playfair Display', serif;

	font-style: italic;

	color: #000;

	font-weight: bold;



}



#country2013Diary {
	width: 97px;
	height: 20px;
	position: absolute;
	left: 484px;
	top: 251px;
	font-size: 1.6em;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #000;
	font-weight: bold;



}





#secondRightSection {}



.storyDivider {

	width:320px;

	height:14px;

	background-image:url(../images/dividerSB.png);

	clear:both;

	margin-right: auto;

	margin-left: auto;

}

#welcomeBanner {

	font-size: 2.5em;

	font-style: normal;

	font-weight:bold;

	color: #650022;

	clear: none;

	height: 50px;

	font-family: Lato, 'sans-serif';

	width: 560px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 35px;

	background-repeat: no-repeat;

}



#bubblesGroup {

	width:250px;

	height:250px;

	background-image:url(../images/bubblesgroupLeft.png);

	position:absolute;

	left: 411px;

	top: 642px;

	overflow: hidden;

} 



#bubblesGroup2 {

	width:250px;

	height:500px;

	background-image:url(../images/bubblesgroup2.png);

	position:absolute;

	left: -136px;

	top: 384px;

} 



#bubblesGroup3 {

	width:75px;

	height:500px;

	background-image:url(../images/bubblesGroup3.png);

	background-repeat:no-repeat;

	position:absolute;

	left: 349px;

	top: 283px;

} 



#sampleSnippet {

	width:320px;

	height:125px;

	margin-left:auto;

	margin-right:auto;

	margin-top: 20px;

	font-family: impact;

	color: #000;

	text-align: center;

	font-weight: normal;

	background-position: bottom;

}



.descriptionBG {

	width:280px;

	background-repeat: repeat;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

}



.latestBG {

	width:320px;

	background-image: url(../images/descriptionBG.png);

	background-repeat: repeat;

}



/* NAVIGATION */



/*bands*/

.container {

	position: relative;

	width: 960px;

	padding: 0;

	text-align: center;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 225px;

}

.band {background-color:#f8f8f8; width:100%; margin: auto 0;min-width:1500px;}

.band.navigation {

	background:url(../images/navBG.png);
	min-width:1500px;

	height:55px;

repeat-x:#343434; 	float: left;

}

.band.footer {background:url(../images/footerBG.png) repeat #CCC; padding: 25px 0 14px 0; color:#333;}

.band.crossbar {background:url(../images/bio/crossbar.png) repeat-x; height:17px; min-width:1500px;}



/*Navigation*/

#navWrap {

	height:70px;

	min-width:100%;

	background-image:url(../images/navBG.png);

	background-repeat:repeat;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	clear:both;

}

nav.primary ul,

nav.primary ul li {

	margin: 0px;

	font-size: 14px;

}



nav.primary select {display:none; width:100%; margin:12px 0; height:28px;}



nav.primary ul li {display:inline; float:left; position:relative;}



nav.primary ul li a {font-family: 'playfair_displayregular'; display:inline-block; line-height:55px; color:#ffffff; text-decoration:none; font-weight:normal; letter-spacing:0.08em; padding:0 28px;}



nav.primary ul li span {display:none;}

nav.primary ul li a:hover {background:#424242; cursor:pointer; }





/* Sub-Menu */



nav.primary ul ul {opacity:0; filter: alpha(opacity-0); position:absolute; list-style:none; z-index:999; background:url(../images/VerSectionDivider.png) repeat; min-width:100%;

-webkit-box-shadow: 0px 2px 2px rgba (0,0,0,0.3);

-moz-box-shadow: 0px 2px 2px rgba (0,0,0,0.3);

box-shadow: 0px 2px 2px rgba (0,0,0,0.3);

height:0px;}



.hover-over:hover {font-size: 13px;}



nav.primary ul li:hover ul {opacity:10; filter: alpha(opacity=100); height:auto; overflow:auto;}



nav.primary ul ul li {float:none; display:list-item; border-bottom:1px solid #ffffff;}



nav.primary ul ul li a {

	display:inline-block;

	line-height:35px;

	text-transform:none;

}



nav.primary ul li:hover > a {

	background: url(../images/titleBG.png) repeat;

	font-family: 'playfair_displayregular';

	font-size: 14px;

}



.navpush {margin-left:auto; margin-right:auto;}



#bbqCredits {

	color:#FFF;

	margin-top: 25px;

	font-size: 0.7em;

}



#fbIcon {width:50px; height:50px; clear:right; margin-left:50px; margin-top:65px; margin-bottom:5px; margin-right:0px;}



#mailicon {

	width:50px;

	height:50px;

	margin-left:10px;

	margin-right:20px;

	float:left;

}



#bbqdivider {width:341px; height:29px; clear:both; background-image:url(../images/bbqdivider.png)}



.parenthesisTitle {font-size:0.850em;}



@font-face {

    font-family: 'playfair_displayregular';

    src: url('playfairdisplay-regular-webfont.eot');

    src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),

         url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),

		 url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'playfair_displaybold';

    src: url('playfairdisplay-bold-webfont.eot');

    src: url('../fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/playfairdisplay-bold-webfont.woff') format('woff'),

         url('../fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),

		 url('../fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');

    font-weight: bold;

    font-style: bold;



}