/* 
	
		QZcreative Main Style Sheet
		Author:	Qinghua Zhang
		Date:	05/09

		01 BASICS
		02 NAVIGATION MENU - GlobalNav / Nav
		03 STRUCTURE
		04 FEATURED
		05 OTHER CLASS

/*		-----------------------------------------------------------------------------------------------
		01 BASICS */
	
html 	{
		height:auto !important; 
		height:100%; 
		min-height:100%; 
		padding:0; 
		margin:0; 
		background:#000 url(../images/bg/bg-html.gif) no-repeat center top; /*floral decorations */
		}
	
body	{
		height:auto !important; 
		height:100%; 
		min-height:100%; 
		margin:0; 
		padding:0 0 1px; 
  		font:12px/1 Helvetica,Arial,Sans-serif;
		color:#444; 
		}
body.none {background: url() no-repeat center top;}
body.events {background: url() no-repeat center top;}
body.workshop {background: url() no-repeat center top;}
body.performance{background: url() no-repeat center top;}

a:link, a:visited {color:#5C3F26; text-decoration:underline;}
a:focus, a:hover, a:active {text-decoration:none;}
	a.arrowlink {
		padding-left:7px;
		text-decoration:none;
		font-weight:bold;
		color:#760904;
		background-image:url(../../images/bullet-arrow-red.gif);
		background-position:0 4px;
		background-repeat:no-repeat;
		}
	a.download {
		padding-left:15px;
		background-image:url(../../images/icon-download.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#b90e01;
		}

img {border:none;}
		img.bordered {padding:2px; border:1px solid #f8f4f8; background-color:#f8f4f8;}
		img.left {float:left; margin:0 10px 10px 0;}
		img.right{float:right; margin:0 0 10px 10px;}
		img.left{margin:0 1em 1em 0;}
		img.right{margin:0 0 1em 1em;}
		
p {line-height:1.6em;}
	#content p{margin:1.1em 0;}
	p.date{	
		float:left; overflow:inherit; margin:2px 4px 0 0!important; 
		font: 0.85em baskerville,'palatino linotype','times new roman',serif; letter-spacing:0.03em;
		}

ol, ul {margin-bottom:0;}
li {margin-bottom:10px; line-height:1.6em;}
	ul.no-bullets {padding:0;margin:0;}
	ul.no-bullets li {padding:0;margin:0 0 10px;list-style-type:none;}

h1,h2,h3,h4,h5,h6 {font-weight:300; font-family:baskerville,'palatino linotype','times new roman',serif;}
	h2 {font-size:36px;margin:0.25em 0 0.75em;letter-spacing:-1px;font-weight:500;font-style:italic;line-height:50px}
		body.home h2 {color:#920a00;}
		body.events h2 {color:#b64926;}
		body.none h2 {color:#8e2800;}
		body.workshop h2 {color:#979926;}
		body.performance h2 {color:#468966;}
	h2 span {
		font-size:20px;
		font-weight:normal;
		font-style:italic;
		line-height:23px;
		color:#444;
		letter-spacing:0;
		display:block;
	}
	h2.slogan {
		font-size:36px;
		letter-spacing:-1px;
		color:#990000;
		line-height:36px;
		margin:30px 0 30px -70px;
		padding-left:70px;
		font-weight:500;
		background-image: url(../images/_elements/quote.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	h3 {font-weight:bold; margin-bottom:10px; font-size:16px; color:#360f00;}
	h3.dotted {
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		padding-bottom:4px;
		background-position:bottom left;
		background-repeat:repeat-x;
	}
	.events h3.dotted {
		color:#dd3e00;
		background-image:url(../images/bg/bg-locinfo-events.gif);
	}
	.none h3.dotted {
		color:#8e2800;
		background-image:url(../images/bg/bg-locinfo-none.gif);
	}
	.special h3.dotted {
		color:#464679;
		background-image:url(../../images/bg-locinfo-special.gif);
	}
	.workshop h3.dotted {
		color:#979926;
		background-image:url(../images/bg/bg-locinfo-workshop.gif);
	}
	.performance h3.dotted {
		color:#017b87;
		background-image:url(../images/bg/bg-locinfo-performance.gif);
	}
	.global h3.dotted {
		background-image:url(../images/bg/bg-dotted-horiz.gif);
		padding-bottom:1px;
	}
	.global h3.dotted div {
		color:#f8f4f8;
		padding:3px;
		background-color:#765332;
		font-weight:normal;
		text-transform:uppercase;
		font-size:11px;
	}
	h4 {color:#280f0a; margin-bottom:10px;}
		body.home h4 {color:#920a00;}
		body.events h4 {color:#b64926;}
		body.none h4 {color:#8e2800;}
		body.workshop h4 {color:#979926;}
		body.performance h4 {color:#468966;}
	h5 {
		font-size:11px;
		font-family:Helvetica,Arial,Sans-serif;
		text-transform:uppercase;
		background-color:#765332;
		padding:2px 5px;
		color:#fff;
		margin-bottom:5px;
	}
	h6 {
	    font-size:10px;
	    font-family:Helvetica,Arial,Sans-serif;
	}
	
	input, select {
		border: 1px solid #7f9db9;
		font-size: 12px;
	}
	.button {display: block;}
	.label {margin: 5px 0;}
	.label label {position: relative;}
	input.img {
		border: none;
		vertical-align: middle;
		margin-left:3px;
	}
	.button {text-align: right;}
	div.button .img {margin:7px 7px 0;}
	
	.events a {color:#dd3e00;}
	.none a {color:#8e2800;}
	.workshop a {color:#979926;}
	.special a {color: #464679;}
	.performance a {color:#468966;}
	div.hr {
		background-image:url(../images/bg/bg-dotted-horiz.gif);
		background-position:0 50%;
		background-repeat:repeat-x;
		height:11px;
		overflow:hidden;
		margin:-10px 0 10px;
		clear:both;
	}
		div.hr hr {display:none;}
		.module div.hr {margin-bottom:0;}
	div.page {padding:10px; background-color:#fff;}
	div.search {background-color:#f1f3eb !important;}
	div.photos {}
		div.grid-ad div.grid-ab div.photos {margin:0 -20px;}
		div.photos img {
		display:block;
		margin-bottom:10px;
		border-top-color: #920A00;
		border-right-color: #920A00;
		border-bottom-color: #920A00;
		border-left-color: #920A00;
		border-top-width: 10px;
		border-top-style: solid;
		}
		.events div.photos img {border-color:#b64926;}
		.none div.photos img {border-color:#8e2800;}
		.workshop div.photos img {border-color:#979926;}
		.special div.photos img {border-color:#666699;}
		.global div.photos img {border-color:#920a00;}
		.performance div.photos img {border-color:#468966;}
		.grid-e div.photos, .grid-f div.photos {margin:0 -10px 0 -11px;}
	.p10 .page {padding:0;}
	p.highlight {font-size:1.2em; 
				font-family:baskerville,'palatino linotype','times new roman',serif; color:#765332;}
		.events p.highlight {color:#b64926;}
		.none p.highlight {color:#8e2800;}
		.workshop p.highlight {color:#979926;}
		.special p.highlight {color:#666699;}
		.performance p.highlight {color:#468966;}
	p.colored {color:#760904;}
		.events p.colored {color:#b64926;}
		.none p.colored {color:#8e2800;}
		.workshop p.colored {color:#979926;}
		.performance p.colored {color:#468966;}
	div.loc-info {
		font-size:11px;
		margin-bottom:10px;
	}	
.big   {font-size:16px;text-decoration:none;line-height:20px;}
.major {text-transform:uppercase;text-decoration:none;letter-spacing:1px;font:12px Arial,'Liberation Sans',FreeSans,sans-serif;}
.minor {font-size:12px;}
.small {font-size:11px;}
.tiny  {font-size:10px;}
.italic{font-style:italic;}

.pitch {color:black;}
.dark  {color:#333;}
.muted  {color:#666;}
.quiet {color:#999;}
.light {color:#ccc;}
.bright{color:white;}

.plain {font-family:Helvetica,Arial,Sans-serif;}
.ornate{font-family:baskerville,'palatino linotype','times new roman',serif; color:#765332;;}

.hint 		{font-size:11px;color:#666;}
.highlight 	{background:#ffb;color:black;padding:5px;}
.notice    	{background:#FFF6BF; color: #817134; border-color: #FFD324; }
.success 	{background:green;color:white;padding:5px;display:block;}
.error		{background:#600;color:white;padding:5px;display:block;}
	
.left {float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.padding{padding:10px;}
.hide{position:absolute;left:-9999px;text-align:left;}


/*	-----------------------------------------------------------------------------------------------
	02 NAVIGATION */


		/* GlobalNav */
	
div#header div#globalNav {
		width:940px;
		height:30px;
		padding:0px;
		margin-right:20px;
	}
div#header div#globalNav ul {
		padding:0;
		margin:0;
		font-size:14px;
		font-family:baskerville,'palatino linotype','times new roman',serif;
		letter-spacing:0.05em;
		text-transform:none;
		color:#f8f4f8;
		text-align:right;
	}
div#header div#globalNav ul li {
		padding:0 8px 0 0;
		margin:0 8px 0 0;
		line-height:30px;
		border-right:1px dotted #f8f4f8;
		list-style-type:none;
		display:inline;
	}
* html div#header div#globalNav ul li {
		border-right:1px solid #8e2800;
	}
div#header div#globalNav a {font-weight:normal !important; color:#f8f4f8 !important; text-decoration:none;}
div#header div#globalNav a:hover {color:#fff !important;}
div#header div#globalNav ul li.last {
		padding-right:0;
		margin-right:0;
		border-right-style:none;
	}	

		/* 02-2 Nav */

div#header div#nav {
		width:980px;	
		height:38px;
		margin-left:-20px
	}
div#header div#nav ul {
		padding:0;
		margin:0;
	}
div#header div#nav ul li {
		padding:0;
		margin:0;
		height:38px;
		width:245px;
		border-left:1px solid #0f0704;
		list-style-type:none;
		line-height:30px;
		float:left;
	}
div#header div#nav ul li.first {
		border:none;
		width:242px;
	}
div#header div#nav a {
		display:block;
		text-align:center;
		height:31px;
		text-decoration:none;
		color:#ffefd8 !important;
		font-size:14px;
		font-family:baskerville,'palatino linotype','times new roman',serif;
		font-variant:small-caps;
		letter-spacing:0.05em;
		text-transform:lowercase;		
		font-weight:600;
		border-bottom-width:6px;
		border-bottom-style:solid;
	}
		div#nav li a span {background-repeat:no-repeat; background-position:0 50%;}
			div#nav li#etm-none a {border-color:#8e2800;}
			div#nav li#etm-none a:hover {background-color:#8e2800;}
			body.none div#nav li#etm-none a {height:32px; background-color:#8e2800;}
			body.none div#nav li#etm-none a span {background:url(../images/bg/topnav-active.gif) no-repeat left center; padding-left:20px;}
			div#nav li#etm-events a {border-color:#b64926;}
			div#nav li#etm-events a:hover {background-color:#b64926;}
			body.events div#nav li#etm-events a {height:32px; background-color:#b64926;}
			body.events div#nav li#etm-events a span {background:url(../images/bg/topnav-active.gif) no-repeat left center; padding-left:20px;}
			div#nav li#etm-workshop a {border-color:#979926;}
			div#nav li#etm-workshop a:hover {background-color:#979926;}
			body.workshop div#nav li#etm-workshop a {height:32px; background-color:#979926;}
			body.workshop div#nav li#etm-workshop a span {background:url(../images/bg/topnav-active.gif) no-repeat left center; padding-left:20px;}
			div#nav li#etm-performance a {border-color:#468966;}
			div#nav li#etm-performance a:hover {background-color:#468966;}
			body.performance div#nav li#etm-performance a {height:32px; background-color:#468966;}
			body.performance div#nav li#etm-performance a span {background:url(../images/bg/topnav-active.gif) no-repeat left center; padding-left:20px;}
		div#header div#nav a:hover {}
		div#header div#actions li.active a {}
	

/*	-----------------------------------------------------------------------------------------------
	03 STRUCTURE */

		/* page background */

#wrap-header{
		margin-left:auto;
		margin-right:auto;
		width:980px;
		height:180px;
		background-color:#F8F4E8;
		overflow:hidden;
		background-image:url("../images/bg/bg-header.png");
		background-repeat: repeat-x;
		background-position: center top;
	}
#wrap-front {
		margin-left:auto;
		margin-right:auto;
		width:980px;
		height:480px;
		background-color:#F8F4E8;
		overflow:hidden;
		background-image:url("../images/bg/bg-header.png");
		background-repeat: repeat-x;
		background-position: center top;
	}
#wrap-body{
		margin-left:auto;
		margin-right:auto;
		width:980px;
		background-color: #F8F4E8;
		background-image: url("../images/_elements/leftbottom-graphic.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		}
#wrap-footer{
		margin-left:auto;
		margin-right:auto;
		width:980px;
		height:150px;
		background-color:#ffefd8;
		background-image:url(../images/bg/bg-dotted-horiz.gif);
		background-position:left top;
		background-repeat:repeat-x;
		}
#header {
		height:180px;
		width:960px;
		}
	
		/* GlobalNav (02 NAVIGATION MENU) */
		/* logo */
	
div#header div#logo {
		height:100px;
		margin:0 0 12px 0;
		width:940px;
		background:url("../images/_elements/EasternMelodyLogo.png") no-repeat center center;
		}
div#header div#logo h1 {
		width:100%;
		height:100%;
		text-align:center;
		}
div#header div#logo a {
		width:100%;
		height:100%;
		margin:0 auto;
		display:block;
		}
div#header div#logo span {
		display:none;
		}

		/* Nav (NAVIGATION MENU) */		
		/* Content */

			
div#content {
	height:auto !important;
	height:960px;
	min-height:960px;
	}
	/* deferent page, deferent culumn	
	.bg-content-home {background-image:url(../images/bg/bg-content0.gif);}
	.bg-content-3cl-workshop {background-image:url(../images/bg/bg-content-3cl-workshop.gif);}
	.bg-content-3cl-performance {background-image:url(../images/bg/bg-content-3cl-porformance.gif);}
	.bg-content-3cl-none {background-image:url(../images/bg/bg-content-3cl-none.gif);}
	.bg-content-3cl-event {background-image:url(../images/bg/bg-content-3cl-event.gif);}

	.bg-content-2cl-workshop {background-image:url(../images/bg/bg-content-2cl-workshop.gif);}
	.bg-content-2cl-porformance {background-image:url(../images/bg/bg-content-2cl-porformance.gif);}
	.bg-content-2cl-none {background-image:url(../images/bg/bg-content-2cl-none.gif);}
	.bg-content-2cl-event {background-image:url(../images/bg/bg-content-2cl-event.gif);}
 */
	
	
/* thick colored bar across top to highlight sections */
	.colorbar {
		border-top-width:45px;
		border-top-style:solid;
		padding-top:20px;
		}
		.events .colorbar {border-color:#b64926;}
		.none .colorbar {border-color:#8e2800;}
		.workshop .colorbar {border-color:#979926;}
		.performance .colorbar {border-color:#468966;}
	
	.colorbar2 {/* thick colored bar across top to highlight sections */
		padding-top:20px;
		}

		/* left navigation */

div#leftnav {/* left navigation */ }
		/* tier one */
	div#leftnav ul.nav {
		padding:0;
		margin:55px 0 0 -20px;
		width:243px;
		}
	div#leftnav ul.nav li {
		line-height: 1.3em;
		letter-spacing: 0em;
		text-transform:capitalize;
		padding:0 0 1px;
		margin:0;
		list-style-type:none;
		text-transform:capitalize;
		font-size:18px;
		font-style:italic;
		font-family:baskerville,'palatino linotype','times new roman',serif;
		background-image:url(../images/bg/bg-leftnav-li.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		}
	div#leftnav ul.nav li.active {background-image:none;}
	div#leftnav ul.nav li.last {background-image:none;padding-bottom:0;}
	div#leftnav ul.nav li a {
		display:block;
		color:#000 !important;
		text-decoration:none;
		height:auto !important;
		height:19px;
		min-height:19px;
		padding:5px 5px 5px 40px;
		margin:0;
		}
	div#leftnav ul.nav li a:hover {color:#990000 !important;}
	div#leftnav ul.nav li.active a {
		color:# !important;
		background-image:url(../images/bg/bg-leftnav-active.gif);
		background-position:left top;
		background-repeat:repeat-y;
		border-bottom:1px solid #000;
		}

		/* sidebar */

#sidebar-1 { }
#sidebar-2 { }
.module {
	padding:0px;
	margin-bottom:20px;
	clear:both;
	}
.module h4 {
	font-weight:300; 
	font-family:baskerville,'palatino linotype','times new roman',serif;
	font-size:21px;
	line-height:1.1em;
	letter-spacing:-0.02em;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	background-image:url(../images/bg/bg-leftnav-li.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
.module p {
	font-family:Helvetica,Arial,Sans-serif; 
	font-size:12px; 
	color:#444; 
	line-height:1.4em;
	}
.module ul {
	padding:0;
	margin:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
.module ul li {
	padding:0;
	margin:0 0 10px;
	list-style-type:none;
	}
.module p img {
	width:50px;
	height:50px;
	margin-right:5px;
	float:left;
	}
.module .img {
	margin:-10px -10px 10px;
	vertical-align:middle;
	}
	
		/* footer */

div#footer {
	padding:0;
	margin:0;
	}
div#footer div#footerNav {
	width:960px;
	height:30px;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	}
div#footer div#footerNav ul {
	padding:8px 0;
	margin:0;
	}
div#footer div#footerNav ul li {
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	font-family:baskerville,'palatino linotype','times new roman',serif;
	color:#8e2800;
	text-transform:capitalize;
	line-height:30px;
	border-right:1px dotted #9f9a85;
	list-style-type:none;
	display:inline;
	}
* html div#footer div#footerNav ul li {
	border-right:1px solid #9f9a85;
	}
div#footer div#footerNav a {
	font-size:14px;
	font-weight:normal !important;
	color:#8e2800 !important;
	text-decoration:none;
	}
div#footer div#footerNav a:hover {
	color:#990000 !important;
}
div#footer div#footerNav ul li.last {
	padding-right:0;
	margin-right:0;
	border-right-style:none;
	}
div#footer div.credit {
	width:960px;
	padding-left:20px;
	margin:50px 0 0 0;
	font-size:11px;
	line-height:20px;
	color:#8e2800;
	}
	
/*	-----------------------------------------------------------------------------------------------
	04 FEATURED */

	ul.featured {
		padding:0 0 20px;
		margin:0;
	}
	ul.featured li {
		clear:both;
		padding:0;
		margin:0 0 20px;
		list-style-type:none;
		border-top-style:dotted;
		border-width:1px;
		border-color:#B2B2B2;
	}
		ul.featured li div.img {
			float:left;
			display:inline;
			margin:0 15px 3px 0;
			}
			.events ul.featured div.img {border-color:#b64926;}
			.none ul.featured div.img {border-color:#8e2800;}
			.workshop ul.featured div.img {border-color:#979926;}
			.performance ul.featured div.img {border-color:#468966;}
		ul.featured div.composer {
			padding-top:10px;
			color:#765332;
			text-transform:uppercase;
			font-size:11px;
			margin-bottom:-10px;
		}
		ul.featured h3 {
			padding-top:10px;
			font-weight:500;
			letter-spacing:0.02em;
			text-transform:capitalize;
		}
		ul.featured h3, ul.featured h3 a {
			color:#444 !important;
			text-decoration:none;
		}
		ul.featured h3 a:hover {
			color:#990000 !important;
			text-decoration:none;
			
		}
		ul.featured p {
			line-height:1.35em;
			margin-top:0px;padding-top:0;
		}
		ul.featured div.subtitle {
			margin:-10px 0 10px;
			font-size:11px;
			color:#765332;
		}
		ul.featured div.desc {color:#444 !important;}
		ul.featured div.desc p {
			font-family:Helvetica,Arial,Sans-serif; 
			font-size:12px; 
			color:#444; 
			padding-right:10px;}
		ul.featured ul.dates {
			padding:0;
			clear:both;
			background-position:bottom left;
			background-repeat:repeat-x;
			width:380px;
			background-color:#f8f4f8;
			background-image:url(../../images/bg-locinfo-global.gif);
			margin: 0;
		}
			.events ul.featured ul.dates {background-color:#f8ece9; background-image:url(../images/bg/bg-locinfo-events.gif);}
			.none ul.featured ul.dates {background-color:#ffefd8; background-image:url(../images/bg/bg-locinfo-none.gif);}
			.workshop ul.featured ul.dates {background-color:#eaebd4; background-image:url(../images/bg/bg-locinfo-workshop.gif);}
			.performance ul.featured ul.dates {background-color:#ecf3ef; background-image:url(../images/bg/bg-locinfo-performance.gif);}
		ul.featured ul.dates li {
			background-position:bottom left;
			background-repeat:repeat-x;
			border-style:none;
			padding:3px 10px 4px;
			width:193px;
			margin:0;
			list-style-type:none;
			float:left;
			font-family:baskerville,'palatino linotype','times new roman',serif;
		}
			.events ul.featured ul.dates li {background-color:#f8ece9; background-image:url(../images/bg/bg-locinfo-events.gif);}
			.none ul.featured ul.dates li {background-color:#ffefd8; background-image:url(../images/bg/bg-locinfo-none.gif);}
			.workshop ul.featured ul.dates li {background-color:#eaebd4; background-image:url(../images/bg/bg-locinfo-workshop.gif);}
			.performance ul.featured ul.dates li {background-color:#ecf3ef; background-image:url(../images/bg/bg-locinfo-performance.gif);}
		ul.featured ul.dates li span {
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
		}
		ul.featured ul.dates li a {
			text-decoration:none;
			font-size:12px;
			letter-spacing:0.02em;
		}
			.events ul.featured ul.dates li a {color:#b64926;}
			.none ul.featured ul.dates li a {color:#8e2800;}
			.workshop ul.featured ul.dates li a {color:#979926;}
			.performance ul.featured ul.dates li a {color:#468966;}
	
	
/*	-----------------------------------------------------------------------------------------------
	05 SPECIAL CLASS */
	
#billboard {
	width:980px;
	height:302px;
	margin:0 0 0 -10px;
	padding:0;
	}
	
.video {
	margin:10px;
	padding:10px;
	}


#toTop {margin:0 -20px 20px 0; background:#920A00;width:40px;height:10px;padding:5px; float:right;}