*{
	margin:0;
	padding:0;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#003d4c;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:black;
padding-top:.5em;
font-weight: bold;
font-size: 20px;
}

h4{
color:black;
font-weight:bold;
font-style: italic;
font-size: 16px;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

p
{
margin-bottom: 1em;
line-height: 1.25em;
}

body{
	background-color: white;
	font-family:Arial;
	font-size: 76%;
	background-color: #cccccc;
	text-align: center;
	overflow: auto;
}

/* long-term, we want this to be the default for content and override it per page */
.contact #content, .videos #content, .calendar #content {
	padding:30px 15px 10px 100px;
}

.videos #content { font-size: 14px; }
.videos #content p {
	padding-left: 3px;
}

.video p { display: none }

.videos #content h2 {
	font-size: 140%;
}

/* Layout */

#container{
	margin: 0 auto;
	padding: 0px;
	width: 980px;
	height: 850px;
	background: url("/img/bg.jpg");
	background-repeat: no-repeat;
	text-align:left;
	
	position: relative;
	top: 0px;
	left: 0px;
}

/* Nav Layout */
#nav
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: 500px;
}
	#navVideos {
		position: absolute;	left: 18px;	top: 77px
	}
	#navCal {
		position: absolute;	left: 71px;	top: 103px;
	}
	#navCal2 {
		position: absolute;	left: 120px; top: 66px;
	}
	#navPhotos {
		position: absolute;	left: 82px;	top: 140px;
	}
	#navPressKit {
		position: absolute;	left: 39px;	top: 206px;
	}
	#navPressKit2 {
		position: absolute;	left: 39px; top: 235px;
	}
	#navContact {
		position: absolute; left: 104px; top: 235px;
	}
	#navContact2 {
		position: absolute;	left: 139px; top: 201px;
	}
	#navMusicSwitch {
		position: absolute; left: 104px; top: 571px;
	}

	#homeBtn {
		position: absolute;	left: 164px; top: 711px
	}

#body
{
	position: absolute;
	left: 326px;
	top: 0px;
	width: 654px;
}

#header{
	padding-top: 21px;
}

.home h1
{
	position: absolute;
	left: 345px;
	top: 16px;

	color: rgb(39,72,151);
	font-style: italic;
	font-weight: bold;
	font-family: Arial;
	font-size: 22px;
	line-height: 1.4em;
}

#content{
	font-family: Arial;
	font-size: 15px;
	height: 800px;
}

.home .videos {
	float: left;
	padding-left: 65px;
}
.home .videos h2 { color: black; font-weight: bold; font-style: italic }

.home .bottom-bar {
	position: relative;
	clear: both;
	height: 250px;
	width: 910px;
	left: -256px;
	padding-top: 70px;
}

.home .music-player {
	position: absolute;
	bottom: 20px;
	left: 0px;
}

.home .music-player .cd { float: left }
.home .music-player .samples { float: left; padding-left: 20px; }
.home .music-player .samples h2 { margin: 2px 0 5px; padding: 0 }


.home .about { 
	position: absolute;
	right: 15px;
}

#homeContent, #contactContent
{
	padding: 80px 15px 10px 100px;
}

#homeQuote
{
	width: 307px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.4em;
	text-align: right;
	color: rgb(126,0,129);
	padding-right: 14px;
}

#homeJeff
{
	padding-right: 10px;
}

div.jp-interface ul.jp-controls {
list-style-type:none;
	line-height: 18px;
}
div.jp-interface ul.jp-controls a {
overflow:hidden;
position:absolute;
text-indent:-9999px;
}

div.jp-interface ul.jp-controls .play { padding-top: 5px }
div.jp-interface ul.jp-controls .pause { padding-top: 0px }

div.jp-audio .track-name { padding-left: 27px }

.home .samples ul { list-style: none; margin-left: 0px }
.home .samples li { line-height: 15px; margin-left: 5px; padding-top: 3px; margin-bottom: 3px }
a.jp-play { background: url('/img/playpause.gif') 0 2px no-repeat; padding-left: 24px; padding-top: 3px; }
a.jp-pause { background: url('/img/playpause.gif') 0 -19px no-repeat; padding-left: 24px; padding-top: 3px; }


