/* Justin Plet - www.justinplet.com - CSS layout */
/* Created by Richard Baxant - Baxitek Solutions - www.baxitek.com - info@baxitek.com */

/* HTML class elements */
@font-face {
    font-family: 'AndyBold';
    src: url('../webfont/andyb-webfont.eot');
    src: url('../webfont/andyb-webfont.eot?#iefix') format('eot'),
         url('../webfont/andyb-webfont.woff') format('woff'),
         url('../webfont/andyb-webfont.ttf') format('truetype'),
         url('../webfont/andyb-webfont.svg#webfont4UlhR0qI') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body{	
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

label,p,input,textarea{
	font-family: 'AndyBold';
	font-size:12pt;
	color: black;
}

input,textarea{
letter-spacing: 1px;
}

ul{
	margin:0;
	padding:0;
}

h1{
	margin:8px;
	padding:0;
	font-family: 'AndyBold';
	font-size: 3.5em;
}

h1.liveshows{
	font-size: 3em !important;
}

h2{
	margin:0;
	padding:0;
	font-family: 'AndyBold';
	font-size: 1.3em;
}

h2.contact{
	margin:0;
	padding:0;
	font-family: 'AndyBold';
	font-size: 1.4em;
}

h3{
	font-family: 'AndyBold';
}

h2.undrln{
 	text-decoration: underline;
}

p.white{
	background-color: white;
	font-family: 'AndyBold';
	font-size:1em;
	color: black;
	padding: 5px;
	margin: 0px;
	padding-left: 45px !important;
	text-align: left;
	
}
 
p.grey{
	background-color: #dddddd;
	font-family: 'AndyBold';
	font-size:1em;
	color: black;
	text-align: left;
	padding: 5px;
	margin: 0px;
	padding-left: 10px !important;
}

fieldset {margin:0.2em; padding:0.2em; border:1px solid #666; background:#eee;}
legend {font-family: 'AndyBold'; font-size:1em; color:#000; border:0px; background:#eee; padding:.4em;}
.btn {border:0; padding:0; width:105px; margin-bottom:-.9em;}

#response {color: #666; font-size:inherit; padding:0;}
#no-spam {font-size:0.8em; font-size:xx-small; font-family: 'Arial',sans-serif; color:#666; margin-top:.4em;}
#description {font-size:1.1em; margin:1.5em 1em -1.9em 0; color:#333; text-align:right; color:#333;}
#email{width: 45%;}

/* Layer id elements */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.albuminfo{
	padding-left: 60px;
	font-family: 'AndyBold';
	font-size:14px;
	font-weight: bold;
}

.pipe{
	font-size:14px;
	font-weight: bold;
}

.lyric{
	line-height: 25px;
}

.links{
	font-family: 'AndyBold';
	font-size:1em;
	color: #0000ee;
	letter-spacing: 1px;
	text-decoration: none ;
}

.linkshover:hover{
	text-decoration: underline !important;
}


.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	text-decoration:none;
	font-family: 'AndyBold';
	font-size: 1em;
	color: #0000ee;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -20px 0 10px 65px; }
.ui-timepicker-div table td tr span { font-family: 'Arial',sans-serif; font-size: 10pt !important; }

.feedback-panel {
    position:absolute;
    top:20px;
    left:-491px;
    z-index: 20;
}

.feedback-panel {
    padding:20px;
    width: 450px;
    height: 100px;
    border: #666 1px solid;
    background-color: #eeeeee;
    position:absolute;
    top:100px;
    left:-491px;
}
 
.feedback-panel a.feedback-tab {
    background:transparent url(../images/feedbacktab.gif) no-repeat scroll 0 0;
    border-width: 1px 1px 1px 0;
    display:block;
    height:99px;
    left:51px;
    bottom:21px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:30px;
    outline:none;
}



#container{
    margin: 0px;
	width: 917px;
	background-color: #bbbdbc;
	height: 630px;	
	border: 2px solid Black;
	position: relative;
}

#contentbg{
	background-image: url(../images/jp_01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	width: 755px;
	height: 629px;
}

#abouttxt{
	position:relative;
	text-align: left;
	margin-top: 50px !important;
	margin: 25px;
	font-size: 12pt;
	font-family: 'AndyBold';
}

#contacttxt{
	position:relative;
	left: 100px;
	top: -20px;
	text-align: left;
	font-size: 12pt;
	font-family: 'AndyBold';
	line-height: 30px;
}

#credits{
	position:relative;
	top: 315px;
	margin-top: 50px !important;
	margin: 25px;
	font-size: 12pt;
	font-family: 'AndyBold';
}

#thanks{
	width: 650px;
	position: relative;
	margin-top: 30px !important;
	margin: 25px;
	text-align: left;
	font-size: 12pt;
	font-family: 'AndyBold';
}

#content{
   position: relative;
}

#innercontainer{
	position: relative;
	width:600px;
	margin-top: 15px;
	text-align:center;
}

#albumcover{
	position: absolute;
	left: 0px;
	top: 0px;
	width:200px;
	text-align: left;
}

#tracklisting{
	position: absolute;
	left: 250px;
	width:300px;
	font-family: 'AndyBold';
	text-align: left;
	font-size: 14pt;
}

#lyricslinks{
	position: absolute;
	left: 505px;
	width:125px;
}

#listing{
	width: 650px;
}

#footer{
width: 915px;
top: 635px;
position: relative; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 10px;
text-align: right; 
color: #101028;
}

#navbox{
	position: absolute;
	left: 755px;
    margin: 0px;
	width: 162px;
	height: 629px;
}

#tip7-title {
    text-align: left;
}

#tip7-title b {
    display: block;
    margin-right: 80px;
}

#tip7-title span {
    float: right;
}

#navlist li{margin:0;padding:0;list-style:none;position:relative;top:0;}
#navlist li, #navlist a{height: 70px; display:block;}

#home{width:162px;}
#home{background:url('../images/jp_nav_sprites.jpg') 0px 0px;}
#home a:hover{background: url('../images/jp_nav_sprites.jpg') -162px 0px;}

#music{width:162px;}
#music{background:url('../images/jp_nav_sprites.jpg') 0px -71px;}
#music a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -71px;}

#about{width:162px;}
#about{background:url('../images/jp_nav_sprites.jpg') 0px -141px;}
#about a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -141px;}

#shows{width:162px;}
#shows{background:url('../images/jp_nav_sprites.jpg') 0px -211px;}
#shows a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -211px;}

#lyrics{width:162px;}
#lyrics{background:url('../images/jp_nav_sprites.jpg') 0px -281px;}
#lyrics a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -281px;}

#pics{width:162px;}
#pics{background:url('../images/jp_nav_sprites.jpg') 0px -351px;}
#pics a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -351px;}

#contact{width:162px;}
#contact{background:url('../images/jp_nav_sprites.jpg') 0px -421px;}
#contact a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -421px;}

#shop{width:162px;}
#shop{background:url('../images/jp_nav_sprites.jpg') 0px -491px;}
#shop a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -491px;}

#thankyou{width:162px;}
#thankyou{background:url('../images/jp_nav_sprites.jpg') 0px -561px;}
#thankyou a:hover{background: url('../images/jp_nav_sprites.jpg') -162px -561px;}