/* --------------------------------------------------
We Are Together Style Sheet
Author:  Pixeco
Version:  1 - Autumn 2007
-------------------------------------------------- */


/***************************************************** 
* Global
*****************************************************/

/* STICKY FOOTER //////////////////////////////////////////////////////////////////////////*/
* {
	margin: 0;
	}

html, body {
	height: 100%;
	}
/* ////////////////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;	
	background: #7dbfe5 url(../images/bg_repeat.jpg) repeat top center;
	font: normal 62.5% Helvetica, Arial, sans serif; color:#fff;
	}
	
p, label, td, th { font-size:1.2em; line-height:150%; color:#02425e; margin:0; padding:0 0 20px 0; }
th { font-weight: bold; padding-right: 2em; }
h1 { font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times; font-size:5.2em; color:#fff; font-weight:normal; line-height:100%; margin:0; padding:10px 0 15px 0; }
h1 a:link { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h1 a:visited { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h1 a:hover { font-size:0.9em; text-decoration:underline; text-transform:uppercase; color:#fff; }
h1 a:active { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }

h2 { font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times; font-size:1.9em; color:#02425e; font-weight:normal; line-height:120%; margin:0; padding:0 0 5px 0; }
h2 a:link { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h2 a:visited { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h2 a:hover { font-size:0.9em; text-decoration:underline; text-transform:uppercase; color:#fff; }
h2 a:active { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }

h3 { font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times; font-size:1.6em; color:#02425e; font-weight:normal; line-height:120%; margin:0; padding:0 0 15px 0; }
h3 a:link { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h3 a:visited { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }
h3 a:hover { font-size:0.9em; text-decoration:underline; text-transform:uppercase; color:#fff; }
h3 a:active { font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; }


h4 { font-size:1.4em; color:#fff; font-weight:bold; line-height:120%; margin:0 0 10px 0; padding:0; }

a:link { font-weight:normal; text-decoration:none; text-transform:uppercase; color:#fff; }
a:visited { font-weight:normal; text-decoration:none; text-transform:uppercase; color:#fff; }
a:hover { font-weight:normal; text-decoration:underline; text-transform:uppercase; color:#fff; }
a:active { font-weight:normal; text-decoration:none; text-transform:uppercase; color:#fff; }

/* IE PNG Transparency fix **NOTE: you must specifiy the width & height in the tag of every png used** */
img, div { behavior: url(../js/iepngfix.htc) }

/* Div used to clear floats where some browsers have trouble // Replaces the old '<br clear=all>' tag */
div.clear { clear:both; font-size:1px; height:1px; line-height:1px; }

/* apply class to p, h1, h2 etc to hide text from view, so to use an image instead **Search Engine/accessibility friendly!** */
.hidden { position: absolute; top: 0px; left: -5000px;}

img { border: 0; }
hr { width:100%; text-align:left; margin:0 auto 20px 0; border:none 0; border-top:1px dashed #fff; height:1px; }
.float { float:left; } 
.floatright { float:right; }
.inline { display:inline; border:0; margin:0; padding:0; }
.title { margin:0 0 5px 0; }
.white { color:#fff; }
.lightblue { color:#8cc6e8;}
.blue { color:#02425e; }
.big { font-size:1.4em; font-weight:bold; }
.bigger { font-size:1.6em; line-height:130%; }
.biggest { font-size:1.8em; line-height:130%; }
.bold { font-weight:bold; }
.serif { font-family:"Hoefler Text", "Palatino", "Georgia", "Geneva", times; }
.caps { text-transform:capitalize; }
.blueblock { padding:2px; }
.blueblock a:hover { background-color:#fff; color:#8cc6e8; text-decoration:none; padding:2px; }
.uc { text-transform: uppercase;}
.flash {padding-top: 5px;}
.highlight { background-color: yellow; padding: 4px;}

/***************************************************** 
* Navigation
*****************************************************/

#navWrapperHome {
	width: 255px;
	height: 161px;
	float: left;
	margin-top: 39px;
	}

#navWrapperHome img {
	margin: 0;
	float: left;
	}
/* ----- */

#navWrapper {
	width: 200px;
	height: 425px;
	float: left;
	padding: 0;
	margin-left: 0;
	margin-bottom: 25px;
	background: url(../images/nav_bg.jpg) no-repeat top left;	
	}
	
#navWrapper a:link { font-size: 1.1em; text-decoration: none; text-transform: none; color:#02425e; }
#navWrapper a:visited { font-size: 1.1em; text-decoration: none; text-transform: none; color: #02425e; }
#navWrapper a:hover { font-size: 1.1em; text-decoration: underline; text-transform: none; color: #02425e; }
#navWrapper a:active { font-size: 1.1em; text-decoration: none; text-transform: none; color: #02425e; }

/*#navWrapper img {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
	}*/
	
#navWrapper img.navArrow {
	margin: 0 2px 0 0;
	}
	
#navWrapper img.navtop {
	margin-bottom: 25px;
	}
	
