/****************************************************************
 *
 *  >> Master Stylesheet for Nocturne Theme
 *
 ***************************************************************/

* {
	margin: 0;
	padding: 0;
	}

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


body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px auto 0px auto;
	padding: 0;
	color: #222;
	}

body, td, th, div, li {
	font-size: 16px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 22px;
	font-weight: 400;
	}

b, strong {
	font-weight: bold;
	}

i, em {
	font-style: italic;
	}

table {
	border-collapse: collapse;
	}

td {
	padding: 0px;
	}

p {
	margin: 13px 0;
	}

img {
	border: 0;
	}

a, a:visited {
	color: #399ac9;
	text-decoration: none;
	}

a:hover {
	color: #333;
	text-decoration: none;
	}

a:active {
	color: #000;
	text-decoration: none;
	}

a:hover img {
	background: transparent;
	}

ul {
	margin-top: 2px;
	margin-left: 20px;
	margin-bottom: 15px;
	}

li {
	margin-bottom: 2px;
	list-style: none;
	list-style-image: url('../graphics/bullet.png');
	}

img {
	border: 0;
	}

#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	}

.subwrapper {
	width: 100%;
	height: 55px;
	background: #f2f2f2;
	position: relative;
	}

.rss-link {
	line-height: 23px;
	}

.rss-link img {
	vertical-align: middle;
	padding-left: 1px;
	margin-top: -4px;
	}

.clear {
	clear: both;
	height: 0px;
	}

.small {
	font-size: 11px;
	line-height: 13px;
	}

.jumptarget:before {
	content:"";
	display:block;
	height:60px; /* fixed header height*/
	margin:-60px 0 0; /* negative fixed header height */
	}

/*---------------------------------------------------------------
 | General Page Styles
 +-------------------------------------------------------------*/

#artist #wrapper {
	height: 100%;
	min-height: 100%;
	}

#content-wrap {
	width: 700px;
	position: absolute;
	min-height: 100%;
	top: 40px;
	right: 0;
	background-color: rgba(255,255,255,0.80);
	}

#content {
	margin-top: 130px;
	padding: 30px 40px;
	height: 100%;
	}

.page-buttons {
	margin-top: 25px;
	}

.page-footer-wrap {
	background: transparent;
	}

.page-footer {
	margin-top: 30px;
	clear: both;
	font-size: 11px;
	text-align: left;
	color: #888;
	}

.page-footer div {
	font-size: 11px;
	color: #888;
	}

.page-footer a {
	color: #777;
	}

#home .page-footer {
	text-align: center;
	}

.error-box {
	table-layout: fixed;
	width: 85%;
	border: 1px solid #ccc;
	margin: 40px 0;
	}

.error {
	color: #d40000;
	}

.error-box td {
	padding: 30px;
	text-align: center;
	}

.notice-box {
	padding: 10px 0;
	}

#offline .header {
	background: #314752;
	}

/*---------------------------------------------------------------
 | Heading Styles
 +-------------------------------------------------------------*/

.page-title-wrap {
	font-size: 11px;
	color: #444;
	text-align: right;
	margin-bottom: 15px;
	}

.page-title-wrap .page-title {
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	text-transform: uppercase;
	}

.page-title-right {
	float: right;
	font-size: 11px;
	line-height: 23px;
	margin-right: 10px;
	}

.page-title-right a {
	}

#home .page-title-wrap {
	background: rgba(181, 226, 255, 0.5);
	padding: 5px 10px;
	}

#home .page-title-wrap .page-title {
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	text-transform: uppercase;
	color: #66b1e8;
	}

#home .page-title-right {
	line-height: 21px;
	margin-right: 1px;
	}

.headline {
	font-size: 20px;
	font-weight: normal;
	line-height: 125%;
	margin-bottom: 11px;
	color: #222;
	}

.heading {
	color: #222;
	font-size: 17px;
	font-weight: normal;
	line-height: 125%;
	margin-bottom: 11px;
	}

h1, h2, h3, h4 {
	}

h1 {
	margin: 0;
	padding: 0;
	background: transparent;
 	font-size: 19px;
	line-height: 22px;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 5px;
	letter-spacing: 2px;
	color: #222;
	}

h2 {
	font-size: 17px;
	color: #222;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 4px;
	}

h3 {
	font-size: 16px;
	font-weight: normal;
	background-color: rgba(255,255,255,0.6);
	color: #777;
	margin: 0;
	padding: 0;
	padding: 4px 8px;
	margin-bottom: 5px;
	}

h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin-bottom: 5px;
	}

/*---------------------------------------------------------------
 | Site Photo Styles
 +-------------------------------------------------------------*/

#photo-wrap {
	float: right;
	border: 1px solid #ccc;
	}

#photo-wrap p {
	margin: 0;
	}

#photo-wrap .photo img {
	display: block;
	}

#photo-wrap .photo-info {
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	padding: 5px 10px;
	}

