/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ AffinityBand.com CSS Styles ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
/* Code developed by Adam Roberts, Narrow Corridor Design (www.narrowcorridor.com) */

/* ~ ~ ~ ~ ~ Body Styles ~ ~ ~ ~ ~ */
body {
	background: url('../images/affinitybackground.gif') top left repeat-y;
}

/* ~ ~ ~ ~ ~ Masthead Styling ~ ~ ~ ~ ~ */
#masthead {
	background: url('../images/header.jpg') top left no-repeat;
	position: fixed;
	width: 100%;
	height: 170px;
	z-index: 1;
}
#header {
	height: 110px;
}
#emailHead {
	position: absolute;
	top: 66px;
	left: 590px;
	letter-spacing: 1.4px;
}
#emailHead a, #emailHead a:link, #emailHead a:visited {
	text-decoration: none;
}
#emailHead a:hover, #emailHead a:active {
	text-decoration: underline;
}

/* ~ ~ ~ ~ ~ Navigation Styling ~ ~ ~ ~ ~ */
#nav {
	position: relative;
	background: url('../images/nav.jpg') left top no-repeat;
	width: 100%;
	height: 32px;
	z-index: 4;
}
#nav li {
	position: absolute;
	top: 0;
}
#nav li, #nav a {
	height: 32px;
	display: block;
	text-decoration: none;
}
#nav a {
	text-indent: -9999em;
}
#home {
	left: 96px;
	width: 67px;
}
#songs {
	left: 163px;
	width: 151px;
}
#testimonials {
	left: 314px;
	width: 128px;
}
#clients {
	left: 442px;
	width: 79px;
}
#priv_events {
	left: 521px;
	width: 144px;
}
#pub_events {
	left: 665px;
	width: 138px;
}
#contact {
	left: 803px;
	width: 90px;
}
#home a.here {
	background: url('../images/nav.jpg') -96px -64px no-repeat;
}
#songs a.here {
	background: url('../images/nav.jpg') -163px -64px no-repeat;
}
#testimonials a.here {
	background: url('../images/nav.jpg') -314px -64px no-repeat;
}
#clients a.here {
	background: url('../images/nav.jpg') -442px -64px no-repeat;
}
#priv_events a.here {
	background: url('../images/nav.jpg') -521px -64px no-repeat;
}
#pub_events a.here {
	background: url('../images/nav.jpg') -665px -64px no-repeat;
}
#contact a.here {
	background: url('../images/nav.jpg') -803px -64px no-repeat;
}

#home a:hover {
	background: url('../images/nav.jpg') -96px -32px no-repeat;
}
#songs a:hover {
	background: url('../images/nav.jpg') -163px -32px no-repeat;
}
#testimonials a:hover {
	background: url('../images/nav.jpg') -314px -32px no-repeat;
}
#clients a:hover {
	background: url('../images/nav.jpg') -442px -32px no-repeat;
}
#priv_events a:hover {
	background: url('../images/nav.jpg') -521px -32px no-repeat;
}
#pub_events a:hover {
	background: url('../images/nav.jpg') -665px -32px no-repeat;
}
#contact a:hover {
	background: url('../images/nav.jpg') -803px -32px no-repeat;
}
h1, h2, #phoneHead {
	text-indent: -9999em;
}

/* ~ ~ ~ ~ ~ Sidebar Styling ~ ~ ~ ~ ~ */
#sidebar {
	position: fixed;
	top: 142px;
	left: 0;
	z-index: 2;
	width: 261px;
	height: 700px;
	background: url('../images/mic.jpg') left top no-repeat;
}