.navCol {
	width: 150px;
	height: 133px;	
	float: left;
	background: url(../images/nav_edge_bg.gif) no-repeat 47px left;
	}



/***************************************************** 
* Main Structure
*****************************************************/

/* ---- HOMEPAGE ---- */
#wrapperHome {
	width: 100%;
	text-align: left;
	background: url(../images/home_header_bg.jpg) no-repeat top center;
	/* STICKY FOOTER //////////////////////////////////////////////////////////////////////////*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -210px; /* the bottom margin is the negative value of #footerWrapperHome height */
	/* ////////////////////////////////////////////////////////////////////////////////////////*/
	}
	
#contentWrapperHome {
	width: 960px;
	height: 605px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 55px; /* Need this added to contentWrapper, instead of a margin-top on the footer, to stop sticky footer height bug in Safari */	
	}
	
#stoneWallWrapper {
	width: 100%;
	height: 360px;
	float: left;
	background: url(../images/home_flash_bg.jpg) no-repeat 205px 0;
	}
	
#flashTrailerHome {
	width: 450px;
/*	height: 240px;*/
	float: left;
	}
	
#buttonsHome {
	width: 100%;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
	}
	
/* ---- ALL OTHER PAGES ---- */	
#wrapperMain {
	width: 100%;
	text-align: left;
	/*background: url(../images/headercontent.jpg) no-repeat top center;*/
	/* STICKY FOOTER //////////////////////////////////////////////////////////////////////////*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px; /* the bottom margin is the negative value of #footerWrapper height */
	/* ////////////////////////////////////////////////////////////////////////////////////////*/
	}
	
#contentWrapperMain {
	width: 980px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 45px; /* Need this added to contentWrapper, instead of a margin-top on the footer, to stop sticky footer height bug in Safari */
	}
	
#RightColMain {
	width: 780px;
	margin: 0;
	padding: 50px 0 0 0;
	float: right;
	background: url(../images/RightColMain_bg.jpg) no-repeat top left;
	}
	
#RightColMain.hearthemusic {
	padding: 64px 0 0 0;
	background: url(../images/hearthemusic_bg.jpg) no-repeat top left;
	}


/* ---- COLUMNS ---- */	
#ColLeft {
	width: 375px;
	float: left;
	margin-right: 30px;
	}

#ColRight {
	width: 375px;
	float: left;
	}
	
#ColOne {
	width: 280px;
	margin-right: 30px;
	float: left;
	}
	
#ColTwo {
	width: 230px;
	margin-right: 10px;
	float: left;
	}
	
#ColThree {
	width: 240px;
	float: left;
	}
	
#ColOneTwo {
	width: 470px;
	margin-right: 30px;
	float: left;
	}
	
#ColTwoThree {
	width: 470px;
	float: left;
	}
	
#ColFull {
	width: 780px;
	float: left;
	}

#ColFullUpdates {
	width: 780px;
	background: url(../images/paper_repeat_bg.jpg) repeat top center;
	}
	
#ColFullUpdates h4 {
	color: #02425e;
	}

#ColFullUpdates hr {
	border:none 0; border-top:1px dashed #02425e;
	width: 350px;
	}
	
#ColChildrenFull {
	width: 540px;
	margin: 30px 0 0 130px;
	}	

#ColChildrenFull a:link, 
#ColChildrenFull a:visited,
#ColChildrenFull a:active {
	font-weight: normal; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #fff;
	background-color: #02425e;
	}

#ColChildrenFull a:hover { 
	font-weight: normal; 
	text-decoration: underline; 
	text-transform: uppercase; 
	color: #02425e;
	background-color: #fff;
	}

	
.formTable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
.formTable td {
	padding: 0 0 5px 0;
	vertical-align: top;
	}
	
.formTable p {
	margin: 0;
	padding-bottom: 0;
	}
	
.formTable input {
	margin: 0;
	}
	
.screeningsTable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
.screeningsTable td {
	padding: 0 5px 0 0;
	vertical-align: bottom;
	border-bottom: 1px solid #3f8eb7;
	}
	
.screeningsTable td.head {
	padding-top: 12px;
	border-bottom: 1px solid #02425e;
	}
	
.screeningsTable p {
	margin: 0;
	padding-bottom: 0;
	}
	
.screeningsTable a {
	text-transform: none;
	}
	
.screeningsTable img {
	padding: 5px 0 5px 0;
	}
	
