@charset 'UTF-8';

/**
 * _master.css
 */

@import 'reset.css';
@import 'core.css';
@import 'skeleton.css';

@import 'typography.css';

@import 'forms.css';
@import 'lists.css';
@import 'tables.css';

@import 'header.css';
@import 'footer.css';

@import 'i18n-L10n-navigation.css';
@import 'primary-navigation.css';
@import 'secondary-navigation.css';

@import 'concert.css';

@import 'calendar.css';

@import 'homepage.css';
@import 'content-page.css';
@import 'genre-list.css';
@import 'order-tickets.css';
@import 'order-cds.css';
@import 'image-archive.css';
@import 'contact-us.css';
@import 'contact-me.css';

/*
@import 'genre.css';
*/

.puff
{
	margin-bottom: 20px;
	overflow: hidden;
}

.puff h2
{
	background: #786C4D url(images/header.gif) no-repeat bottom;
	color: #FFF;
	font-size: .9em;
	margin: 0;
	padding: 4px 0 12px 8px;
	text-transform: uppercase;
}

.puff h3
{
	font-size: 104%;
}

.puff h3,
.puff p,
.puff ul
{
	margin: 0 8px 0;
}

.puff p
{
	margin-bottom: 1em;
}

#important-phone-numbers
{
	background: #FFC423;
	color: #222;
	font-size: 14px;
	line-height: 1.5;
	padding: 8px;
}
	#important-phone-numbers hr
	{
		display: block;
		visibility: visible;
		color: #FFC423;
		border-style: solid;
		border-top: solid 1px #fff;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
	}
	#important-phone-numbers .text
	{
		font-size: 88%;
		text-transform: none;
	}

#ticket-reservation
{
	font-size: 144%;
	margin-top: 8px;
}

.puff#calendar h2
{
	background-color: #FFC423;
	background-image: url(images/Untitled-10.png);
}

.puff#teddy-bear img
{
	margin: 2px 0;
}

#internationalization ul
{
	padding: 0;
	margin-top: 8px;
	overflow: hidden;
}

#internationalization li
{
	float: left;
	list-style-type: none;
	margin-left: .5%;
	width: 12%;
	text-align: center;
}

#internationalization img
{
	background: cyan;
	border: 1px solid #000;
	width: 16px;
}

#music-player, .puff.naxoslinks
{
	background: #F8EED5;
	width: 230px;
	padding-bottom: 1em;
}

.puff#music-player h2, .puff.naxoslinks h2
{
	background-image: url(images/music-player-header.gif);
}

#music-player h3
{
	font-size: 96%;
	margin: 0;
	text-transform: uppercase;
}

#music-player ul, .puff.naxoslinks ul
{
	padding: 0;
}

#music-player li, .puff.naxoslinks li
{
	background: url(images/icon_note.gif) no-repeat;
	margin-bottom: 1em;
	overflow: hidden;
	padding-left: 30px;
}

.puff.naxoslinks li
{
	padding-bottom: 2px;
}

#music-player li.with-image
{
	background-position: 65px top;
	padding-left: 0;
}

#music-player img
{
	float: left;
	width: 55px;
	margin-right: 40px;
}







#announcement,
#splash
{
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 10px;
	/*width: 628px;*/ /* 650 - (2 * 1px border) - (2 * 10px padding) = 628 */
}
	
	#announcement {
		padding:0;
	
	}







.concerts
{
	float: right;
	width: 410px;
}







.event
{
	background: #F8EED5;
	padding-top: 10px;
	width: 445px;
}

#content ul.points-in-time
{
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
	text-transform: uppercase;
}