#photo-wrap .caption {
	color: #555;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 3px;
	}

#photo-wrap .photog {
	color: #333;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
	}

#photo-wrap .photog:before {
	content: "Photo: ";
	}

/* -- Modified for some pages -- */

#biog #photo-wrap,
#news #photo-wrap,
#acclaim-story #photo-wrap,
#reper #photo-wrap,
#record #photo-wrap,
#concerts #photo-wrap,
#news-story #photo-wrap {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 0;
	}

/*---------------------------------------------------------------
 | Table List Styles
 +-------------------------------------------------------------*/

#tlist {
	border-collapse: collapse;
	}

#tlist th {
	font-size: 12px;
	text-align: left;
	color: #444;
	padding: 2px 5px;
	background-color: rgba(255,255,255,0.4);
	}

#tlist th.first {
	}

#tlist th a {
	}

#tlist tr {
	border-top: 1px solid #a3dcf7;
	border-bottom: 1px solid #a3dcf7;
	}

#tlist th a:hover {
	}

#tlist td {
	padding: 4px 0;
	padding-right: 5px;
	}

#tlist .row-norm {
	background-color: transparent;
	}

#tlist .row-tint {
	background-color: #f4f4f4;
	}

#tlist th.sortcol {
	background: rgba(255,255,255,0.8);
	}

#tlist th.sortcol a {
	color: #000;
	}

#tlist .sort-icon {
	margin-bottom: 2px;
	margin-right: 3px;
	}

.status-box, .status-footer {
	background-color: rgba(255,255,255,0.4);
	margin-top: 5px;
	}

.status-box td, .status-footer td {
	color: #666;
	padding: 4px 10px;
	}

/*---------------------------------------------------------------
 | Table Grid Styles
 +-------------------------------------------------------------*/

#grid {
	border-top: 1px solid #a3dcf7;
	border-left: 1px solid #a3dcf7;
	}

#grid td,
div#grid {
	border-bottom: 1px solid #a3dcf7;
	border-right: 1px solid #a3dcf7;
	padding: 10px;
	text-align: center;
	}

#grid .caption {
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
	}

#grid .photo img {
	}

/*---------------------------------------------------------------
 | Form Object Styles
 +-------------------------------------------------------------*/

form {
	margin-top: 0;
	margin-bottom: 0;
	}

.form-button {
	border: none;
	padding: 0px;
	}

input, select, textarea {
	font: normal 13px Arial, helvetica, trebuchet, sans-serif;
	}

select {
	padding: 0px;
	}

textarea {
	padding: 1px;
	}

td.form-label {
	color: #999;
	padding: 2px;
	padding-right: 8px;
	}

.field-100 {
	width: 98%;
	}

input[type=text],
textarea {
	background-color: rgba(255,255,255,0.7);
	color: #000;
	border: 1px solid #e5e5e5;
	padding: 3px 5px;
	font-size: 15px;
	}

input[type=text]:focus,
textarea:focus {
	background: #fff;
	}

/****************************************************************
 |
 |  INTERFACE STYLES
 |
 ***************************************************************/

/*---------------------------------------------------------------
 | Site Buttons
 +-------------------------------------------------------------*/

#btn {
	display: inline;
	}

#btn table {
	width: auto;
	background-color: #399ac9;
	margin: 1px 3px;
	border: 0;
	}

#btn tr {
	border: 0;
	}

#btn .btn-main {
	cursor: pointer;
	padding: 0;
	border: 0;
	}

#btn .btn-main td {
	padding: 0 !important;
	border: 0;
	}

#btn .btn-left {
	width: 0;
	display: none;
	}

#btn .btn-right {
	width: 0;
	display: none;
	}

#btn td.btn-text {
	padding: 5px 10px !important;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	border: 0;
	}

#btn td .btn-text a {
	color: #fff;
	}

#btn td.btn-text:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
	}

#btn table:active {
	background: #666;
	color: #ccc;
	text-decoration: none;
	}

/*---------------------------------------------------------------
 | Jump Menu Styles
 +-------------------------------------------------------------*/

.jump-wrap {
	padding: 3px 5px;
	padding-left: 15px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	background: transparent;
	}

.jump-menu {
	}

.jump-menu .selected {
	font-weight: bold;
	}

/*-----------------------------------------------------------------------
 | Tab Styles
 +---------------------------------------------------------------------*/

#menu-wrap {
	position: fixed;
	top: 0;
	left: 0;
	height: 40px;
	width: 100%;
	background-color: rgba(19, 51, 75, 1.00);
	overflow: hidden;
	z-index: 999;
	}

#nav-wrap {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	}

#nav {
	text-transform: none;
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	text-align: center;
	}

#nav li {
	font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 40px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-image: none;
	}