/*.screeningsTable td.head {
	padding: 5px;
	background-color: #185a78;
	color: #fff;
	}*/


.childrenPic {
	margin-top: 10px;
	margin-bottom: 30px;
	}
	
.blogEntryPic {
	float: left;
	margin: 0 10px 15px 0;
}
	
.storyQuote {
	width: 187px;
	float: left;
	margin: 12px 10px 0 0;
	text-align: center;
	}
	
.storyQuote h2 {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 105%;
	padding-bottom: 5px;
	color: #fff;
	}
	
.storyQuote p {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #02425e;
	font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times;
	font-style: italic;
	}
	
.last {
	margin-right: 0;
	}
	
.storyQuoteEnd {
	width: 250px;
	float: left;
	margin-right: 0;
	}
	
.storyQuoteEnd h2 {
	margin-bottom: 0;
	padding-bottom: 5px;
	color: #fff;
	}
	
.storyQuoteEnd p {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #fff;
	font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times;
	}
	
#hearthemusic_flashplayer {
	width: 500px;
	height: 140px;
	}

#hearthemusic_flashphoto {
	width: 780px;
	height: 156px;
	margin-top: 10px;
	}
	
#gallery {
	width: 780px;
	height: 600px;
}

	

	
/***************************************************** 
* Footer
*****************************************************/

#footerWrapperHome {
	width: 100%;
	height: 210px;
	/*margin: 45px 0 0 0;*/
	/*padding: 45px 0 0 0;*/
	clear: both;
	background: url(../images/footer_bg.gif) no-repeat bottom center;
	text-align: center;
	}
	
/* STICKY FOOTER //////////////////////////////////////////////////////////////////////////*/
.pushHome {
	height: 210px; /* .pushHome must be the same height as #footerWrapperHome */
	}
/* ////////////////////////////////////////////////////////////////////////////////////////*/



#footerWrapper {
	width: 100%;
	height: 190px;
	/*margin: 45px 0 0 0;*/
	padding: 0;
	clear: both;
	background: url(../images/footer_bg.gif) no-repeat bottom center;
	}
	
/* STICKY FOOTER //////////////////////////////////////////////////////////////////////////*/
.push {
	height: 190px; /* .push must be the same height as #footerWrapper */
	}
/* ////////////////////////////////////////////////////////////////////////////////////////*/
	
#footer {
	width: 780px; /* 980px */
	height: 150px;
	padding: 0 0 0 200px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

#footer a:link { font-size: 0.9em; font-weight: bold; text-decoration: underline; text-transform: none; color:#02425e; }
#footer a:visited { font-size: 0.9em; font-weight: bold; text-decoration: underline; text-transform: none; color: #02425e; }
#footer a:hover { font-size: 0.9em; font-weight: bold; text-decoration: none; text-transform: none; color: #02425e; }
#footer a:active { font-size: 0.9em; font-weight: bold; text-decoration: underline; text-transform: none; color: #02425e; }

#footer p {
	margin: 0;
	padding: 0 0 10px 0;
	}

#footer h2 {
	font-family: "Hoefler Text", "Palatino", "Georgia", "Geneva", times;
	font-size: 1.2em;
	color: #fff;
	/*text-align: center;*/
	}

#footer img.inline {
	margin-right: 5px;
}

/* SIGN UP FORM //////////////////////////////////////////////////////////////////////////*/
form.sign-up,
form.competition {
	padding:10px 50px 0 0;
	}
	form.competition {
		width:30em;
		font-size:1.2em;
		}
		form.sign-up label,
		form.competition label {
			float:left;
			padding:0;
			font-size:1.4em;
			}
		form.sign-up input,
		form.sign-up select,
		form.competition input,
		form.competition select {
			float:right;
			width:210px;
			margin:0 0 .4em;
			}
			form.sign-up select,
			form.competition select {
				width:214px;
				}
		form.sign-up button,
		form.competition button {
			float:left;
			clear:both;
			overflow:visible;
			width:115px;
			height:34px;
			margin:20px 0;
			padding:0;
			border:none;
			line-height:normal;
			vertical-align:middle;
			text-indent:-999em;
			cursor:pointer;
			background:url(../images/button_subscribe.png) 0 0 no-repeat;
			}
			form.competition button {
				width:67px;
				height:27px;
				background:url(../images/button_send.gif) 0 0 no-repeat;
				}
		form.sign-up br,
		form.competition br {
			clear:both;
			line-height:0;
			}
/* ////////////////////////////////////////////////////////////////////////////////////////*/

p.news-link {
	padding-bottom:15px;
	}
ul.tracks li {
	font-size:1.2em;
	color:#02425E;
	}