/*
	Billions stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		reset styles
		global styles 
		utility classes
		
		layout
		navigation
		images
		tables
		vCard
*/

/* reset styles (v1.0 | 20080212) source: http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* global styles 
----------------------------------------------- */
html {font-size:62.5%;}
body {font-size:1em;background:#474747;font-family:arial,sans-serif;width:100%;}
label {cursor:pointer;}

/* utility classes
----------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
/* End hide from IE-mac */

/* layout
----------------------------------------------- */
.roster {
	display:block;
	border-bottom:4px solid #007db0;
}
.roster #full {
	display:none;
	padding:16px 0 22px;
	background:#f8f8f8;
}
.roster .key {
	display:block;
	margin:0 auto;
	width:913px;
}
.roster .artists {
	display:block;
	margin:0 auto;
	padding:10px 0 0 8px;
	width:913px;
	font-size:.9em;
	border-top:3px solid #c7c7c7;
}
.roster .artists ul {
	float:left;
}
.roster .artists li {
	margin:0 35px 0 17px;
	width:175px;
	line-height:1.7;
}
.header {margin:0 auto;width:911px;}
.wrapper {
	margin:30px auto;
	padding:12px 0 0 0;
	width:921px;
	background:#474747 url(images/background-top.gif) no-repeat top center;
}
.wrapper .page {
	padding:20px 35px;
	background:transparent url(images/background.gif) repeat-y top center;
}
	.artist .page {background:transparent url(images/background-banner.gif) no-repeat top center;}
	.touring .page {background:transparent url(images/background-tour.gif) no-repeat top center;}
		.artist .inner {background:transparent url(images/background.gif) repeat-y top center;}

.column-single {display:block;clear:both;}
.column-left {float:left;width:508px;}
	.artist .column-left {margin:4px 0 0 2px;width:318px;}
.column-right {float:right;width:305px;}
	.artist .column-right {width:508px;}