#nav li span.menuitem a,
#nav li span.menuitem a:visited {
	background: transparent url(../graphics/menu_tick.png) 50% 50px no-repeat;
	color: #8bd3ff;
	text-decoration: none;
	margin: 0;
	padding: 15px 5px;
	-webkit-transition: background 0.2s linear, color 0.2s linear;
	-moz-transition: background 0.2s linear, color 0.2s linear;
	-o-transition: background 0.2s linear, color 0.2s linear;
	transition: background 0.2s linear, color 0.2s linear;
	}

#nav li.first span.menuitem a,
#nav li.first span.menuitem a:visited {
	padding-left: 0;
	}

#nav li span.menuitem a:hover {
	background: transparent url(../graphics/menu_tick.png) 50% 38px no-repeat;
	color: #fff;
	-webkit-transition: background 0.2s linear, color 0.2s linear;
	-moz-transition: background 0.2s linear, color 0.2s linear;
	-o-transition: background 0.2s linear, color 0.2s linear;
	transition: background 0.2s linear, color 0.2s linear;
	}

#nav li.current span.menuitem a {
	background: transparent url(../graphics/menu_tick.png) 50% 38px no-repeat;
	color: #fff;
	}


/*---------------------------------------------------------------
 | Content Submenu
 +-------------------------------------------------------------*/

#submenu-wrap {
	clear: both;
	display: block;
	}

#submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#submenu li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	background: transparent;
	}

#submenu a,
#submenu a:visited {
	display: block;
	color: #999;
	padding: 3px 5px;
	padding-left: 20px;
	text-decoration: none;
	background: transparent url('../graphics/bullet_sel.png') 0px no-repeat;
	}

#submenu a:hover {
	color: #333;
	background: transparent url('../graphics/bullet.png') 0px no-repeat;
	}

#submenu a:active {
	color: #777;
	background: transparent url('../graphics/bullet_sel.png') 0px no-repeat;
	}

/*-- Tab Nav Selected --*/

#submenu .current a {
	color: #000;
	background: transparent url('../graphics/bullet.png') 0px no-repeat;
	}

#submenu .current a:hover {
	color: #000;
	background: transparent url('../graphics/bullet.png') 0px no-repeat;
	}


/****************************************************************
 |
 |  HOMEPAGE STYLES
 |
 ***************************************************************/

.home-wrap {
	background-color: #fff;
	background-image: url('../graphics/home-back.jpg');
    height: 780px;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
	}

.home-wrap-inner {
	width: 960px;
	height: 780px;
	margin: 0 auto;
	position: relative;
	}

body#artist {
	height: 100%;
	}

#backg {
	z-index: -1;
    background-size: cover;
    background-clip: border-box;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    background-position: 30% 5%;
    background-attachment: fixed;
    background-repeat: no-repeat;
	}

#home #logo {
	position: absolute;
	top: 0;
	left: 0;
	}

#artist #logo {
	position: absolute;
	top: 0px;
	left: 0px;
	}

/*---------------------------------------------------------------
 | Module Box
 +-------------------------------------------------------------*/

.modbox {
	background-color: rgba(255,255,255,0);
	width: 445px;
	position: absolute;
	top: 200px;
	left: 460px;
	height: 420px;
	}

/*---------------------------------------------------------------
 | Audio Player
 +-------------------------------------------------------------*/

#home .audio-player-wrap {
	position: absolute;
	top: 0px;
	right: 20px;
	}

#home div.jp-audio {
	width: 222px;
	}

#home div.jp-progress-wrap {
	width: 180px;
	}

#home div.jp-progress {
	width: 166px;
	}

div.jp-title li {
	color: #444;
	text-shadow: 0 0 5px #fff;
	}

/*---------------------------------------------------------------
 | Quote Rotator
 +-------------------------------------------------------------*/

#quote-wrap {
	background: transparent;
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	width: 450px;
	height: 250px;
	overflow: hidden;
	}

#quote-wrap .quote {
	color: #555;
	display: block;
	padding: 2px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	text-align: left;
	/*text-shadow: 1px 1px 1px #fff;*/
	}

#quote-wrap .author {
	color: #555;
	display: block;
	width: 450px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 21px;
	margin-top: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	padding: 0px;
	text-align: left;
	/*text-shadow: 1px 1px 1px #fff;*/
	}

#quote-wrap .author:before {
	content: "\2014\00a0";
	}

/*---------------------------------------------------------------
 | Homepage News Rotator
 +-------------------------------------------------------------*/

#newz-wrap {
	position: absolute;
	width: 440px;
	height: 300px;
	padding: 0;
	top: 180px;
	left: 2px;
	}

#newz-wrap .newz-box {
	background: transparent;
	width: 440px;
	}

#newz-wrap .newz-box {
	height: 234px;
	width: 440px;
	overflow: hidden;
	}

#newz-wrap .photo {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	width: 200px;
	height: 230px;
	background-size: cover;
	background-position: 50% 50%;
	}

#newz-wrap .headline {
	color: #11334c;
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 7px;
	font-weight: bold;
	}

#newz-wrap .headline a {
	color: #000;
	}

