/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	color: #001b2a;
	background: #000 url(../../_images/bg.jpg) no-repeat -55px 420px;
	background-attachment: fixed;
}

h1 { }

h2 { }

h3 { }

h4 { }

h5 { }

ul, ol { }

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

hr {
	margin-bottom: 1em;
	border: none;
	color: #fff;
	background: #fff;
	border-color: #fff;
}

a { color: #3070a4; outline: none; }
a:link { }
a:visited {  }
a:hover {  }
a:active {  }



/* --- Container
-------------------------------------------------------*/

#container {
	width: 735px;
	margin: 50px auto 0 50px;
	padding-left: 112px;
}



/* --- Primary Navigation
-------------------------------------------------------*/
#nav_wrap {
	width: 735px;
	height: 33px;
	padding-bottom: 1px;
	background: url(../../_images/primary_navigation.gif) no-repeat 0 0;
}

#primary_navigation {
	list-style: none;
	width: 610px;
	height: 33px;
	background: url(../../_images/primary_navigation.gif) no-repeat 0 -33px;
}
	
	#primary_navigation li {
		text-indent: -9999px;
		float: left;
	}
		
		#primary_navigation li a {
			display: block;
			height: 33px;
			background: url(../../_images/primary_navigation.gif) no-repeat;
		}
			
			#primary_navigation li a:hover { background: none; }

	/* --- | Specific Nav Items | --- */
	
	#primary_navigation li.nav_home a {
		width: 66px;
	}
	
	#primary_navigation li.nav_about a {
		width: 64px;
		background-position: -66px 0;
	}
	
	#primary_navigation li.nav_why a {
		width: 122px;
		background-position: -130px 0;
	}
	
	#primary_navigation li.nav_artists a {
		width: 75px;
		background-position: -252px 0;
	}
	
	#primary_navigation li.nav_faq a {
		width: 52px;
		background-position: -327px 0;
	}
	
	#primary_navigation li.nav_program_costs a {
		width: 138px;
		background-position: -379px 0;
	}
	
	#primary_navigation li.nav_contact_us a {
		width: 93px;
		background-position: -517px 0;
	}
	
	/* --- | Active Navigation | --- */
	
	body.home #primary_navigation li.nav_home a, body.page-id-5 #primary_navigation li.nav_home a,
	body.about #primary_navigation li.nav_about a, body.page-id-3 #primary_navigation li.nav_about a,
	body.why #primary_navigation li.nav_why a, body.page-id-34 #primary_navigation li.nav_why a,
	body.artists #primary_navigation li.nav_artists a, body.page-id-54 #primary_navigation li.nav_artists a,
	body.faq #primary_navigation li.nav_faq a, body.page-id-60 #primary_navigation li.nav_faq a,
	body.program_costs #primary_navigation li.nav_program_costs a, body.page-id-67 #primary_navigation li.nav_program_costs a,
	body.contact_us #primary_navigation li.nav_contact_us a, body.page-id-79 #primary_navigation li.nav_contact_us a { background: none; }



/* --- Header
-------------------------------------------------------*/

#header {
	position: relative;
	width: 847px;
	height: 135px;
	margin-left: -112px;
}
	
	/* --- | Logo | --- */
	
	#header #logo {
		position: absolute;
	}
	
	/* --- | Big Title / Banner | --- */
	
	#header h1 {
		text-indent: -9999px;
		position: absolute;
		left: 112px;
		width: 735px;
		height: 135px;
		background: url(../../_images/banner.jpg) no-repeat;
	}
	
	/* --- | Social | --- */
	
	#header ul#social {
		list-style: none;
		position: absolute;
		left: 10px;
		top: 152px;
		width: 86px;
		height: 77px;
	}
		
		#header ul#social li {
			text-indent: -9999px;
			position: absolute;
			width: 35px;
			height: 32px;
			background: url(../../_images/social_icons.jpg) no-repeat;
		}
			
			#header ul#social li a {
				display: block;
				height: 32px;
			}
		
		/* --- | Specific Social Icons | --- */
		
		#header ul#social li.facebook { }
		
		#header ul#social li.myspace {
			right: 0;
			background-position: 0 -32px;
		}
		
		#header ul#social li.twitter {
			bottom: 0;
			background-position: 0 -64px;
		}
		
		#header ul#social li.gmail {
			right: 0;
			bottom: 0;
			background-position: 0 -96px;
		}