/* ~ ~ ~ ~ ~ Content Area Styling ~ ~ ~ ~ ~ */
#content {
	padding: 190px 15px 40px 280px;
	width: 605px;
}
#content p.floatRight {
	float: right;
	margin-left: 1em;
}
#content p.floatLeft {
	float: left;
	margin-right: 1em;
}
#content h3.floatClear {
	clear: both;
}
#content h3, #content p {
	margin-bottom: 1em;
	letter-spacing: 1px;
}
#content p {
	line-height: 135%;
	letter-spacing: 1.5px;
}
#content strong {
	text-transform: uppercase;
}
#content a, #content a:link, #content a:visited {
	padding: 0 0 1px 0;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#content a:hover, #content a:active {
	border-bottom: 1px solid;
	border-top: 1px solid;
}
#content blockquote, h3.quoteHeader {
	text-align: center;
}
#content ul {
	margin: 0 0 1em 1em;
}
#content li {
	margin-bottom: 1em;
	padding-left: 1.5em;
	background: url('../images/starbullet.png') left center no-repeat;
}
#content #partnerSites li {
	padding-left: 0;
	background: none;
}
.imgCenter {
	text-align: center;
}
.imgCenter img {
	padding: 0 1em;
}
blockquote#testimonyHeader, blockquote {
	padding: 0 70px;
	line-height: 135%;
	letter-spacing: 1px;
}
blockquote#testimonyHeader {
	background: url('../images/quote.png') top left no-repeat;
}
p#quoteInstruct {
	margin: 1em 0 .5em 0;
	text-align: center;
}
.quoteWrapper {
	background: url('../images/quoteR.png') top right no-repeat;	
}
#quotePlayer {
	margin: 0 auto 1.5em auto;
	width: 480px;
}
cite {
	display: block;
	text-align: right;
}

/* ~ ~ ~ ~ ~ Form Styles ~ ~ ~ ~ ~ */
legend {
	margin-bottom: .5em;
	letter-spacing: 1.5px;
}
.formBox {
	width: 300px;
}
.textBox {
	width: 305px;
}
select {
	width: 307px;
}
select.state {
	width: 180px;
}
#submit {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;
	background: -webkit-gradient (linear, 100% 100%, 100% 0%, from(#ffffff), to(#287c8e));
	background: -moz-linear-gradient (90deg, #ffffff, #287c8e);
}
#stateHolder {
	float: left;
	padding-right: 2em;
}
.thanks {
	text-transform: uppercase;
	border: 1px solid;
	padding: 5px;
	overflow: hidden;
}

#mailingList {
	margin-top: 2em;
}

/* ~ ~ ~ ~ ~ Table Styling ~ ~ ~ ~ ~ */
table {
	clear: both;
	border-collapse: collapse;
}
table#clientTable {
	margin: 0 auto;
	width: 80%;
}
caption {
	text-align: left;
	margin-bottom: .5em;
	letter-spacing: 1.5px;
}
th {
	padding: 5px 5px 5px 0;
	text-align: left;
	letter-spacing: 1.5px;
}
tr.songListInstruct {
	height: 40px;
}
tr.headRow {
	border-bottom: 1px solid;
}
th.tableHead {
	text-transform: uppercase;
	padding-top: 6px;
}
td {
	vertical-align: middle;
	height: 22px;
	padding-right: 2em;
}
img.videoButton {
	padding: 0 3px;
	margin: 0 .3em -2px .2em;
}
td img.videoButton, td img.audioButton {
	cursor: pointer;
}
img.audioButton {
	padding: 0 3px;
	margin: 0 .3em -2px .2em;
}
#content #pubCalendar a {
	border: 0;
}
#content #pubCalendar a:hover {
	text-decoration: underline;
}
#pubCalendar td, #pubCalendar th {
	padding: 5px;
}
#pubCalendar td.event_desc,
#pubCalendar td.event_title {
	vertical-align: top;
	letter-spacing: 1.5px;
	line-height: 150%;
	padding-bottom: 2em;
}
#pubCalendar td.event_title {
	text-transform: uppercase;
}
#pubCalendar .pub_date,
#pubCalendar .pub_time {
	width: 20%;
}
#pubCalendar .pub_venue {
	width: 59%;
}

/* ~ ~ ~ ~ ~ Footer Styling ~ ~ ~ ~ ~ */
#footer {
	background: url('../images/footer.png') left bottom repeat-x;
	height: 56px;
	width: 100%;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
}