#newz-wrap .content {
	margin-bottom: 7px;
	font-size: 16px;
	line-height: 19px;
	color: #11334c;
	font-weight: 400;
	}

#newz-wrap .content p {
	display: inline;
	margin: 0;
	color: #333;
	font-weight: 400;
	}

/*---------------------------------------------------------------
 | Homepage Calendar
 +-------------------------------------------------------------*/

.home-cal-wrap {
	position: absolute;
	display: block;
	width: 400px;
	top: 40px;
	left: 20px;
	}

.home-cal-wrap h2 {
	font-size: 15px;
	line-height: 17px;
	margin: 3px 0;
	}

.home-cal-box {
	margin-top: 10px;
	cursor: pointer;
	overflow: hidden;
	height: 110px;
	}

.home-cal-datebox {
	float: left;
	width: 90px;
	margin-right: 12px;
	background: #399ac9;
	color: #fff;
	text-align: center;
	border: 1px solid #399ac9;
	margin-bottom: 50px;
	padding: 5px 0;
	}

.home-cal-datebox-month {
	color: #fff;
	background: #399ac9;
	font-size: 15px;
	line-height: 110%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 3px 3px 0px 7px;
	}

.home-cal-datebox-num {
	color: #fff;
	font-size: 42px;
	line-height: 40px;
	font-weight: bold;
	}

.home-cal-datebox-day {
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 1px 3px 5px 7px;
	}

.home-cal-info {
	font-size: 14px;
	line-height: 17px;
	}

.home-cal-date {
	font-size: 14px;
	line-height: 17px;
	}

.home-cal-venue {
	font-size: 14px;
	line-height: 17px;
	}

.home-cal-location {
	font-size: 14px;
	line-height: 17px;
	}

.home-cal-link {
	}

/*---------------------------------------------------------------
 | Homepage Recording
 +-------------------------------------------------------------*/

.home-record-wrap {
	position: absolute;
	top: 520px;
	left: 40px;
	width: 390px;
	}

.home-record {
	margin-bottom: 20px;
	}

.home-record-photo-wrap1 {
	background: transparent;
	float: left;
	margin: 0 12px 5px 0;
	}

.home-record-photo-wrap2 {
	display: inline;
	}

.home-record-photo {
	text-align: center;
	}

.home-record-photo img {
	box-shadow: 0 0 5px #555;
	}

.home-record-head {
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	margin-top: 4px;
	margin-bottom: 7px;
	}

.home-record-head a {
	color: #fff;
	}

.home-record-subhead {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 0px;
	}

.home-record-date {
	display: none;
	font-style: italic;
	font-size: 14px;
	line-height: 17px;
	}

.home-record-text {
	display: block;
	height: 204px;
	overflow: hidden;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	}

.home-record-link {
	display: inline;
	padding-left: 8px;
	}

/*---------------------------------------------------------------
 | Homepage Video
 +-------------------------------------------------------------*/

.home-video-wrap {
	display: block;
	position: relative;
	width: 315px;
	height: 162px;
	overflow: hidden;
	}

.home-video {
	background: transparent;
	height: 162px;
	overflow: hidden;
	}

.home-video-photo-wrap1 {
	background: transparent;
	float: left;
	margin: 1px 12px 5px 0;
	}

.home-video-photo-wrap2 {
	display: inline;
	}

.home-video-photo {
	text-align: center;
	border: none;
	height: 200px;
	}

.home-video-head {
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
	margin-top: 0;
	margin-bottom: 7px;
	}

.home-video-subhead {
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 0px;
	}

.home-video-date {
	display: none;
	font-style: italic;
	}

.home-video-text {
	font-size: 14px;
	line-height: 17px;
	}

.home-video-link {
	display: inline;
	padding-left: 8px;
	}

/****************************************************************
 |
 |  CONTENT STYLES
 |
 ***************************************************************/

#info .heading {
	background: #fff;
	font-size: 14px;
	font-weight: normal;
	color: #777;
	padding: 5px 10px;
	margin-bottom: 12px;
	overflow: hidden;
	}

/*---------------------------------------------------------------
 | News Page Styles
 +-------------------------------------------------------------*/

#news {
	}

#news #tlist tr {
	vertical-align: top;
	}

#news #tlist td {
	padding: 5px 10px 8px 0;
	}

#news .date {
	width: 13%;
	font-weight: bold;
	margin-bottom: 5px;
	}

#news .bullet {
	margin-right: 3px;
	}

#news .headline {
	font-size: 14px;
	margin-bottom: 8px;
	}

#news td.content {
	padding: 10px;
	}

#news .teaser {
	margin-top: 4px;
	padding-right: 5px;
	}

#news #tlist td.thumbnail-cell {
	padding: 5px;
	padding-right: 15px;
	}

#news .thumbnail {
	}

/* -- News Story Styles --*/

#news-story {
	}

#news-story .date {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	}
#news-story .news-photo {
	display: inline;
	}