/* --- Content
-------------------------------------------------------*/

#content {
	overflow: hidden;
	width: 529px;
	margin: 1px 0;
	padding: 20px 186px 20px 20px;
	background: #fff;
}
	
	#content h1 {
		margin-bottom: 10px;
	}
	
	#content h2 {
		font-size: 14px;
		font-weight: bold;
		color: #3070a4;
		margin: 1em 0 .5em;
	}
	
	#content h3 {
		font-size: 11px;
		font-weight: bold;
		color: #3070a4;
	}
	
	#content p {
		margin-bottom: 1em;
	}
	
	#content strong {
		color: #3070a4;
	}
	
	#content .input_text,
	#content textarea {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 11px;
	}
	
	
	
	/* --- Home
	-------------------------------------------------------*/
	
	div.top_area {
		overflow: hidden;
		height: 1%;
		padding-bottom: 20px;
	}
	
	div.mission {
		font-size: 14px;
		line-height: 18px;
		float: left;
		width: 350px;
	}
	
	div.newsletter {
		float: right;
		width: 140px;
	}
		
		div.newsletter form.newsletter { }
			
			div.newsletter form.newsletter .input_text {
				width: 126px;
				margin-bottom: 5px;
				border: 1px solid #c2c2c2;
				border-bottom-color: #e1e1e1;
				border-left-color: #c1c1c1;
			}
	
	div.video {
		xclear: left;
	}



	/* --- About
	-------------------------------------------------------*/
	.indent p { margin-left: 1em; }
	
	
	/* --- Why
	-------------------------------------------------------*/
	
	#content blockquote { }
		
		#content blockquote .quote {
			font-size: 18px;
			font-style: italic;
			line-height: 20px;
			text-align: center;
			color: #3070a4;
		}
		
		#content blockquote .source {
			font-weight: bold;
		}
	
	
	/* --- Privacy
	-------------------------------------------------------*/
	
	#content strong.number { font-size: 14px; }
	
	
	
	/* --- FAQ
	-------------------------------------------------------*/
	
	#content dl.faq { }
		
		#content dl.faq dt {
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
			color: #3070a4;
		}
		
		#content dl.faq dd {
			margin-bottom: 1em;
		}
	
	
	
	/* --- Program Costs
	-------------------------------------------------------*/
	
	form.program_costs { }
		
		form.program_costs .field_container {
			margin-bottom: 1em;
		}
			
			form.program_costs .field_container label {
				font-weight: bold;
				margin-bottom: 5px;
				color: #0b2437;
				cursor: pointer;
				display: block;
			}
			
			form.program_costs .field_container .input_text {
				width: 280px;
				padding: 2px 5px;
				border: 1px solid #c2c2c2;
				border-bottom-color: #e1e1e1;
				border-left-color: #c1c1c1;
			}
			
			form.program_costs .field_container textarea {
				width: 280px;
				padding: 2px 5px;
				border: 1px solid #c2c2c2;
				border-bottom-color: #e1e1e1;
				border-left-color: #c1c1c1;
			}
			
			form.program_costs .input_submit {
				font-family: Arial, Verdana, Sans-Serif;
				font-size: 11px;
				font-weight: bold;
				padding: 0;
				background: #eee;
				border: 3px double #0a2336;
				border-top-color: #ccc;
				border-left-color: #ccc;
			}
	
	
	
	/* --- Program Costs
	-------------------------------------------------------*/
	
	p.sitemap {
		font-size: 14px;
		font-weight: bold;
		line-height: 24px;
	}



	/* --- Contact
	-------------------------------------------------------*/
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
		width: 250px;
		margin-bottom: 5px;
		padding: 4px 5px;
		border: 1px solid #c2c2c2;
		border-bottom-color: #e1e1e1;
		border-left-color: #c1c1c1;
	}
	.wpcf7-form-control-wrap textarea {
		height: 175px;
	}
	.contact_submit {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 11px;
		font-weight: bold;
		padding: 0;
		background: #eee;
		border: 3px double #0a2336;
		border-top-color: #ccc;
		border-left-color: #ccc;
	}
	
	
	
	/* --- Primary Content
	-------------------------------------------------------*/
	
	#primary_content {
		padding-right: 20px;
	}
	
	
	
	/* --- Secondary Content
	-------------------------------------------------------*/
	
	#secondary_content {
		float: right;
		width: 166px;
		display: inline;	/* Fix IE6 Double Margin Float Bug */
		margin-right: -166px;
	}
	
	
	
	/* --- Variant - One Column
	-------------------------------------------------------*/
	
	body.one_column { }
		
		body.one_column #content,
		body.page-id-85 #content,
		body.page-id-88 #content,
		body.page-id-91 #content {
			width: 695px;
			padding: 20px;
		}
		
		body.one_column #primary_content,
		body.page-id-85 #primary_content,
		body.page-id-88 #primary_content,
		body.page-id-91 #primary_content {
			padding-right: 0;
		}
		
		body.one_column #secondary_content,
		body.page-id-85 #secondary_content,
		body.page-id-88 #secondary_content,
		body.page-id-91 #secondary_content {
			display: none;
		}


