/*
		========================================================
		========================================================
		
		default.css

		
		========================================================
		========================================================
*/



	/* ------------------------------------------
			GLOBAL RESETS 
		------------------------------------------ */

		/* v1.0 | 20080212 from http://meyerweb.com/eric/tools/css/reset/ */
		
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			background: transparent;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		
		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}
		
		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}
		
		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		/* links */
		a:link {color: #00f; }	      	 
		a:visited {color: #00f; }     	 
		a:hover {color: #00f; }      	 
		a:active {color: #00f; }       



	/* ------------------------------------------
			BODY
		------------------------------------------ */


	html, body 
		{
			color: White;
			font-weight: normal;
			font: 16px/160% 'Helvetica Neue',Helvetica,Arial,sans-serif;
			font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
			
	 	 	line-height: 1.4;	
		 	margin: 0;
		 	overflow: hidden;
		}
		
		
	/* ------------------------------------------
			UTILITY 
		------------------------------------------ */		

			.clear { clear:both;	
							 line-height:0.1;
							 font-size:1px; }

			.nowrap
			{
				white-space: nowrap	
			}
			
			div.spacer-vertical 
			{
				font-size:1px;
				height:10px;
				line-height:0.1;
			}	


	/* ------------------------------------------
			DEBUGGING
		------------------------------------------ */	

			 .non-IE
			 { 
			 	color: Red; 
			 	font-weight: bold;	
			 }
			 		

	/* ------------------------------------------
			GLOBAL FONTS
		------------------------------------------ */	
			 		
					h1
					{

					}					


	/* ------------------------------------------
			STRUCTURE 
		------------------------------------------ */
		
		html, body {
			background:#000000 url('../images/tile-translucent.png') no-repeat center -1px fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			height: 100%;
		}


					/* new body background image -- smaller */
				
					body.news 
					{ background-image: url('../images/news_background.jpg'); }
			
					body.tour 
					{ background-image: url('../images/tour_background.jpg'); }

					body.cds 
					{ background-image: url('../images/cds_background.jpg'); }
			
					body.biography 
					{ background-image: url('../images/bio_background.jpg'); }

					body.media 
					{ background-image: url('../images/media_background.jpg'); }
			
					body.contact 
					{ background-image: url('../images/contact_background.jpg'); }
/*
					body.news 
					{ background-image: url('../images/background-news.jpg'); }
			
					body.tour 
					{ background-image: url('../images/background-tour.jpg'); }

					body.cds 
					{ background-image: url('../images/background-cds.jpg'); }
			
					body.biography 
					{ background-image: url('../images/background-biography.jpg'); }

					body.media 
					{ background-image: url('../images/background-media.jpg'); }
			
					body.contact 
					{ background-image: url('../images/background-contact.jpg'); }
*/

		body.wide div#wrapper-main, body.tall div#wrapper-main 
		{
			width: 100%; height: 100%;
		}

						/* if it is tall (mobile) or a windows machine, boost font size */
						body.windows  
						{ font: 19px/190% 'Helvetica Neue',Helvetica,Arial,sans-serif; }

						body.tall   
						{ font: 21px/210% 'Helvetica Neue',Helvetica,Arial,sans-serif; }



		body.wide div#half-1
		{
			width: 50%;
			float: left;
			position: relative;
		}

		body.wide div#half-2
		{
			width: 50%;
			float: right;
			background-image: url('../images/tile-translucent.png');
			background-repeat: repeat;
			height: 100%;
			font-weight: normal;
			overflow: auto;
		}

		body.wide div#half-2 .nav
		{	display: none; }


		body.tall div#half-1
		{
			display: none;
		}

		body.tall div#half-2
		{
			position: relative;
			width: 100%;
			float: right;
			background-image: url('../images/tile-translucent.png');
			background-repeat: repeat;
			height: 100%;
			font-weight: normal;
			overflow: auto;
		}

		body.tall div#half-2 .nav
		{	display: block; }



		
		body.wide ul.nav
		{
			font-size: 1.00em;
			font-weight: 200;
			letter-spacing: 0.07em;
			line-height: 1.6;
			position: absolute;
			right: 28px; 
			top: 127px;
			z-index: 2;
		}

					body.wide ul.nav li
					{ text-align: right; }

		body.tall ul.nav
		{
			position: fixed;
			left: 0px; top: 0px;

			font-size: 1.00em;
			font-weight: 200;
			letter-spacing: 0.07em;
			line-height: 1.6;

			z-index: 2;
			padding: 30px 0 10px 40px;
			background-image: url('../images/tile-opacity-85.png');
			background-repeat: repeat;	
			width: 100%;		
		}

					body.tall ul.nav li
					{ text-align: normal; float: left; padding-right: 20px; }
										
					ul.nav li a, div#half-2 ul.nav li a
					{ color: White;
						text-decoration: none; }					

								ul.nav li a.current, ul.nav li a:hover,
								div#half-2 ul.nav li a.current, div#half-2 ul.nav li a:hover
								{ color: Yellow; }					


					body.tall ul.nav li:last-child a
					{ display: none; }		
						
					div#leader
					{
						background-color: White; position: absolute; left: 29%; width: 37%;
						overflow: hidden;
					}	
					
					div#leader div
					{
						margin: 75px 0 0 8px;
						font-size: 2.750em;
						line-height: 1.125;
					}						
					
					div#leader img:first-child
					{
						margin: 40px 3% 0;
						width: 94%;
					}						
					
					div#leader img
					{
						margin: 0.2em 3% 0.1em;
						width: 94%;
					}						
					
					body.wide table#tall-leader
					{
						display: none;
					}			
					
					body.tall table#tall-leader
					{
						display: block; position: fixed; left: 30px; top: -5px; z-index: 3;
						font-size: .750em;
					}			
					
					table#tall-leader td
					{
						padding: 0 10px; white-space: nowrap;
						/* border-right: 1px solid #444; */
						color: #666;
					}

					table#tall-leader td.last
					{
						padding: 0 10px;
						border-right: 0;
					}					
					
					body.tall div#half-2 table#tall-leader a
					{
						color: #666; text-decoration: none;
					}

					body.tall div#half-2 table#tall-leader td.last a
					{
						color: White; 
					}
					
					body.tall div#half-2 table#tall-leader a:hover
					{
						text-decoration: underline;
					}
					
					
					div#half-2 div.page-padding
					{
						padding: 90px 18% 0 40px;
					}							
					
					p
					{
						margin: 0 0 20px 0;
						font-size: 0.688em;
						font-weight: 200;
						letter-spacing: .09em;
						line-height: 1.3;
					}			
					
					em { color: #b2adb2; }
					
					
					
					
					
					
					
					
					
					
					.article
					{
						margin: 0 0 32px 0;
					}
					
					div#half-2 a
					{ color: #c8e9f3; text-decoration: none; }
					
					div#half-2 a:hover
					{ color: #c8e9f3; text-decoration: underline; }					
					

					h2
					{ font-weight: 100; color: Yellow; font-size: 0.938em; margin: 0 0 15px 0;
						letter-spacing: 0.07em;	
				  }

					h3
					{ margin: 0; font-size: 0.875em; font-weight: 500; }	




					/* NEWS */
					
					
					body.news h3
					{ margin: 0 0 5px 0; }		

					body.news h4
					{ margin: 10px 0 30px 0; font-size: 1.563em; }
					
					
					/* TOUR */
					
					body.tour h3
					{ margin: 0 0 26px 0;}		

					body.tour h4
					{ margin: 10px 0 0 0; 
						font-size: 0.875em; 
						font-weight: 400;
						/* letter-spacing: .09em; */
						line-height: 1.3;						
					}					
										

					/* CDs */
					
					body.cds div#half-2 div.page-padding 
					{ padding: 90px 10% 0 40px; }					
					
					body.cds h3
					{  }		

					body.cds h4
					{ font-size: 0.750em; margin: 0 0 16px 0;  line-height: 1.1; font-weight: 400; letter-spacing: .07em; }	
															
					.note
					{
						color: Yellow;
					}
					
					.box-cds-both
					{
						overflow: hidden;	
					}
					
					.box-cd-left
					{ width: 180px; float: left;  }

									img.cd-cover
									{
										width: 165px; border: 2px solid White;
									}										
														
									.box-cd-baby
									{
										position: relative; line-height: 1.1;
										font-size: 0.750em; line-height: 1.3; font-weight: 100; letter-spacing: .09em;
									}										
				
									div#half-2 .box-cd-baby a:link, div#half-2 .box-cd-baby a:visited, div#half-2 .box-cd-baby a:hover, div#half-2 .box-cd-baby a:active  
									{
										font-size: 0.833em; color: White; letter-spacing: .03em;
									}
														
									.box-cd-baby img
									{
										position: absolute;
										left: 70px; top: -13px;
										width: 90px;
									}															
									
									.box-cd-baby div
									{
										margin-top: 26px;
									}						

					.box-cd-right
					{ margin-left: 196px;  }												

					.box-cd-right p { line-height: 1.1; }
					
					.box-cd-right ul 
					{
						margin-bottom: 20px;
					}
										
					.box-cd-right ul li
					{
						line-height: 1;
						font-size: 0.688em; line-height: 1.3; font-weight: 100; letter-spacing: .09em;
					}
					
					
					/* BIO */
					
					body.biography div#half-2 div.page-padding 
					{ padding: 90px 25% 0 40px; }							

					/* MEDIA */
					
					body.cds div#half-2 div.page-padding 
					{ padding: 90px 10% 0 40px; }					
					
					body.media h3
					{  }		

					body.media h4
					{  }	
					
					.box-media-both
					{
						overflow: hidden;	
					}
					
								.box-media-left
								{ width: 60%; float: left;  }
			
								.box-media-right
								{ width: 150px; margin-left: 66%;  }												
			
											.box-media-right li
											{ margin-bottom: 5px;  }


											.box-media-right img
											{ border: 2px solid White;  }

					.box-media-left p.note
					{ color: #c8e9f3; margin-bottom: 40px; }
					
					
					div#logo-CCFA
					{
						color: White; text-align: right;
						font-size: 0.688em; line-height: 1.1;
						position: absolute; right: 20px; bottom: 1px;
					}
					
					div#logo-CCFA img
					{
						
					}					
					
					
					p#bottom-spacer
					{ height: 40px; clear: left; }
					
					img.sponsors
					{
						position: relative; left: -180px;
					}
					
					body.media .box-media-left p.note
					{
						position: relative;
						top: -20px; margin-bottom: 10px; margin-left: 25px;
					}
					
	/* Sept 15 2014 */				
	table#listen {
		font-weight: normal;
		margin: 20px 8px;
	}
	
				table#listen  td {
					padding: 0 20px 10px 0px;
					font-weight: normal;
					font-size: 90%;
				}		
				
				table#listen  a.button, table#listen button {
					padding: 5px;
					background-color: #ccc;
					border-radius: 8px;
					border: 2px solid #999;
					color: #333;
					font-size: 17px;
					cursor: pointer;
				}