#news-story .headline {
	margin: 15px 0;
	}

#news-story .content {
	}

#news-story .related {
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	}

#news-story .related-list {
	font-weight: bold;
	}

#news-story .related-name {
	padding-left: 4px;
	}

#news-story .page-buttons {
	margin-top: 15px;
	}

/*---------------------------------------------------------------
 | Concert Page Styles
 +-------------------------------------------------------------*/

#concerts {
	}

#concerts .page-title {
	}

#concerts #tlist .date-head {
	padding: 0;
	line-height: 18px;
	border: 0;
	}

#concerts #tlist .date-head {
	padding: 0;
	line-height: 18px;
	}

#concerts .date-head-wrap {
	color: #555;
	background-color: rgba(255,255,255,0.6);
	padding: 10px 0px 9px 10px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 3px;
	}

#concerts #tlist td.date {
	text-align: left;
	margin: 0;
	}

#concerts #tlist .date-box {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding: 4px 8px;
	color: #fff;
	background: #399ac9;
	border: 1px solid #399ac9;
	width: 45px;
	margin: 0px;
	}

#concerts #tlist div.date-box:hover {
	color: #fff;
	background: #000;
	border: 1px solid #777;
	}

#concerts #tlist .venue {
	font-weight: normal;
	}

#concerts #tlist .location {
	}

#concerts #tlist .city {
	display: inline;
	font-weight: normal;
	}
#concerts #tlist .state {
	margin-left: 3px;
	display: inline;
	}
#concerts #tlist .country {
	display: inline;
	margin-left: 3px;
	}

#concerts #tlist .notes {
	padding-bottom: 8px;
	}

/* --  Concert Info Page  -- */

#concerts #info .heading {
	}

#concerts #info .concert-info-wrap {
	}

#concerts #info .placetime,
#concerts #info .program,
#concerts #info .contact,
#concerts #info .info {
	margin-bottom: 20px;
	}

#concerts #info .venue {
	font-weight: bold;
	font-size: 14px;
	}

#concerts #info .location {
	margin-top: 6px;
	}

#concerts #info .date {
	margin-top: 6px;
	}

#concerts #info .artist-name {
	font-weight: bold;
	margin-bottom: 15px;
	}

#concerts #info .artist-name-prefix {
	font-weight: normal;
	}

#concerts #info #photo-wrap {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	}

#concerts .status-box td.small {
	display: none;
	}

/*---------------------------------------------------------------
 | >> ARTIST PAGE STYLES
 +-------------------------------------------------------------*/

.nophoto-wrap {
	display: table;
	background: #f7e6da;
	}

.nophoto {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #666;
	border: 1px solid #333;
	}

.nophoto-text {
	vertical-align: middle;
	text-align: center;
	}

/*---------------------------------------------------------------
 | Biography Page Styles
 +-------------------------------------------------------------*/
#biog {
	}

#biog .photo {
	}

#biog .content {
	}

#biog .page-buttons {
	}

#biog .photo-menu {
	margin-top: 5px;
	display: block;
	float: right;
	width: 300px;
	margin-left: 25px;
	}

/*---------------------------------------------------------------
 | New DPK Page Styles
 +-------------------------------------------------------------*/

.dpk-media {
	margin: 10px 0;
	}

.dpk-media tr {
	vertical-align: top;
	}

.dpk-media td {
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid #a3dcf7;
	background: transparent;
	}

.dpk-media td.thumb {
	width: 15%;
	padding-right: 15px;
	text-align: center;
	}

.dpk-media .fileinfo {
	margin: 5px 0;
	font-size: 12px;
	font-style: italic;
	}

.dpk-media .links {
	margin: 5px 0;
	font-size: 14px;
	}

.dpk-video .thumb img {
	height: 120px;
	width: 190px;
	}

/*---------------------------------------------------------------
 | Recordings Page Styles
 +-------------------------------------------------------------*/
/*

#record {
	}

#record .record-info-wrap {
	padding-left: 25px;
	}

#record #photo-wrap {
	margin-left: 0;
	}

*/
/* -- Recording Info Styles --*/
/*
#record #info .record-info-wrap {
	}

#record #info .photo img {
	width: 200px;
	height: 200px;
	border: 1px solid #fff;
	}

#record #info .headline {
	margin-bottom: 12px;
	}

#record #info .heading {
	}

#record #info .artist-name,
#record #info .content {
	margin-bottom: 15px;
	}

#record #info .date {
	margin-top: 10px;
	}

#record #info .catnum {
	margin-top: 3px;
	margin-bottom: 15px;
	}

#record #info .artist-name {
	font-weight: bold;
	margin-top: 6px;
	}

#record #info .artist-name-prefix {
	font-weight: normal;
	}

#record #info .mod-date {
	display: none;
	}

#record #info .reclabel {
	font-style: italic;
	margin: 15px 0;
	}

#record #info ul {
	}

#record #info .buybutton {
	margin-bottom: 15px;
	}

#record #tlist td {
	padding: 10px 0;
	border-width: 1px;
	}
*/