/* --- Newsletter
-------------------------------------------------------*/

#newsletter {
	clear: both;
	padding: 15px 20px;
	background: #3171a4;
}
	
	#newsletter h2 {
		text-indent: -9999px;
		float: left;
		width: 136px;
		height: 18px;
		margin-right: 20px;
		background: url(../../_images/newsletter.gif) no-repeat;
	}
		
	form.newsletter { }
	
		form.newsletter .input_text {
			font-weight: bold;
			width: 85px;
			margin-right: 10px;
			padding: 2px 5px;
		}
		
		form.newsletter .input_submit {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 11px;
			font-weight: bold;
			padding: 0;
			background: #eee;
			border: 3px double #0a2336;
			border-top-color: #ccc;
			border-left-color: #ccc;
		}

/* --- Footer
-------------------------------------------------------*/

#footer {
	font-size: 10px;
	color: #838383;
	margin-top: 10px;
	padding-bottom: 10px;
}


	
	/* --- Footer Navigation
	-------------------------------------------------------*/
	
	#footer #footer_navigation {
		list-style: none;
		position: relative;
		width: 345px;
		height: 9px;
		margin-bottom: 10px;
		background: url(../../_images/footer_navigation.gif) no-repeat 0 -9px;
	}
		
		#footer #footer_navigation li {
			text-indent: -9999px;
			position: absolute;
			height: 9px;
		}
			
			#footer #footer_navigation li a {
				display: block;
				height: 9px;
				line-height: 1px;
				background: url(../../_images/footer_navigation.gif) no-repeat;
			}
				
				#footer #footer_navigation li a:hover { background: none; }
		
		/* --- | Specific Nav Items | --- */
		
		#footer #footer_navigation li.privacy {
			width: 41px;
		}
		
		#footer #footer_navigation li.site_map {
			left: 64px;
			width: 47px;
		}
			
			#footer #footer_navigation li.site_map a { background-position: -64px 0; }
		
		#footer #footer_navigation li.terms_of_use {
			left: 134px;
			width: 72px;
		}
					
			#footer #footer_navigation li.terms_of_use a { background-position: -134px 0; }
		
		#footer #footer_navigation li.blueshoeproject {
			left: 229px;
			width: 116px;
		}
							
			#footer #footer_navigation li.blueshoeproject a { background-position: -229px 0; }