/* Publicity CSS */
.presskit-old #content
{
	padding-top: 35px;
	padding-left: 210px;
}

#presskit-old
{
	position: absolute; left: 405px; top: 200px;
	text-align: right;
}

.presskit-old #content h2 {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}

.presskit-old #content h3 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: .25em;
}

/* Biographies Page */
#biographiesContent
{
	position: relative;
	left: -70px;
	padding-top: 22px;
}

TD.bioPic
{
	text-align: right;
	vertical-align: top;
	padding-bottom: 8px;
}
TD.bioText
{
/* 	font-size: 13px; */
	padding-left: 10px;
	padding-bottom: 8px;
}

#bioBackButton
{
	position: relative;
	top: -45px;
	text-align: right;
}

/* Photos/Music Page */
#photosContent
{
	position: absolute;
	left: 340px;
	top: 16px;

	width: 300px;
	padding-left: 5px;
	padding-right: 34px;
	text-align: right;
}

#photosContentText
{
	position: relative;
	top: 0px;
	left: -20px;
	padding-top: 35px;
	width: 290px;
}

#recordText
{
	position: absolute;
	top: 259px;
	left: 73px;
	width: 230px;
	text-align: center;
}

.recordLink {
	padding-top: 2px;
	padding-bottom: 7px;
}

.recordLink a {
	font-weight: bold;
	color: rgb(0,164,232);
}

div.picture
{
	text-align: right;
	padding-bottom: 10px;
}

td.picture
{
	padding: 0px 5px;
}
td.picture2
{
	padding: 0px 0px 0px 10px;
}

.photos .text {
	width: 585px;
	float: right;
	margin-top: 155px;
	padding-left: 45px;
	margin-right: 9px;
}

.photos h1, .photos p { padding-left: 215px }

.photos-holder .photo, .photos-holder .blank {
	float: left;
	width: 175px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.photos-holder .blank {
	height: 135px;
}

.photos-holder {
	float: right;
}

/* Calendar */

.booking {
	margin-bottom: 1.25em;
}

.booking .date {
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: .2em;
}

.booking .info { display: block }
.booking .name { font-size: 15px; margin-top: .5em  }
.booking .phone { color: #333; font-style: italic; font-size: 90%; margin-left: 3px }
.booking .phone:before { content: "(" }
.booking .phone:after { content: ")" }
.booking .location { display: block }
.booking .website { display: block }


#footer{
	padding-top: 50px;
	text-align: center;
}

.listContents
{
	margin: 0px 8px;
}

A.subPageLink
{
	font-style: italic;
	font-size: 16px;
	color: rgb(26,49,136);
	text-decoration: none;
}
A.subPageLink:hover
{
	text-decoration: underline;
}

.subPage
{
	padding-top: 10px;
}


/* tables */

table {
--clear:both;
padding: 0;
margin: 0 0 2em 0;
--white-space: normal;
}
th {
}
table tr td {
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
float:left;
width: 140px;
font-size: 14px;
padding-right: 20px;
}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input, textarea {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}
select {
clear: both;
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
div.required {
clear: both;
color:#222;
font-weight:bold;
}
div.optional {
clear: both;
color:#555;
}
div.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

.videos #content h2 {
	color: black;
}

/* Press Kit Page */
.presskit #content
{
	padding: 10px 0px 0px 70px;
	line-height: 1.4em;
}
	
	.presskit #content h1, .presskit #content h2 {
		padding-top: .85em;
		padding-bottom: .15em;
	}

	.presskit #content h3 {
		padding-top: 0px;
		padding-bottom: .35em;
		font-size: 16px;
	}
	
	.presskit #content p {
		width: 97%;
		padding-left: 3px;
		font-size: 16px;
		margin-bottom: .75em;
	}

	.presskit #content ul {
		list-style: none;
		font-size: 16px;
	}
.presskit li { margin: 0; padding-bottom: .25em; margin-left: 10px; list-style: disc }
.presskit .left { float: left; width: 47%; padding-right: 2%; }
.presskit #venues { clear: both }
.presskit #venues li { margin: 0; padding-bottom: .25em; margin-left: 10px; list-style: disc }
.presskit #venues .left { float: left; width: 47%; padding-right: 2%; }


.clear { clear: both }