/*---------------------------------------------------------------
 | Recordings Page Styles
 +-------------------------------------------------------------*/

#record {
	}

#record #tlist tr {
	vertical-align: top;
	}

#record .heading {
	padding-right: 20px;
	}

#record .thumbnail {
	margin: 0 10px;
	}

#record .teaser {
	margin-top: 8px;
	margin-bottom: 8px;
	}

#record .artist-name {
	}

#record .reclabel {
	width: 20%;
	}

#record .more-info {
	padding: 0 10px;
	}

#record ul {
	}

#record .more-info #btn {
	display: block;
	}

#record .more-info #btn .btn-main {
	width: 100%;
	}

/* -- Recording Info Styles --*/

#record #info .record-info-wrap {
	}

#record #info .headline {
	margin-bottom: 12px;
	}

#record #info .heading {
	}

#record #info .artist-name,
#record #info .content {
	margin-bottom: 15px;
	}

#record #info .date {
	margin-top: 10px;
	}

#record #info .catnum {
	margin-top: 3px;
	margin-bottom: 15px;
	}

#record #info .artist-name {
	font-weight: bold;
	margin-top: 6px;
	}

#record #info .artist-name-prefix {
	font-weight: normal;
	}

#record #info .mod-date {
	display: none;
	}

#record #info .label {
	font-weight: bold;
	}

#record #info ul {
	}

#record #info .buybutton {
	margin-bottom: 15px;
	}

#record #tlist td {
	padding: 10px 0;
	border-width: 1px;
	}

/*---------------------------------------------------------------
 | Program/Repertoire Page Styles
 +-------------------------------------------------------------*/

#reper {
	}

#reper #tlist tr {
	vertical-align: top;
	}

#reper .acclaim-wrap {
	margin: 10px 0;
	}

#reper .heading {
	}

#reper .teaser {
	margin-top: 8px;
	margin-bottom: 8px;
	}

#reper .artist-name {
	}

#reper .more-info {
	padding-left: 10px;
	}

#reper ul {
	}

#reper .thumbnail-cell {
	padding-right: 15px;
	}

/* -- Repertoire Info Styles --*/

#reper #info .reper-info-wrap {
	}

#reper #info .headline {
	margin-bottom: 12px;
	}

#reper #info .heading {
	}


#reper #info .artist-name,
#reper #info .content,
#reper #info .others {
	margin-bottom: 20px;
	}

#reper #info .others {
	margin-top: 6px;
	}

#reper #info .date {
	display: none;
	margin-top: 12px;
	font-size: 11px;
	}

#reper #info .artist-name {
	font-weight: bold;
	margin-top: 6px;
	}

#reper #info .artist-name-prefix {
	font-weight: normal;
	}

#reper #info ul {
	}

/*---------------------------------------------------------------
 | Acclaim Page Styles
 +-------------------------------------------------------------*/

#acclaim {
	}

#acclaim .acclaim-wrap {
	margin: 6px 0px;
	}

#acclaim .thumbnail {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px
	}

#acclaim .artist-name {
	}

#acclaim .headline {
	}

#acclaim .teaser {
	margin-top: 8px;
	margin-bottom: 8px;
	}

#acclaim .content-more {
	margin-top: 8px;
	}

#acclaim .source {
	display: inline;
	}

#acclaim .writer {
	}

#acclaim .publication {
	font-weight: bold;
	}

#acclaim .date {
	}

#acclaim .link {
	display: inline;
	margin-left: 6px;
	}

/* -- Acclaim Story Styles --*/

#acclaim-story {
	}

#acclaim-story .headline {
	margin: 10px 0;
	}

#acclaim-story .thumbnail {
	}

#acclaim-story .date {
	display: inline;
	}

#acclaim-story .content {
	}

#acclaim-story .source {
	margin-top: 8px;
	}

#acclaim-story .writer {
	}

#acclaim-story .publication {
	font-weight: bold;
	}

#acclaim-story .page-buttons {
	margin-top: 12px;
	}

/* -- Modify Table style for Acclaim -- */

#acclaim #tlist td {
	padding: 10px 4px;
	border-width: 1px;
	}

/*---------------------------------------------------------------
 | Contact Page Styles
 +-------------------------------------------------------------*/

#contacts-left {
	}

#contacts-right {
	margin-top: 20px;
	}

/* -- Agency Contact Box -- */

#contacts {
	margin-top: 5px;
	}

#agency-contact {
	}

#agency-contact #cbox {
	text-align: center;
	padding: 20px;
	width: auto;
	margin-bottom: 10px;
	background-color: rgba(163, 220, 247, 0.4);
	}

#agency-contact #cbox .headline {
	}

#agency-contact #cbox .address {
	margin-top: 0px;
	}

#agency-contact #cbox .phone {
	margin-top: 10px;
	}