#content ul.points-in-time li
{
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

#content ul.points-in-time ul
{
	position: absolute;
	top: 0;
	right: 0;
	
	list-style-type: none;
	margin: 0;
	text-align: right;
}

#content ul.points-in-time ul li
{
	display: inline;
	margin-left: 1em;
}































.genre-categories
{
	margin: 20px 0;
}

.genre-category
{
	border: 1px solid #000;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px;
}

#content .genre-category h2
{
	font-size: 144%;
	font-weight: normal;
	margin-top: 0;
}

.genre-category img
{
	float: left;
	/* margin-right: 10px; not used as we adjust the margin-left of the content */
}

.genre-category p,
.genre-category a
{
	display: block;
	margin-left: 160px; /* (.genre img).style.width (150px) + (.genre img).style.marginRight (10px) = 160px */
}

.genre-category a.read-more
{
	text-transform: uppercase;
}



















.filter-controls
{
	background: #F8EED5;
	border: none;
	font-size: .9em;
	font-weight: bold;
	padding-top: .75em;
	text-transform: uppercase;
}

.filter-controls legend
{
	display: none;
}

.filter-controls select
{
	font-size: .9em;
}








.stepper
{
	float: right;
	position: relative;
	bottom: 48px;
}

.stepper.bottom
{
	bottom: 0;
	margin-bottom: 20px;
}

.stepper a
{
	margin-left: 1ex;
	padding: 1ex 1ex 0;
}

.stepper a:hover
{
	background: #DEDEDE;
}

.stepper img
{
	width: 10px;
}





img
{
	-ms-interpolation-mode: bicubic;
}


/*
 * Forum
 */

.forum.room .PagingContainer
{
	padding-bottom: 5px;
}

.forum.room th
{
	text-align: left;
	font-weight: normal;
}

.forum.room td
{
	vertical-align: top;
}

.forum.room th.name
{
	width: 177px;
}

.forum.room th.author
{
	width: 110px;
}

.forum.room th.lastReply
{
	width: 110px;
}

.forum.room th.threadCount
{
	text-align: right;
	width: 45px;
}

.forum.room td
{
	border-bottom: solid 1px #f8eed5;
	padding-top: 3px;
	padding-bottom: 5px;
}

.forum.room th
{
	background-color: #f8eed5;
	border-top: solid 2px #786c4d;
	border-bottom: solid 1px #786c4d;
}

.forum.room td.lastReply .by
{
	color: #786c4d;
	white-space: nowrap;
}

.forum.room td.threadCount
{
	text-align: right;
}


.forum.topic .firstPost h2
{
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 5px;
}

.forum.topic .firstPost
{
	border-top: solid 2px #786c4d;
	border-bottom: solid 2px #786c4d;
}

.forum.topic .reply 
{
	border-bottom: solid 1px #786c4d;
}

.forum.topic .by
{
	padding: 5px 0 5px 0;
	color: #786c4d;
	white-space: nowrap;
	margin: 0;
}

.forum.topic .text
{
	margin: 0;
}

.forum.topic .report
{
	clear: left;
	text-align: right;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;
}


.forum .createReply
{
	border-top: solid 2px #786c4d;
	border-bottom: solid 3px #786c4d;
	padding-bottom: 10px;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.forum .createReply .createSubject
{
	width: 98%;
	margin-bottom: 5px;
}

.forum .createReply .createText
{
	width: 98%;
	height: 75px;
	margin-bottom: 5px;
}

.forum .createReply .post
{
}



.puff.login
{
	padding: 10px;
	background-color: #f8eed5;
}

.puff.login .username
{
	width: 98%;
}

.puff.login .password
{
	width: 98%;
}

.puff.login .loginButton
{
	margin-top: 5px;
}


.puff.forum div
{
	margin: 0 8px;
}

.puff.forum div div
{
	float: left;
	width: 99%;
	white-space: nowrap;
	overflow: hidden;
}




.carousel
{
	overflow: hidden;
	position: relative;
	width: 635px; height: 240px;
}
	.carousel {
		height:139px;
		width:655px;
	
	}

.carousel.single
{
	height: 213px;
}

.carousel-area
{
	height: 100%;
	overflow: hidden;
}

.carousel-items
{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}

.carousel-item
{
	position: absolute;
	width: 635px; height: 240px;
}
	
	.carousel-item {
		
		width:655px;
		height:139px;
	
	}
	.csi0 {
		background: url(../../../Resources/Images/Backgrounds/carousel-bg-theme-2.gif) no-repeat top left;
	}
	.csi1 {
		background: url(../../../Resources/Images/Backgrounds/carousel-bg-theme-1.gif) no-repeat top left;
	}
	.csi2 {
		background: url(../../../Resources/Images/Backgrounds/carousel-bg-theme-3.gif) no-repeat top left;
	}

.carousel-item .concert
{
	margin: 0 !important;
}


.carousel-nav {
	bottom:5px;
	margin:0 auto;
	position:relative;
	width:115px;

}
	.carousel-nav a {
		color:#fe9324;
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
	
	}


.carousel a.previous
{
	background:url(../../../Resources/Images/Backgrounds/rew-arrow.png) 0 4px no-repeat;
	padding-left:8px;
	position:absolute;
	bottom: 0; 
	left: 0;
	z-index:200;
	
	outline: 0;
}
.carousel a.next
{
	background:url(../../../Resources/Images/Backgrounds/ff-arrow.png) right 4px no-repeat;
	padding-right:8px;
	position:absolute;
	right: 0; 
	bottom: 0;
	z-index:200;
	outline: 0;
}

.carousel a.play-pause
{
	/*margin-left: -40px;*/
	position:absolute;
	bottom: 0; 
	height:16px;
	left: 45%;
	width: 16px;
	z-index:200;
	
	text-align: center;
	
	outline: 0;
}
	.carousel a.play{
		background:url(../../../Resources/Images/Backgrounds/Playknapp.gif) 0 0 no-repeat;
		text-indent:-2000px
		
	}
	
	.carousel a.pause{
		background:url(../../../Resources/Images/Backgrounds/pauseknapp.gif) 0 0 no-repeat;
		text-indent:-2000px
	}
	
/******************************
    XFORMS - Alternating row
******************************/
.alternating-row { background-color: #F8EED5; }