/**
 * Name: Widespread Panic
 * Date: September 2011
 * Description: Global Style Sheet
 * Version: 1.0
 * Coder: Enrique Ramirez
 * Coder URI: http://enrique-ramirez.com
 */

/* Imports
===============================================*/
@import url('reset.css');
@import url('prettyPhoto.css');
@import url('fonts.css');

/* Global Styles
===============================================*/
html {
	overflow-y: scroll;

	-webkit-font-smoothing: antialiased;
}

body {
	background: #F9EBD8 url('../img/bg.jpg') top left fixed;
	border: 20px solid #fff;
	border-top: 0;
	border-bottom: 0;
	color: #231F1F;
	font-size: 100%; /* Base font size: 16px */
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.2;
	margin: 0;
	padding: 0 10px;
	text-align: left;
}

html {height: 100%;}
body {min-height: 100%;}

body:after {
	background: #fff;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 190;
}

body:before {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 190;
}

#wrapper {padding: 30px 0;}

/* Headers
-----------------------------------------------*/
h1 {font-size: 1.8em}		/* 32px */
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h1, h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;}

/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

a {color: #000; text-decoration: underline;}
a:visited {}
a:hover, a:active {text-decoration: none;}

a[href] * {cursor: pointer;}

	/* Link colors per section */
	.home a,
	.page-home a.pp_close {color: #6EC4D6;}

	.bio a,
	.page-bio a.pp_close {color: #B3659F;}

	.goodpeople a,
	.page-goodpeople a.pp_close {color: #A3744F;}

	.news a,
	.page-news a.pp_close {color: #7DA93F;}

	.photos a,
	.page-photos a.pp_close {color: #EB0B79;}

	.press a,
	.page-press a.pp_close {color: #257C40;}

	.videos a,
	.page-videos a.pp_close {color: #48300D;}

	.discography a,
	.page-discography a.pp_close {color: #EF9043;}

	.contacts a,
	.page-contacts a.pp_close {color: #b10e12;}

	.tour a,
	.page-tour a.pp_close {color: #2b5a90;}

/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img.left {float: left; margin: 0 .5em .5em;}
img.right {float: right; margin: 0 0 .5em .5em;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Code
-----------------------------------------------*/
pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-line;
	word-wrap: break-word;
}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 100%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Forms
-----------------------------------------------*/
fieldset {}

input[type='radio'] {vertical-align: text-bottom;}
input[type='checkbox'] {vertical-align: bottom;}

label,
input[type='radio'],
input[type='checkbox'],
input[type='button'],
input[type='submit'],
button {
	cursor: pointer;
}

/* Layout
===============================================*/
header[role='banner']:after,
#body:after,
#footer:after,
#footer nav:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
header[role='banner'] {
	background: #2F2825 url('../img/bg-header.jpg') no-repeat center top;
	height: 327px;
	margin: 0 auto 10px;
	position: relative;
	width: 1000px;
}

header[role='banner'] .left {float: left; width: 559px;}

	/* Logo */
	header[role='banner'] h1 {
		height: 207px;
		margin: 0;
		padding: 0;
		text-indent: -9999em;
	}

	/* Nav */
	header[role='banner'] nav {
		font-family: 'Cam Regular', Courier, Courier New, monospace;
		font-size: 12.73px;
		padding: 17px 0 0 5px;
		text-transform: uppercase;
	}

	header[role='banner'] nav ul {
		float: left;
		list-style: none;
		margin: 0 12px 0 0;
	}

	header[role='banner'] nav ul li {margin: 0 0 2px; position: relative;}

	header[role='banner'] nav ul.col-1 {width: 208px;}
	header[role='banner'] nav ul.col-2 {margin: 0 7px 0 0; width: 195px;}
	header[role='banner'] nav ul.col-3 {margin: 0; width: 121px;}

	header[role='banner'] nav ul ul {
		display: none;
		height: 22px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
	}
	header[role='banner'] nav ul li:hover ul,
	header[role='banner'] nav ul li.active ul {display: block;}

	header[role='banner'] nav a {
		color: #F7E9D4;
		display: block;
		height: 22px;
		line-height: 22px;
		padding: 0 5px;
		text-decoration: none;
	}

	header[role='banner'] nav ul li a:hover {color: #000;}

	header[role='banner'] nav .home a:hover,
	header[role='banner'] nav li.home:hover,
	header[role='banner'] nav .home.active a {background: #70C5D3 url('../img/bg-blue.jpg');}

	header[role='banner'] nav .news a:hover,
	header[role='banner'] nav li.news:hover,
	header[role='banner'] nav .news.active a {background: #8CB04E url('../img/bg-green.jpg');}

	header[role='banner'] nav .tour a:hover,
	header[role='banner'] nav li.tour:hover,
	header[role='banner'] nav .tour.active a {background: #356082 url('../img/bg-darkblue.jpg');}

	header[role='banner'] nav .bio a:hover,
	header[role='banner'] nav li.bio:hover,
	header[role='banner'] nav .bio.active a {background: #B5638A url('../img/bg-pink.jpg'); color: #fff;}

	header[role='banner'] nav .discography a:hover,
	header[role='banner'] nav li.discography:hover,
	header[role='banner'] nav .discography.active a {background: #EF9043 url('../img/bg-orange.jpg');}

	header[role='banner'] nav .press a:hover,
	header[role='banner'] nav li.press:hover,
	header[role='banner'] nav .press.active a {background: #257C40 url('../img/bg-darkgreen.jpg');}

	header[role='banner'] nav .goodpeople a:hover,
	header[role='banner'] nav li.goodpeople:hover,
	header[role='banner'] nav .goodpeople.active a {background: #A3744F url('../img/bg-brown.jpg');}

	header[role='banner'] nav .merchandise a:hover,
	header[role='banner'] nav li.merchandise:hover,
	header[role='banner'] nav .merchandise.active a {background: #E0B643 url('../img/bg-yellow.jpg');}

	header[role='banner'] nav .videos a:hover,
	header[role='banner'] nav li.videos:hover,
	header[role='banner'] nav .videos.active a {background: #48300D url('../img/bg-darkbrown.jpg'); color: #fff;}

	header[role='banner'] nav .photos a:hover,
	header[role='banner'] nav li.photos:hover,
	header[role='banner'] nav .photos.active a {background: #EB0B79 url('../img/bg-brightpink.jpg');}

	header[role='banner'] nav .archive a:hover,
	header[role='banner'] nav li.archive:hover,
	header[role='banner'] nav .archive.active a {background: #B8232B url('../img/bg-red.jpg');}

	header[role='banner'] nav .downloads a:hover,
	header[role='banner'] nav li.downloads:hover,
	header[role='banner'] nav .downloads.active a {background: #43413A url('../img/bg-black.jpg'); color: #fff;}

	header[role='banner'] nav ul li.active a.current {color: #000 !important;}

	header[role='banner'] nav ul li.active.bio a.current,
	header[role='banner'] nav ul li.active.videos a.current,
	header[role='banner'] nav ul li.active.downloads a.current {color: #fff !important;}

	/* Photo */
	#header-slides {
		float: right;
		height: 303px;
		list-style: none;
		margin: 12px 12px 0 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 406px;
	}
	#header-slides ul {list-style: none; margin: 0; width: 406px;}
	#header-slides img {display: block;}

	#header-slides .jcarousel-prev,
	#header-slides .jcarousel-next {
		background: url('../img/icons/ico-arrows.png') no-repeat top left;
		bottom: 8px;
		cursor: pointer;
		height: 23px;
		left: 8px;
		overflow: hidden;
		position: absolute;
		width: 27px;
		z-index: 100;
	}

	#header-slides .jcarousel-next {background-position: bottom left; left: 40px;}

	#header-slides .jcarousel-prev:active,
	#header-slides .jcarousel-next:active {bottom: 7px;}

/* Body
-----------------------------------------------*/
#body {margin: 0 auto; width: 1000px;}

	/* Content */
	section[role='main'] {
		background: url('../img/body-hr.jpg') no-repeat bottom;
		float: left;
		overflow: hidden;
		padding: 0 0 21px;
		width: 689px;
	}

	.page-title {
		background: url('../img/body-hr.jpg') no-repeat bottom;
		height: 71px;
		padding: 0 0 21px;
		position: relative;
		width: 689px;
	}
	.page-title img {position: absolute;}
	.page-title a {
		bottom: 35px;
		color: #000;
		font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
		font-size: 11px;
		letter-spacing: 0.4em;
		position: absolute;
		right: 15px;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 2;
	}
	.page-title a:hover {text-decoration: underline;}

		/* Colors */
		.tour .page-title a,
		.videos .page-title a {color: #fff;}

	section[role='main'] h2 {
		color: #231F1F;
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 1em;
	}

	/* Sidebar */
	#sidebar {
		float: right;
		width: 300px;
	}

		/* Social */
		#sidebar .social {padding-left: 1px;}
		.social {
			list-style: none;
			margin: 0;
			overflow: hidden;
		}

		.social li {float: left; margin: 0 11px 11px 0;}
		.social li img {display: block; float: left; width: 51px; height: 51px;}
		.social li:last-child {margin: 0;}

		/* Modules */
		#sidebar .module {
			background: #221D1C url('../img/bg-side-module.jpg');
			color: #F9EBD8;
			margin: 0 0 11px;
			padding: 10px 10px 15px;
		}

		#sidebar .module h2 {
			background: url('../img/module-hr.jpg') no-repeat bottom center;
			margin: 0;
			padding: 0 0 15px;
			position: relative;
		}

		#sidebar .module h2 a {
			font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
			font-size: 11px;
			letter-spacing: 0.4em;
			line-height: 1.48;
			position: absolute;
			right: 0;
			text-decoration: none;
			text-transform: uppercase;
			top: 30px;
			width: 90px;
		}
		#sidebar .module h2 a:hover {text-decoration: underline;}

		#sidebar .module-cont {
			background: url('../img/module-hr.jpg') no-repeat bottom center;
			margin: 0 0 5px;
			padding: 0 0 15px;
		}

			/* Tour Dates */
			#sidebar .tour-dates h2 a {color: #ABD372;}

			#sidebar .tour-dates .module-cont {padding-bottom: 9px;}

			#sidebar .tour-dates table {
				font-size: 14px;
				line-height: 1.2;
				margin: 0;
			}

			#sidebar .tour-dates table td {border-bottom: 1px solid #EEE6D8; padding: 5px 10px; vertical-align: middle;}
			#sidebar .tour-dates table td.date {
				border-right: 1px solid #EEE6D8;
				color: #A9C866;
				font-family: Georgia, Times, 'Times New Roman', serif;
				font-size: 18px;
				font-weight: bold;
				width: 80px;
			}
            
            #sidebar .tour-dates table td.date a {
                color: #A9C866;
                font-family: Georgia, Times, 'Times New Roman', serif;
                font-size: 18px;
                font-weight: bold;
                width: 80px;
            }

			#sidebar .tour-dates table tr:last-child td {border-bottom: 0;}

			/* Follow */
			#sidebar .follow h2 a {color: #ABF1FD; top: 0; width: 100px;}

			#sidebar .follow p {margin: 0;}
			#sidebar .follow .module-cont {padding: 10px 10px 15px;}
			#sidebar .follow .module-cont a {color: #ABF1FD;}

			#sidebar .follow blockquote {
				color: #FBF2E4;
				font-family: Georgia, Times, 'Times New Roman', serif;
				font-size: 21px;
				padding: 8px 0;
				line-height: 1.35;
			}

			#sidebar .follow p.time {font-size: 11px; margin: 0 0 10px;}
			#sidebar .follow p.time a {
				font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
				letter-spacing: 0.2em;
				text-decoration: none;
			}
			#sidebar .follow p.time a:hover {text-decoration: underline;}

		/* Banners */
		#sidebar .banner {margin: 0 0 11px;}

		#sidebar .banner img {display: block;}

/* Footer
-----------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 10px 0 20px;
	width: 1000px;
}
	/* Footer Nav */
	#footer nav {margin: 0 0 11px;}

	#footer nav ul {
		font-family: 'Cam Regular', Courier, Courier New, monospace;
		font-size: 10.09px;
		list-style: none;
		margin: 0 auto;
		text-transform: uppercase;
	}
	#footer nav ul li {
		float: left;
		height: 77px;
		margin: 0 2px 0 0;
		overflow: hidden;
		padding: 10px 5px;
	}

	#footer nav ul ul {list-style: none; margin: 0; padding: 0;}

	#footer nav ul ul li {float: none; height: auto; margin: 5px 0 0; padding: 0;}

	#footer nav ul li.home {background: #70C5D3 url('../img/bg-blue.jpg'); width: 47px;}
	#footer nav ul li.news {background: #8CB04E url('../img/bg-green.jpg'); width: 100px;}
	#footer nav ul li.tour {background: #356082 url('../img/bg-darkblue.jpg'); width: 96px;}
	#footer nav ul li.bio {background: #B5638A url('../img/bg-pink.jpg'); width: 31px;}
	#footer nav ul li.discography {background: #EF9043 url('../img/bg-orange.jpg'); width: 92px;}
	#footer nav ul li.press {background: #257C40 url('../img/bg-darkgreen.jpg'); width: 49px;}
	#footer nav ul li.goodpeople {background: #A3744F url('../img/bg-brown.jpg'); width: 89px;}
	#footer nav ul li.merchandise {background: #E0B643 url('../img/bg-yellow.jpg'); width: 96px;}
	#footer nav ul li.videos {background: #48300D url('../img/bg-darkbrown.jpg'); width: 53px;}
	#footer nav ul li.photos {background: #EB0B79 url('../img/bg-brightpink.jpg'); width: 57px;}
	#footer nav ul li.contact {background: #B8232B url('../img/bg-red.jpg'); border: 0; width: 70px;}
	#footer nav ul li.downloads {background: #43413A url('../img/bg-black.jpg'); margin: 0; width: 78px;}

	#footer nav ul a {
		color: #F7E9D4;
		text-decoration: none;
	}

	#footer nav ul a:hover {text-decoration: underline;}

	/* Copyright */
	footer[role='contentinfo'] {
		background: #221D1C;
		color: #FBF1E3;
		float: left;
		font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
		font-size: 10px;
		height: 26px;
		text-transform: uppercase;
		padding: 25px 20px 0;
		width: 650px;
	}

	/* Social */
	#footer .social {float: right;}

	/* Hidden */
	#hidden {display: none; width: 0; height: 0; visiblity: hidden;}

		/* Join Newsletter */
		#join-mailing-box {
			margin: 0 auto;
			width: 500px;
		}
		#join-mailing-box h2 {
			color: #dbb073;
			font-family: Georgia, Times, 'Times New Roman', serif;
			font-size: 36px;
			margin: 0 0 8px;
		}

		#join-mailing-box fieldset {
			background: #D9AF7D url('../img/bg-mailing.jpg');
			color: #000;
			font-size: 14px;
			height: 81px;
			overflow: hidden;
			padding: 17px 29px 0;
		}

		#join-mailing-box fieldset .text {margin: 0 0 5px; padding: 3px;}

		#join-mailing-box fieldset .email {float: left; margin: 0 14px 0 0; width: 189px;}
		#join-mailing-box fieldset .email .text {width: 176px;}

		#join-mailing-box fieldset .zip {float: left; margin: 0 14px 0 0; width: 128px;}
		#join-mailing-box fieldset .zip .text {width: 115px;}

		#join-mailing-box fieldset .submit {float: left;}

		#join-mailing-box .powered {
			clear: both;
			color: #785c31;
			float: right;
			font-weight: bold;
			text-decoration: none;
		}
		#join-mailing-box .powered:hover {text-decoration: underline;}

		/* Splash Banner */
		#banner-splash-box {width: 950px;}
		#banner-splash-box h2 {
			color: #fff;
			font-family: Georgia, Times, 'Times New Roman', serif;
			font-size: 36px;
			margin: 0 0 15px;
		}
		#banner-splash-box h2 strong {color: #c6b376;}
		#banner-splash-trigger {display: none;}

/* Sections
===============================================*/

/* Homepage
-----------------------------------------------*/
.news-list {list-style: none; margin: 0;}
.new {
	border-bottom: 2px solid #8F867D;
	line-height: 1.42;
	margin: 0 0 20px;
}

.new .date {
	color: #231F1F;
	display: block;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	letter-spacing: 0.4em;
	margin: 0 0 1em;
	text-transform: uppercase;
}

.new header {position: relative;}
.new .number {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	letter-spacing: 0.4em;
	margin: 0 0 1em;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}

.new h1 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	/*font-size: 37px;*/
	font-weight: bold;
	margin: 0 0 10px;
}

.new h1 a {color: #655133; text-decoration: none;}
.new h1 a:hover {text-decoration: underline;}

.new footer {overflow: hidden; width: 100%;}
.new footer .read-full,
.new footer a.read-release,
.new footer a.view-release,
.new footer a.download-release,
.new footer a.share,
.new footer a.buy {
	background: #221D1C url('../img/bg-dark.jpg');
	color: #FAF1E0;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	float: right;
	height: 34px;
	letter-spacing: 0.36em;
	line-height: 34px;
	padding: 0 9px 0 8px;
	text-decoration: none;
	text-transform: uppercase;
}

.new footer a.share {background: #A3744F url('../img/bg-brown.jpg');}
.new footer a:hover span {text-decoration: underline;}
.new footer .read-full:hover span,
.read-all-news a:hover {text-decoration: underline;}

.new footer img {vertical-align: middle;}

.new footer a.read-release,
.new footer a.view-release,
.new footer a.download-release {
	margin: 0 0 0 5px;
}

.new footer .videos-list {display: none; height: 0; width: 0; visibility: hidden;}

	/* Colors */
	.photos .number {color: #EB0B79;}

.read-all-news a {
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	float: right;
	letter-spacing: 0.4em;
	margin: 0 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}

.new .tags {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.34em;
}

.new .tags a {text-decoration: none;}
.new .tags a:hover {text-decoration: underline;}

	/* Colors */
	.news .new footer a.share {background: #8CB04E url('../img/bg-green.jpg');}
	.photos .new footer a.share {background: #EB0B79 url('../img/bg-brightpink.jpg');}
	.press .new footer a.share {background: #257C40 url('../img/bg-darkgreen.jpg');}
	.videos .new footer a.share {background: #48300D url('../img/bg-darkbrown.jpg');}
	.discography .new footer a.buy {background: #EF9043 url('../img/bg-orange.jpg');}

/* Biography
-----------------------------------------------*/
.members {list-style: none; margin: 0 0 1em;}
.members li {margin: 0 0 2px;}
.members strong {color: #B3659F;}

#members-imgs {
	background: #2B2925 url('../img/bg-dark.jpg');
	height: 494px;
	list-style: none;
	margin: -36px 0 18px;
	overflow: hidden;
	padding: 12px;
	position: relative;
	width: 666px;
}

#members-imgs li {margin: 0 12px 0 0;}

#members-imgs .jcarousel-prev,
#members-imgs .jcarousel-next {
	background: url('../img/icons/ico-arrows.png') no-repeat top left;
	bottom: 20px;
	cursor: pointer;
	height: 23px;
	right: 55px;
	overflow: hidden;
	position: absolute;
	width: 27px;
	z-index: 100;
}

#members-imgs .jcarousel-next {background-position: bottom left; right: 20px;}

#members-imgs .jcarousel-prev:active,
#members-imgs .jcarousel-next:active {bottom: 19px;}

	/* Pagination */
	.pagination {
		font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
		font-size: 11px;
		height: 28px;
		line-height: 28px;
		overflow: hidden;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}
	.pagination .next {float: left;}
	.pagination .prev {float: right;}

	.pagination .next,
	.pagination .prev {
		letter-spacing: 0.4em;
		text-decoration: none;
	}

	.pagination .next:hover,
	.pagination .prev:hover {text-decoration: underline;}

	.pagination .pages a {
		background: #DBD4C6;
		color: #000;
		display: inline-block;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		width: 28px;
	}
	.pagination .pages a.current,
	.pagination .pages a:hover {background: #000; color: #fff;}

		/* Colors */
		.goodpeople .pagination .pages a.current {background-color: #A27548;}
		.news .pagination .pages a.current {background-color: #7DA93F;}
		.photos .pagination .pages a.current {background-color: #EB0B79;}
		.press .pagination .pages a.current {background-color: #257C40;}
		.videos .pagination .pages a.current {background-color: #48300D;}
		.discography .pagination .pages a.current {background-color: #EF9043;}

/* Content Boxes
-----------------------------------------------*/
.photos-box, .documents-box {
	margin: 0 0 20px;
	overflow: hidden;
	width: 100%;
}

#body .photos-box h2,
#body .documents-box h2 {
	background: url('../img/hr.gif') repeat-x center center;
	font-size: 24px;
	padding: 0 0 3px;
}

#body .photos-box h2 span,
#body .documents-box h2 span {display: inline-block; padding: 0 5px 0 0; background: #F9EBD8;}

.photos-box ul,
.documents-box ul {list-style: none; margin: 0; width: 105%;}
.photos-box ul li,
.documents-box ul li {float: left; margin: 0 13px 13px 0;}
.photos-box ul li img {display: block; float: left; border: 1px solid #ccc;}

.documents-box ul li {margin: 0 0 20px; width: 17%; padding: 0 1.5%; text-align: center;}
.documents-box ul a {
	background: url('../img/icons/ico-document.png') no-repeat top center;
	color: #000;
	display: block;
	float: left;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 12px;
	padding: 70px 0 0;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.documents-box ul a:hover {text-decoration: underline;}

/* Photos
-----------------------------------------------*/
.photo-gallery {border-top: 2px solid #8E867B; list-style: none; margin: 0; overflow: hidden; width: 105%; padding-top: 15px;}
.photo-gallery li {float: left; margin: 0 11px 11px 0;}
.photo-gallery li img {display: block; float: left;}

/* Discography
-----------------------------------------------*/
.disc {overflow: hidden; width: 100%;}
.disc .cover {float: left;}
.disc .details {float: right; width: 395px;}

.disc h1 {font-size: 24px; margin: 0;}

.track-listing {position: relative; margin-top: -35px;}
#body .track-listing h2 {
	background: #F9EBD8;
	display: inline-block;
	font-size: 24px;
	margin: 0;
	padding: 0 5px 0 0;
}

.track-listing .number {
	color: #f0921e;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 16px;
	font-weight: bold;
	width: 15px;
}

.track-listing .name {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 16px;
}

.track-listing .actions {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-align: right;
	text-transform: uppercase;
}
.track-listing .actions a {text-decoration: none;}
.track-listing .actions a:hover {text-decoration: underline;}

.track-listing table tbody td {border-bottom: 1px solid #B1AA9D;}

/* Contacts
-----------------------------------------------*/
.contacts-list {list-style: none; margin: 0;}

.contact {
	border-bottom: 2px solid #8F867D;
	line-height: 1.42;
	margin: 0 0 20px;
}

.contact hgroup {display: block; margin: 0 0 5px;}
.contact hgroup h1,
.contact hgroup h2 {display: inline;}

.contact hgroup h1 {
	color: #231f20;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 37px;
}

.contact header hgroup h2 {
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: .5em;
	letter-spacing: 0.2em;
	margin: 0;
}

.contact header h2 {
	color: #b10e12;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 15px;
}

.contact .details {list-style: none; margin: 0 auto;}
.contact .details li {margin: 0 0 1em; overflow: hidden; width: 100%;}
.contact .details .label {
	float: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	width: 170px;
}

.contact .details .value {
	float: right;
	width: 500px;
}

.contact .bottom-links {overflow: hidden; width: 100%;}
.contact .download {
	background: #B8232B url('../img/bg-red.jpg');
	color: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	float: right;
	height: 34px;
	letter-spacing: 0.36em;
	line-height: 34px;
	padding: 0 9px 0;
	text-decoration: none;
	text-transform: uppercase;
}
.contact .download:hover span {text-decoration: underline;}

.contact .download img {bottom: -2px; position: relative;}

/* Tour
-----------------------------------------------*/
.tour-box {margin: 0 0 3em;}
.tour-box header {position: relative;}
.tour-box header hgroup h1 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 24px;
	margin: 0 0 5px;
}

.tour-box header hgroup h2 {
	color: #231f20;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	letter-spacing: 0.36em;
}

.tour-box header .dates {
	bottom: 0;
	color: #2c547f;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	letter-spacing: 0.36em;
	position: absolute;
	text-transform: uppercase;
	right: 0;
}

.tour-info {border-bottom: 2px solid #8F877E; line-height: 1.42; margin: 0;}
.tour-info thead th {
	background: #221D1C url('../img/bg-dark.jpg');
	color: #FAEDDC;
	font-weight: normal;
	text-transform: uppercase;
}

.tour-info .date {
	color: #010101;
	font-weight: bold;
	text-align: left;
	width: 120px;
}

.tour-info tbody td {border-top: 2px solid #8F877E; padding: 15px 10px;}
.tour-info tbody tr:first-child td {border-top: 0;}
.tour-info tbody .date-details td {border-top: 0 !important; padding-top: 0;}

.tour-info .venue {
	color: #2b5a90;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tour-info .tickets {
	color: #808285;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.tour-info .tickets a,
.tour-info .venue a {text-transform: uppercase; text-decoration: none;}
.tour-info .tickets a:hover,
.tour-info .venue a:hover {text-decoration: underline;}

.tour-info .additional {color: #2b5a90; font-size: 14px;}
.tour-info .btns {text-align: right; vertical-align: bottom;}
.tour-info .btns .download {
	background: #356082 url('../img/bg-darkblue.jpg');
	color: #FAF1E0;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	float: right;
	height: 34px;
	letter-spacing: 0.36em;
	line-height: 34px;
	padding: 0 9px 0;
	text-decoration: none;
	text-transform: uppercase;
}
.tour-info .btns .download:hover span {text-decoration: underline;}

.tour-info .btns .download img {bottom: -2px; position: relative;}

/* Print Styles
===============================================*/
@media print {
	* {background: transparent !important; color: #444 !important; text-shadow: none !important;}
	a, a:visited {color: #444 !important; text-decoration: underline;}
	a:after {content: " (" attr(href) ")";}

	abbr:after {content: " (" attr(title) ")";}

	pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

	thead {display: table-header-group;} /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img {page-break-inside: avoid;}

	@page {margin: 0.5cm;}
	p, h2, h3 {orphans: 3; widows: 3;}
	h2, h3{page-break-after: avoid;}
}

/* Media Queries
===============================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 480px),
all and (min-device-width: 481px) and (max-device-width: 1024px) {
	body {border: 0;}
	body:after,
	body:before {display: none;}
}

div#pagination {
    font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
    
div#pagination div#prev-inactive div, div#pagination div#next-inactive div {
    letter-spacing: 0.4em;
    text-decoration: none;
    color: gray;    
}

div#pagination .pages span a {
    background: none repeat scroll 0 0 #DBD4C6;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 28px;    
}     

div#pagination .pages .current {
    background-color: #7DA93F;   
    display: inline-block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 28px;
}

div#pagination .pages span {
    background-color: #7DA93F;   
    display: inline-block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 28px;
    margin-left: 2px;
    margin-right: 2px;
}

div#pagination #next:hover,
div#pagination #prev:hover {text-decoration: underline;}


#pagination .pages span a.current,
#pagination .pages span a:hover {background: #000; color: #fff;}

div#pagination .pages span a.current, .pagination .pages span a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}

.goodpeople div#pagination .pages span.current {
    background-color: #A27548;
    color:white;
}

.news div#pagination .pages span.current {
    background-color: #7DA93F;
    color: white;
}

.photos div#pagination .pages span.current {
    background-color: #EB0B79;
    color: white;
}

.press div#pagination .pages span.current {
    background-color: #257C40;
    color: white;
}

.videos div#pagination .pages span.current {
    background-color: #48300D;
    color:white;
}

.discography div#pagination .pages span.current {
    background-color: #EF9043;
    color: white;
}
    
div#pagination #next a, div#pagination #prev a {
    letter-spacing: 0.4em;
    text-decoration: none;
}

div#pagination #next, div#pagination #next-inactive{
    float: right;
}

div#pagination #prev, div#pagination #prev-inactive{
    float: left;
}

section.discography div#pagination .pages span.explanation {
    width: 110px;
    background-color: #EF9043;
    color: white;
}
                                                                                              
section.news div#pagination .pages span.explanation {
    width: 130px;
    background-color: #7DA93F;
    color: white;
}   

section.goodpeople div#pagination .pages span.explanation {
    width: 130px;
    background-color: #A3744F;
    color: white;
}   

section.press div#pagination .pages span.explanation {
    width: 130px;
    background-color: #257C40;
    color: white;
} 

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 480px),
all and (min-device-width: 481px) and (max-device-width: 1024px) {
    body {
        /*-webkit-background-size: 2920px 1794px;*/
        background: #F9EBD8 url('../img/ios-bg-jpg.jpg') repeat left;
    }
}