/* -- Staff Contacts -- */


#staff-contact #tlist {
	margin-bottom: 10px;
	}

#staff-contact #tlist tr {
	border-top: 1px solid #a3dcf7;
	border-bottom: 1px solid #a3dcf7;
	}

#staff-contact #tlist td {
	padding: 7px 12px 7px 0px;
	}

/* -- Messenger -- */

#messenger .table-messenger {
	width: 100%;
	margin-bottom: 5px;
	background: transparent;
	}

#messenger .table-messenger td {
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
	}

#messenger .table-messenger-label {
	font-size: 13px;
	}

#messenger .field-100 {
	width: 98%;
	}

.captcha {
	font-size: 13px;
	}

/*-------------------------------------------------------------------------------
 | Links Page Styles
 +-----------------------------------------------------------------------------*/

.links-cats-box {
	display: block;
	width: 100%;
	}

.links-box {
	display: block;
	width: 100%;
	}

.links-list {
	border: 1px solid #fff;
	margin-bottom: 5px;
	}

.links-page-title {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	}

.links-table-cats {
	display: block;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
	margin-top: 5px;
	border: 1px solid #fff;
	}

div.links-table-cats td {
	background: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	}

.links-search-wrap {
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 5px;
	background: transparent;
	}

.links-category {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}

.links-catcount {
	font-size: 11px;
	line-height: 20px;
	}

.links-category-head {
	display: block;
	font-weight: bold;
	padding: 3px 8px;
	color: #7F7E76;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.5);
	}

.links-detail-box {
	display: block;
	margin-bottom: 10px;
	padding-right: 10px;
	}

.links-title {
	font-weight: bold;
	}

.links-added {
	font-size: 11px;
	color: #999;
	}

.links-detail-box ul {
	margin-left: 30px;
	padding-left: 15px;
	}

.links-detail-box li {
	margin-bottom: 15px;
	margin-top: 0px;
	}

.links-status-box {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 5px;
	background-color: transparent;
	}

.links-status-box td {
	font-size: 11px;
	}

/*-------------------------------------------------------------------------------
 | Guestbook Styles
 +-----------------------------------------------------------------------------*/

#gbook {
	}

#gbook .table-guestbook {
	background: transparent;
	margin-top: 15px;
	border: 1px solid #999;
	}

#gbook .table-guestbook td {
	padding: 5px 5px;
	}

#gbook .topbox {
	margin-bottom: 15px;
	}

#gbook .list-wrap {
	}

#gbook .notice {
	font-weight: bold;
	text-align: center;
	padding: 15px;
	color: #333;
	background-color: rgba(255,255,255,0.6);
	/*border: 1px solid #fff;*/
	}

#gbook .msg-wrap {
	margin-top: 5px;
	}

#gbook .msghead {
	background-color: rgba(255,255,255,0.5);
	padding: 4px 10px;
	color: #666;
	}

#gbook .date {
	font-size: 14px;
	float: right;
	}

#gbook .name-location {
	width: 70%;
	overflow: hidden;
	}

#gbook .name {
	font-weight: bold;
	}

#gbook .comment {
	padding: 10px 0;
	}

#gbook td.custom {
	background: #fff;
	}

#gbook .menubox {
	display: table;
	padding: 5px 0;
	width: 100%;
	margin-top: 5px;
	}

#gbook .signbtn {
	float: left;
	}

#gbook .total {
	float: right;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 4px;
	}

/*-------------------------------------------------------------------------------
 | Media Center
 +-----------------------------------------------------------------------------*/

#media {
	}

.media-audio {
	margin-bottom: 20px;
	}

.audio-file {
	}

.media-video {
	}

.media-video h3 {
	margin-bottom: 15px;
	}

#media .info-block {
	height: 115px;
	line-height: 14px;
	margin-bottom: 24px;
	overflow: hidden;
	}

#media .info-block .heading {
	margin-bottom: 5px;
	}

#media .thumb {
	float: left;
	clear: left;
	margin-right: 10px;
	}

#media .thumb img {
	height: 120px;
	width: 190px;
	}

#media .caption {
	}

/*-------------------------------------------------------------------------------
 | Audio Player
 +-----------------------------------------------------------------------------*/

#media div.jp-audio {
	width:489px;
	background-color: rgba(255,255,255,0.7);
}

#media div.jp-audio-stream {
	width:521px;
}

#media div.jp-type-playlist .jp-controls li a {
	width: 121px;
}

/*-------------------------------------------------------------------------------
 | Photo Album Styles
 +-----------------------------------------------------------------------------*/

.album-wrap {
	margin-top: 20px;
	}

.album-wrap ul {
	margin: 0;
	padding: 0;
	text-align: left;
	}

.album-wrap ul li {
	display: block;
	width: 619px;
	float: left;
	padding: 0;
	margin-bottom: 25px;
	list-style: none;
	border: 1px solid #fff;
	}

.album-wrap ul li:nth-child(odd) {
	margin-right: 25px;
	}