.news,
.featured,
.dates,
.bio,
.avails-data,
.shows-data,
.manifesto,
.people {background:#fff;} /* needed for rounded corners */

.featured {margin-bottom:25px;}

.corner {padding:16px;background:#ebebeb;}

.news .post {margin:0 0 10px;padding:10px 5px 10px 10px;border-bottom:1px solid #f1f1f1;}

.photo {margin-bottom:18px;padding-bottom:5px;background:transparent url(images/background-photo.gif) no-repeat bottom center;}

.info {margin-top:38px;height:162px;}

.shows-data .name {display:block;margin:25px 20px 5px 25px;background:transparent url(images/background-fade.gif) no-repeat 15px 19px;}

.people li {padding:20px;clear:both;}
	.people li .agent-roster {padding:10px 15px;background:#f8f8f8;}
	.agent-roster ul {
		float:left;
	}
	.agent-roster li {
		margin:0 20px 0 0;
		padding:0;
		width:125px;
		line-height:1.7;
	}

.footer {
	background:#474747 url(images/background-bottom.gif) no-repeat bottom center;
}

.footer .actions {
	float:right;
	margin:34px 49px 8px 0;
	padding:13px 0;
	width:103px;
	height:48px;
}

.footer .search {
	float:right;
	margin:30px 45px 12px 52px;
	padding:13px 0;
	width:362px;
	height:48px;
	background:#474747 url(images/background-search.gif) no-repeat left top;
}
	.search input {
		height:28px;
		margin:16px 0 0 10px;
		padding:1px 6px 3px;
		background:#d4d4d4;
		border:1px solid #c1c1c1;
		font-family:arial,sans-serif;
		font-size:1.1em;
		font-weight:bold;
		line-height:1.4;
		color:#5a5a5a;
	}
	.input-holder {float:left;margin-left:18px;}
	.input-holder label {color:#9f9f9f;font-size:1.1em;font-weight:bold;line-height:1.4;}
	.input-holder input {display:block;margin:0;padding:7px 5px 3px;width:266px;height:16px;background:#fff;border:1px solid #c8c8c8;font-weight:normal;}
	
.footer .content {
	display:block;
	float:left;
	padding:0 12px 18px;
	width:897px;
	background:transparent url(images/background-footer.gif) no-repeat top center;
}

/* navigation
----------------------------------------------- */
.menu {
	position:relative;
	float:right;
	margin:36px 13px 0 0;
	width:299px;
	height:27px;
	background:transparent url(images/menu.gif) no-repeat left top;
}

.menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-9999px;
}

.menu li, .menu a{
	height:27px;
	display:block;
}

.menu li a{
	text-indent:-9999px;
	text-decoration:none;
}

/* nav menu */
li.menu-news {left:17px;width:36px;}
li.menu-shows {left:88px;width:45px;}
li.menu-avails {left:167px;width:41px;}
li.menu-about {left:242px;width:41px;}

/* nav hover */
li.menu-news a:hover {background:transparent url(images/menu.gif) -17px -28px no-repeat;}
li.menu-shows a:hover {background:transparent url(images/menu.gif) -88px -28px no-repeat;}
li.menu-avails a:hover {background:transparent url(images/menu.gif) -167px -28px no-repeat;}
li.menu-about a:hover {background:transparent url(images/menu.gif) -242px -28px no-repeat;}

/* typography
----------------------------------------------- */
.roster .artists li a, .agent-roster a {color:#555;text-decoration:none;}
	.roster .artists li a:hover, .agent-roster a:hover {color:#dd9555;}
	a.canada, span.canada strong {padding-right:20px;background:transparent url(images/icon-canada-s.gif) no-repeat right center;}
.roster .key div {
	display:block;
	float:left;
	margin:4px 0 0 25px;
	padding:2px 0 0 19px;
	height:17px;
	background:transparent url(images/icon-canada-s.gif) no-repeat left center;
	color:#888;
	font-size:.9em;
	line-height:1.5;
}
	.roster .key div span {display:none;}
.roster .key span a {
	display:block;
	float:right;
	margin:4px 4px 0;
	padding:2px 22px 0 0;
	height:16px;
	background:transparent url(images/icon-close.gif) no-repeat right top;
	text-decoration:none;
	color:#c3c3c3;
	font-size:.9em;
	line-height:1.5;
}
	.roster .key span a:hover {
		background:transparent url(images/icon-close.gif) no-repeat right bottom;
		color:#888;
	}
.roster .key .tab {float:left;margin-left:11px;padding:8px 27px;color:#636363;text-decoration:none;font-size:1.2em;}
.roster .key .selected .tab {
	font-size:1.4em;
	background:#c7c7c7;
}
.logo {
	float:left;
	margin:40px 0 0;
	width:500px;
	height:58px;
	background:transparent url(images/logo.gif) no-repeat left top;
	text-indent:-9999em;
}

.toggle, .untoggle {
	display:block;
	float:right;
	margin-right:54px;
	width:139px;
	height:30px;
	background:transparent url(images/toggle.gif) no-repeat left top;
	text-indent:-9999em;
}
	.untoggle {background:transparent url(images/toggle.gif) no-repeat left bottom;}
	
.page h1 {
	padding:17px 0 0 4px;
	height:59px;
	overflow:hidden;
	color:#fff;
	font-size:3.6em;
	font-weight:normal;
}

.page h2 {
	display:block;
	margin-bottom:8px;
	padding:10px;
	height:63px;
	overflow:hidden;
	color:#fff;
	font-size:4.3em;
	text-transform:uppercase;
	text-indent:-9999em;
}
	.page h2 span {display:block;height:43px;overflow:hidden;}
		.avails .page h2 a {float:right;display:block;margin-top:1px;width:103px;height:41px;text-indent:-9999em;background:transparent url(images/button-pdf.gif) no-repeat top left;}
			.avails .page h2 a:hover {background:transparent url(images/button-pdf.gif) no-repeat bottom left;}
	

.featured h2 {margin-bottom:12px;background:#b3d17b url(images/title-artist.gif) no-repeat 7px center;}
.featured .corner span {display:block;clear:both;margin-top:10px;padding:5px;color:#6189b5;font-size:1.2em;font-weight:bold;background:#fff;border-right:2px solid #ebebeb;}
	.featured .corner span a {padding:4px 20px 0 0;color:#333;text-decoration:none;background:transparent url(images/background-link.gif) no-repeat right 3px;}
		.featured .corner span a:hover {color:#dd9555;background:transparent url(images/background-link.gif) no-repeat right -27px;}
	
.dates h2 {margin-bottom:12px;background:#1A95C5 url(images/title-todays.gif) no-repeat 7px center;}
	.artist .dates h2 {background:#b3d17b url(images/title-upcoming.gif) no-repeat 7px center;}
	.dates li {margin-bottom:10px;padding:4px 5px 4px 8px;background:#fff;}
		.dates li {color:#777;font-size:1.1em;line-height:1.4;}
		.dates li a {color:#6189b5;text-decoration:none;font-weight:bold;}
			.dates li a:hover {color:#e6b58a;}
		.dates li strong {display:block;color:#333;font-size:1.091em;}
			.dates li a:hover strong {color:#dd9555;}
	
.news h2 {background:#1a95c5 url(images/title-news.gif) no-repeat 7px center;}
.news .post {color:#555;}
	.news .post h3 a {color:#333;font-size:1.4em;font-weight:bold;border:0;line-height:1.3;}
	.news .post p {padding:9px 0 4px;line-height:1.7;font-size:1.2em;}
	.news .post a {color:#496e97;text-decoration:none;border-bottom:1px dotted #6189b5;}
		.news .post a:hover {color:#dd9555;border-bottom:1px dotted #d08f56;}
	
	.news .post .meta {display:block;clear:both;margin-top:5px;font-size:1.1em;text-align:right;}
		.news .post .meta a {padding:4px 20px 0 0;height:15px;color:#6189b5;font-weight:bold;border:0;background:transparent url(images/background-link.gif) no-repeat right 2px;}
			.news .post .meta a:hover {color:#dd9555;background:transparent url(images/background-link.gif) no-repeat right -28px;}
		.news .post .meta span a, .news .post .meta span a:hover {padding-top:0;padding-right:0;background:none;font-weight:normal;}
		.news .post .meta span {color:#aaa;float:left;}
		
	.news .post ul, .news .post ol, .bio ul, .bio ol {padding:10px 0 15px 20px;color:#555;font-size:1.2em;line-height:1.7;}
		.news .post ul, .bio ul {list-style-type:disc;list-style-position:inside;}
		.news .post ol, .bio ol {list-style-type:decimal;list-style-position:outside;}
	
	.nav-post span {display:block;}
	.nav-post span a {margin:8px 0 0;}
		.nav-post .older a {display:block;float:left;width:116px;height:35px;background:transparent url(images/button-older.gif) no-repeat top left;text-indent:-9999em;}
			.nav-post .older a:hover {background:transparent url(images/button-older.gif) no-repeat bottom left;}
		.nav-post .newer a {display:block;float:right;width:122px;height:35px;background:transparent url(images/button-newer.gif) no-repeat top left;text-indent:-9999em;}
			.nav-post .newer a:hover {background:transparent url(images/button-newer.gif) no-repeat bottom left;}
		
	.more-link {display:none;}
	
.column-single blockquote {margin:15px;}
	.column-single blockquote p {padding:5px;background:#f7f7f7;border:1px solid #E3E3E3;}
	
.caption {clear:both;display:block;float:left;margin:-41px 0 15px 5px;padding:6px;background:#f7f7f7;border:1px solid #E3E3E3;color:#999;opacity:0.9;}
		
.avails-data h2 {background:#1a95c5 url(images/title-avails.gif) no-repeat 7px center;}
.shows-data h2 {background:#1a95c5 url(images/title-shows.gif) no-repeat 7px center;}
	.avails-data table a, .shows-data table a {color:#496e97;text-decoration:none;}
	.avails-data table a:hover, .shows-data table a:hover {border-bottom:1px dotted #D08F56;color:#DD9555;}

.manifesto h2 {background:#b3d17b url(images/title-manifesto.gif) no-repeat 7px center;}

.people h2 {background:#1a95c5 url(images/title-people.gif) no-repeat 7px center;}
		
dl {font-size:1.2em;line-height:2;}
	dl li, dt {float:left;}
	dl li a {margin:0 4px;padding-left:8px;border-left:1px solid #b8b8b8;}
		.first a {margin-left:0;padding-left:0;border:0;}
	.recent {font-size:.9em;padding-top:1px;}
		.recent li {clear:both;line-height:1.9;}
		.recent li a {margin:0;padding:0;border:0;}
			.recent li a:hover {border-bottom:1px dotted #d08f56;}
dt {display:block;clear:both;margin-right:8px;width:81px;color:#333;font-weight:bold;text-align:right;text-transform:uppercase;}
dd {float:left;width:415px;color:#777;}
	dd a {color:#777;text-decoration:none;}
		dd a:hover {color:#dd9555;}
	dd span {display:block;}
	dd span strong {float:left;font-weight:normal;}

.bio h2 {clear:both;margin-bottom:12px;background:#ebebeb url(images/title-biography.gif) no-repeat 7px center;}
	.bio p {padding:2px 10px 12px;color:#555;font-size:1.2em;line-height:1.7;}
	
.shows-data h3 {display:block;float:left;padding-right:15px;height:41px;background:transparent url(images/background-name-right.gif) no-repeat top right;}
	.shows-data h3 a {display:block;float:left;padding:12px 0 0 15px;height:29px;background:transparent url(images/background-name-left.gif) no-repeat top left;color:#fff;font-weight:bold;font-size:1.6em;text-decoration:none;}
		.shows-data h3 a:hover {color:#efffcb;}
	.shows-data .name span a {float:right;margin:21px 25px 0 0;padding:4px 20px 0 0;height:15px;color:#6189b5;font-weight:bold;border:0;background:transparent url(images/background-link.gif) no-repeat right 2px;text-decoration:none;}
			.shows-data .name span a:hover {color:#dd9555;background:transparent url(images/background-link.gif) no-repeat right -28px;}

.about p {padding:12px 20px 8px 10px;color:#555;font-size:1.2em;line-height:1.7;}
	.about p strong {font-weight:bold;font-size:1.2em;line-height:.6;}
	.about p em {display:block;padding-bottom:25px;color:#949494;font-size:.9em;font-weight:normal;font-style:italic;}
		
.footer h2 {
	display:block;
	margin-top:30px;
	width:275px;
	text-align:right;
	color:#9f9f9f;
	font-size:2em;
	font-weight:normal;
	letter-spacing:1px;
}
.footer h3, .footer h4 {
	display:block;
	float:left;
	margin:8px 0 0 0;
	width:118px;
	color:#9f9f9f;
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	line-height:1.37;
}
	.footer h3 {margin-left:37px;}
	.footer h4 {text-align:right;}
	
.footer .actions a {
	display:block;
	float:right;
	margin:4px 4px 0;
	padding:3px 28px 0 0;
	height:19px;
	background:transparent url(images/icon-rss.gif) no-repeat right top;
	text-decoration:none;
	color:#7d7d7d;
	font-size:1.2em;
	line-height:1.5;
}
	.footer .actions a:hover {
		background:transparent url(images/icon-rss.gif) no-repeat right bottom;
		color:#e7bb70;
	}

/* images
----------------------------------------------- */
.post img {float:left;margin:2px 15px 12px 0;padding:4px;background-color:#fff;border:1px solid #e2e2e2;}

.featured img {padding:6px;background:#fff;border:1px solid #e1e1e1;}

.photo img {padding:8px;background:#fff;border:1px solid #e1e1e1;}


/* tables
----------------------------------------------- */
table {
	display:block;
	text-align:left;
	border-collapse:collapse;
	line-height:1.6;
}
	.avails-data table {margin:0 0 0 15px;}
	.shows-data table {margin:0 20px 38px 40px;}

th {
	font-size:1.4em;
	font-weight:bold;
	padding:10px 8px;
	color:#333;
}

td {
	font-size:1.2em;
	padding:8px;
	color:#555;
}

.avails-data th, td {width:189px;}
.shows-data th, td {width:177px;}

.odd {background:#f6f6f6;}


/* vCard
----------------------------------------------- */
.vcard {display:block;clear:both;margin-bottom:10px;}
	.vcard .fn {
		float:left;
		color:#333;
		font-size:1.6em;
		font-weight:bold;
	}
	.vcard .email, dl .email {
		float:left;
		margin:3px 0 0 3px;
		width:21px;
		height:10px;
		background:transparent url(images/icon-email.gif) no-repeat right top;
		text-indent:-9999em;
	} dl .email {margin:7px 0 0 1px;}
		.vcard .email:hover, dl .email:hover {background:transparent url(images/icon-email.gif) no-repeat right bottom;}
	.vcard .title {
		float:right;
		padding-right:6px;
		color:#333;
		font-size:1em;
		font-weight:bold;
		line-height:1.6;
	}
	.vcard .tel {
		float:right;
		color:#777;
		font-size:1.2em;
		line-height:1.4;
	}


/* login
----------------------------------------------- 
.footer .login {
	float:right;
	margin:30px 45px 12px 41px;
	padding:13px 0;
	width:536px;
	height:48px;
	background:#474747 url(images/background-login.gif) no-repeat left top;
}
	.login input {
		height:28px;
		margin:15px 0 0 10px;
		padding:0 6px 3px;
		background:#d4d4d4;
		border:1px solid #c1c1c1;
		font-family:arial,sans-serif;
		font-size:1.1em;
		font-weight:bold;
		line-height:1.4;
		color:#5a5a5a;
	}
	.input-holder {float:left;margin-left:18px;}
	.input-holder label {color:#9f9f9f;font-size:1.1em;font-weight:bold;line-height:1.4;}
	.input-holder input {display:block;margin:0;padding:5px;width:204px;height:16px;background:#fff;border:1px solid #c8c8c8;font-weight:normal;}
	
.footer .content {
	display:block;
	float:left;
	padding:0 12px 18px;
	width:897px;
	background:transparent url(images/background-footer.gif) no-repeat top center;
}

*/