.album-wrap .album-box {
	}

.album-wrap li a.thumb {
	display: block;
	float: left;
	height: 188px;
	width: 180px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 50% 5%;
	background-color: #e5e5e5;
	background-size: cover;
	overflow: hidden;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-wrap li .caption {
	width: 430px;
	display: block;
	float: right;
	background: rgba(255,255,255,0.5);
	border-left: 0;
	padding: 4px;
	height: 180px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-wrap li .caption .title {
	font-size: 16px;
	line-height: 120%;
	font-weight: normal;
	margin: 20px 20px 5px 20px;
	text-align: left;
	}

.album-wrap li .caption .title a {
	color: #777;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-wrap li .caption .total {
	font-size: 12px;
	color: #888;
	margin-left: 20px;
	text-align: left;
	}

.album-wrap li .caption .date {
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
	color: #999;
	}

.album-wrap li:hover {
	cursor: pointer;
	}

.album-wrap li:hover a.thumb {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-wrap li:hover .title a {
	color: #399ac9;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-wrap li:hover .caption {
	background: #fff;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

/*-------------------------------------------------------------------------------
 | Photo Gallery Styles
 +-----------------------------------------------------------------------------*/

.gallery-wrap {
	}

.gallery-wrap ul {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.gallery-wrap li {
	display: block;
	float: left;
	padding: 0;
	margin-right: 3px;
	margin-top: 1px;
	margin-bottom: 2px;
	list-style: none;
	}

.gallery-wrap ul li:nth-child(4n+0) {
	margin-right: 0;
	}

.gallery-wrap .thumb-box {
	}

.gallery-wrap li a.thumb {
	display: block;
	position: relative;
	height: 150px;
	width: 150px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 15%;
	background-color: #f2f2f2;
	background-size: cover;
	border: 1px solid #fff;
	text-align: center;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.gallery-wrap li a.thumb:hover:after {
	content: "🔍";
	position: absolute;
	right: 5px;
	bottom: 5px;
	}

.gallery-wrap li a.thumb:hover {
	border: 1px solid #999;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-moz-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	-o-transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	transition: background 0.2s linear, color 0.2s linear, opacity 0.2s;
	}

.album-content {
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #fff;
	margin: 5px 0 10px 0;
	}


/*-------------------------------------------------------------------------------
 | E-News Page Styles
 +-----------------------------------------------------------------------------*/

#subscribe {
	float: left;
	width: 40%;
	padding-right: 15px;
	}

#archive {
	float: right;
	width: 51%;
	}

#enews td {
	padding: 5px 0;
	}

#enews #subscribe-box {
	padding: 10px 15px;
	background: transparent;
	border: 1px solid #ccc;
	}

#enews .message {
	display: block;
	margin-bottom: 10px;
	}

#enews label {
	display: block;
	margin-bottom: 2px;
	}

#enews .name,
#enews .email {
	display: block;
	width: 95%;
	}

#enews #submit {
	margin-top: 5px;
	}

/*-----------------------------------------------------------
 | E-News Signup Header
 +---------------------------------------------------------*/

#enews-header {
	width: 100%;
	color: #999;
	background-color: rgba(19, 51, 75, 1.00);
	text-align: center;
	padding: 7px 0;
	font-size: 13px;
	margin: 0px auto;
	}

#enews-header label {
	margin-right: 3px;
	color: #fff;
	}

#enews-header #enews-label {
	display: inline;
	padding: 4px 8px;
	margin-right: 12px;
	font-weight: bold;
	color: #e5e5e5;
	}

#enews-header .name,
#enews-header .email {
	color: #333;
	background-color: rgba(255,255,255,0.6);
	border: 0;
	padding: 2px;
	width: 130px;
	margin-right: 10px;
	}

#enews-header .name:focus,
#enews-header .email:focus {
	color: #000;
	background: #fff;
	}

#enews-header #submit {
	margin: 0 5px;
	font-size: 11px;
	}

#enews-header .archive {
	display: inline;
	}

#enews-header .archive a {
	}

/*-----------------------------------------------------------
 | Social Media Icons
 +---------------------------------------------------------*/

#social {
	position: absolute;
	top: 6px;
	left: 20px;
	}

#social ul {
	margin: 0;
	padding: 0;
	display: table-row;
	height: 40px;
	}

#social ul li {
	display: table-cell;
	vertical-align: middle;
	list-style-image: none;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	height: 40px;
	}

#social ul li a {
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	}

#social .socialicon {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}

/*-----------------------------------------------------------
 | Smartphone
 +---------------------------------------------------------*/

@media screen and (max-device-width: 480px) {

	body, div, p, li, a, td, h1, h2, h3, h4, h5 {
		-webkit-text-size-adjust: none;
	}

	#wrapper {
		padding-top: 0;
	}

#backg {
    background-attachment: initial;
	}

	#menu-wrap {
		position: relative;
	}

}