/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/* END OF YUI RESETS */



@charset "utf-8";



	/* Globals */

	* {
		margin: 0;
		padding: 0;
	}
	img {
		border: 0 none;
	}
	a {
		outline: none;
	}
	body {
		background: url(../images/body_bg.jpg);
		text-align: center;
		font: 12px Arial, Helvetica, sans-serif;
		color: #1a0800;
		/* IE */
		position: relative !ie;
	}
	ul {
		list-style: none;
	}

	
	
	
	
	/* Positioning */

	#outerWrapper {
		background: url(../images/uphonik_header_bg.gif) repeat-x;
		width: 100%;
		overflow: hidden;
		position: relative !ie;
	}
	#innerWrapper {
		width: 977px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	#contentWrapper {
		width: 870px;
		margin: 0 auto;
		text-align: left;
	}
	#favicons {
		width: 870px;
		margin: 0 auto;
		margin-top: -40px;
		spadding: 0 20px;
		font-size: 10px;
		font-weight: normal;
	}
	#favicons a {
		float: right;
		margin-right: 4px;
		display: block;
	}
	#exchange {
		width: 50%;
		float: left;
                position: absolute;
                top: -999px;
                left: -999px;
                text-indent: -999px;
	}






	/* Header */

	#header {
		background: url(../images/header.gif) no-repeat;
		width: inherit;
		height: 224px;
		text-align: left;
		position: relative;
	}
	#header #homeLink {
		width: 350px;
		height: 140px;
		float: left;
		display: block;
		text-decoration: none;
		margin-top: 60px;
	}
	#header #intro {
		background: url(../images/intro.gif) no-repeat;
		width: 605px;
		height: 94px;
		float: right;
		margin: 90px 0 0 0;
		position: relative;
		left: 40px;
	}
	#header #intro div {
		font-size: 13px;
		font-weight: normal !important;
		display: block;
		margin: 60px 0 0 38px;
	}
	#header #intro div h2 {
		font-size: 13px;
		font-weight: normal !important;
		display: inline;
	}
	#header ul {
		float: right;
		list-style: none;
		margin: 24px 98px 0 0;
		/* IE 6 */
		_position: relative;
		_left: 105px;
	}
	#header ul li {
		display: inline;
		margin: 0 5px 0 5px;
	}
	#header ul li a {
		text-decoration: none;
		color: #311509;
	}
	#header ul li a:hover {
		color: #614c42;
	}
	#header ul li:last-child a:hover {
		color: #9d1712;
	}

	

	/* Nav Bar */

	.navBar {
		width: 860px;
		height: 30px;
		margin: 17px 0 10px 10px;
	}

	#h_home_top, #h_home_bottom,

	#h_news_top, #h_news_bottom,

	#h_logos_top, #h_logos_bottom,

	#h_other_top, #h_other_bottom,

	#h_bio_top, #h_bio_bottom {

	background: url(../images/spcaer.gif) no-repeat;

	width: 300px;

	height: 22px;

	padding: 5px 0 0 0px;

	}

	#h_news_top, #h_news_bottom {

	background: url(../images/spcaer.gif) no-repeat;

	}

	#h_logos_top, #h_logos_bottom {

	background: url(../images/spcaer.gif) no-repeat;

	}

	#h_logos_top em, #h_logos_bottom em,

	#h_other_top em, #h_other_bottom em {

	margin-left: -40px;

	}

	#h_news_top em, #h_news_bottom em {

	margin-left: 0px;

	}

	#h_bio_top em, #h_bio_bottom em {

	margin-left: 13px;

	}

	#h_other_top, #h_other_bottom {

	background: url(../images/spcaer.gif) no-repeat;

	}

	#h_bio_top, #h_bio_bottom {

	background: url(../images/spcaer.gif) no-repeat;

	}

	.heading {

	float: left;

	}

	.heading em {

	background: #ba4435;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	padding: 4px;
	color: #fff;

	}

	.catNav {

	width: 490px;

	float: right;

	margin-top: 6px;

	position: relative;

	}

	.catNav a {

	color: #c6c3b1;

	font-weight: bold;

	display: block;

	text-decoration: none;

	}

	.catNav a:hover {

	color: #fff;

	}

	.catNav span {

	display: block;

	float: left;

	font: bold italic 12px Georgia, "Times New Roman", Times, serif;

	color: #fff;

	}

	.catNav ul {

	float: right;

	list-style: none;

	}

	.catNav ul li {

	width: auto;

	float: left;

	margin: 0 10px 0 10px;

	}

	.catNav ul .active span {

	background: url(../images/strikeWeb.gif) no-repeat;

	width: 25px;
	
	height: 25px;
	
	float:none;

	margin-top: -20px;

	position: relative;

	z-index: 1;
	
	filter:alpha(opacity=70);
	
	-moz-opacity:0.7;
	
	-khtml-opacity: 0.7;
	
	opacity: 0.7;

	}

	

	/* Project Display - CONTENT RIGHT OFIMAGE) */

.project {
		background: url(../../images/project_bg.jpg) no-repeat;
		width: 869px;
		height: 214px;
		padding: 6px;
	}
	.projectView {
		float: left;
		margin: 7px 0 0 5px;
	}
	/*
	.projectView a img {
		border: 2px solid #766e66;
	}
	*/
	.projectDetails {
		width: 370px;
		float: right;
		padding-top: 20px;
	}
	.projectDetails a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #BA4435;
		width: auto;
		margin-top: 10px;
		padding: 3px;
		letter-spacing: 1px;
	}
	
	.projectDetails a:hover {
		text-decoration: underline;
	}
	.projectDetails .projectTitle {
		font-size: 19px;
		font-weight: bold;
		color: #3b2c29;
		cursor: default;
		margin-bottom:7px;
	}
	.projectDetails .detailStrike {
		background: url(../images/topic_header.gif) no-repeat;
		width: 365px;
		height: 32px;
		display: block;
		margin: -7px 0 0 -16px;
	}
	.projectDetails .detailStrike span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		color: #f5f4ef;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	.projectDetails p {
		width: 90%;
		color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0 10px 0;
		cursor: default;
	}
	.projectDetails p:hover {
		color: #3b2c29;
	}
	.flashLink {
		text-decoration: none;
	}
	.flashLink span, .flashLinkDefault {
		background: url(../images/mask.png);
		width: 460px;
		height: 25px;
		text-align: center;
		display: block;
		position: absolute;
		color: #f9f9f2;
		font: bold italic 12px Georgia, "Times New Roman", Times, serif;
		display: none;
		padding-top: 10px;
		margin-top: 156px;
	}
	.flashLink:hover span, .flashLinkHover {
		display: block;
	}



	
	
	
	/* Project Display - CONTENT Left OFIMAGE) */

	.Left_project {
		background: url(../images/project_bg.jpg) no-repeat;
		width: 869px;
		height: 214px;
		padding: 6px;
		
	}
	.Left_projectView {
		float: left;
		margin: 7px 0 0 5px;
		*margin: 2px 0 0 2px; /* for IE6 and IE7 */
	}
	/*
	.projectView a img {
		border: 2px solid #766e66;
	}
	*/
	.Left_projectDetails {
		width: 920px;
		float: left;
		padding-top: 6px;
		*padding-top: 0px; /* for IE6 and IE7 */
	}
	
	

	.Left_projectDetails a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #BA4435;
		width: auto;
		margin-top: 10px;
		padding: 3px;
		letter-spacing: 1px;
	}
	.Left_projectDetails a:hover {
		text-decoration: underline;
	}
	.Left_projectDetails .Left_projectTitle {
		font-size: 19px;
		font-weight: bold;
		color: #3b2c29;
		cursor: default;
		margin-left:15px;
		margin-bottom: 3px;
		*margin-bottom: 7px;
	}
	.Left_projectDetails .Left_detailStrike {
		background: url(../images/topic_header.gif) no-repeat;
		width: 365px;
		height: 32px;
		display: block;
		margin: -7px 0px 0px 1px;
	}
	.Left_projectDetails .Left_detailStrike span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		color: #f5f4ef;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	.Left_projectDetails p {
		width: 90%;
		color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0px 10px 15px;
		cursor: default;
	}
	.Left_projectDetails p:hover {
		color: #3b2c29;
	}
	.Left_flashLink {
		text-decoration: none;
		margin-left:15px;
	}
	.Left_flashLink span, .Left_flashLinkDefault {
		background: url(../images/mask.png);
		width: 460px;
		height: 25px;
		text-align: center;
		display: block;
		position: absolute;
		color: #f9f9f2;
		font: bold italic 12px Georgia, "Times New Roman", Times, serif;
		display: none;
		padding-top: 10px;
		margin-top: 156px;
		
	}
	.Left_flashLink:hover span, .Left_flashLinkHover {
		display: block;
	}
	
	
	/* FULL PAGE PROJECT */
	
	
	.fullpage_project {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 500px;
		padding: 6px;
		margin-bottom:12px;
	}
	
	/* NEWS.HTML*/
	.fullpage_project_news {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 999px;
		*height: auto; /* for IE6 and IE7 */
		padding: 6px;
		margin-bottom:12px;
	}
	
	/* MUSIC.HTML */
	.fullpage_project_music {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 730px;
		*height: auto; /* for IE6 and IE7 */
		padding: 6px;
		margin-bottom:12px;
	}
	
	/* VIDEO.HTML*/
	.fullpage_project_video {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 850px;
		*height: auto; /* for IE6 and IE7 */
		padding: 6px;
		margin-bottom:12px;
	}
	
	/* GALLERY.HTML */
	.fullpage_project_gallery {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 550px;
		*height: auto; /* for IE6 and IE7 */
		padding: 6px;
		margin-bottom:12px;
	}
	
	/* CALENDAR.CFM */
	.fullpage_project_calendar {
		background: url(../images/fullpage_project_bg.jpg) no-repeat;
		width: 869px;
		height: 600px;
		*height: auto; /* for IE6 and IE7 */
		padding: 6px;
		margin-bottom:12px;
	}
	
	
	.fullpage_projectView {
		float: left;
		margin: 7px 0 0 5px;
	}
	/*
	.projectView a img {
		border: 2px solid #766e66;
	}
	*/
	.fullpage_projectDetails {
		width: 854px;
		float: left;
		padding-top: 20px;
	}
	
	

	.fullpage_projectDetails a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #BA4435;
		width: auto;
		margin-top: 10px;
		padding: 3px;
		letter-spacing: 1px;
	}
	.fullpage_projectDetails a:hover {
		text-decoration: underline;
	}
	.fullpage_projectDetails .fullpage_projectTitle {
		font-size: 19px;
		font-weight: bold;
		color: #3b2c29;
		cursor: default;
		margin-left:15px;
		margin-bottom:7px;
	}
	.fullpage_projectDetails .fullpage_detailStrike {
		background: url(../images/topic_header.gif) no-repeat;
		width: 365px;
		height: 32px;
		display: block;
		margin: -7px 0px 0px 1px;
	}
	
	.fullpage_projectDetails .fullpage_detailStrike span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		color: #f5f4ef;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	
	.fullpage_projectDetails .fullpage_detailTopic {
		width: auto;
		height: 12px;
		display: block;
		margin: 20px 0px 0px 0px;
	}
	
	.fullpage_projectDetails .fullpage_detailSongs {
		width: 90%;
		color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0px 10px 15px;
		cursor: default;
	}
	
	.fullpage_projectDetails .fullpage_detailTopic span {
		display: block;
		font-size: 11px;
		font-weight: bold;
		color: #3b2c29;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	
	.fullpage_projectDetails p {
		width: 90%;
		color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0px 10px 15px;
		cursor: default;
	}
	
	.fullpage_projectDetails th {
		font: normal 14px Arial, Helvetica, sans-serif;
		line-height: 40px;
		text-decoration: underline;
		color: #423430;
		cursor: default;
	}
	
	.fullpage_projectDetails td {
		;color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		line-height: 21px;
		cursor: default;
	}
	
	.fullpage_projectDetails p:hover {
		color: #3b2c29;
	}
	.fullpage_flashLink {
		text-decoration: none;
	}
	.fullpage_flashLink span, .fullpage_flashLinkDefault {
		background: url(../images/mask.png);
		width: 460px;
		height: 25px;
		text-align: center;
		display: block;
		position: absolute;
		color: #f9f9f2;
		font: bold italic 12px Georgia, "Times New Roman", Times, serif;
		display: none;
		padding-top: 10px;
		margin-top: 156px;
	}
	.fullpage_flashLink:hover span, .fullpage_flashLinkHover {
		display: block;
	}
	
	
	
	/* BIOS.HTML */
	.project_bios {
		background: url(../images/project_bg.jpg) no-repeat;
		width: 869px;
		height: 214px;
		*height: 214; /* for IE6 and IE7 */
		padding: 6px;
	}
	.projectDetails_bios {
		width: 635px;
		float: right;
		padding-top: 20px;
	}
	.projectDetails_bios .projectTitle_bios {
		font-size: 19px;
		font-weight: bold;
		color: #3b2c29;
		cursor: default;
		margin-bottom: 7px;
	}
	.projectDetails_bios .detailStrike_bios {
		background: url(../images/topic_header.gif) no-repeat;
		width: 365px;
		height: 32px;
		display: block;
		margin: -7px 0 0 -16px;
	}
	.projectDetails_bios .detailStrike_bios span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		color: #f5f4ef;
		padding: 10px 0 0 16px;
		text-transform: uppercase;
		cursor: default;
	}
	.projectDetails_bios p {
		width: 90%;
		color: #7A6F6B;
		font: 12px/17px Georgia, "Times New Roman", Times, serif;
		margin: 10px 0 10px 0;
		cursor: default;
	}

	
	
	
	
	

	/* IE6 */

	* .ie6_hover {

	display: block;

	m: expression(this.parentNode.onmouseout = new Function("this.firstChild.className = 'flashLinkDefault';"));

	}

	* html .flashLink { 

	m: expression(this.onmouseover = new Function("this.firstChild.className = 'ie6_hover';"));

	}

	

	/* Footer */

	#footer {
		background: url(../images/footer_bg.gif) no-repeat;
		width: 845px;
		height: 229px;
		margin-left: -4px;
		font-size: 11px;
		font: 11px Georgia, "Times New Roman", Times, serif;
		padding: 23px 0 0 40px;
	}
	#footer h1 {
		font: normal 23px Arial, Helvetica, sans-serif;
		color: #423430;
		cursor: default;
	}
	#footer h2 {
		font: normal 11px Arial, Helvetica, sans-serif;
		margin: -3px 0 15px 0;
		cursor: default;
	}
	#footer em {
		font: bold italic 11px Georgia, "Times New Roman", Times, serif;
	}
	#footer small {
		font-size: 10px;
		font-style: italic;
		margin-top: 12px;
		display: block;
	}
	
	#footer a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #423430;
		width: auto;
		margin-top: 10px;
		padding: 3px;
		letter-spacing: 1px;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer small a {
		text-decoration: none;
		color: #423430;
		border-bottom: 1px dotted #423430;
	}
	#footer #form small {
		margin: 0;
	}
	#footer #contact {
		width: 240px;
		float: left;
		margin-left: -10px;
	}
	#footer #contact small {
		width: 300px;
		line-height: 16px;
	}
	#footer #form {
		width: 275px;
		float: right;
		position: relative;
		left: -20px;
	}
	#footer input, #footer textarea {
		background: #fff;
		border: 1px inset #ddd2a3;
		width: 214px;
		height: 13px;
		padding: 1px 0 0 2px;
		font-size: 11px;
		color: #1a0800;
		-moz-opacity: 0.65;
		opacity: 0.65;
		font: 11px Arial, Helvetica, sans-serif;
	}
	#footer input:hover, #footer textarea:hover {
		border: 1px solid #ddd2a3;
	}
	#footer input:focus, #footer textarea:focus {
		-moz-opacity: 0.9;
		opacity: 0.9;
	}
	#footer #form textarea {
		height: 50px;
	}
	#footer #form small {
		margin-top: 10px;
	}
	#footer #form table img {
		float: right;
		position: relative;
		top: -18px;
		left: -34px;
		/* IE 7 */
		top: -20px !ie;
		/* IE 6 */
		_top: -20px;
	}
	#footer #resume {
		width: 300px;
		float: right;
		margin-left: -10px;
	}
	#footer #resume form {
		width: 253px;
		position: relative;
		top: 30px;
		left: 30px;
	}
	#footer #resume em {
		font-weight: normal;
		display: block;
		margin-bottom: 3px;
	}
	#footer #resume input {
		width: 229px;
		height: 18px;
		padding: 3px 0 0 3px;
	}
	#footer #resume img {
		float: right;
		margin: 18px 30px 0 0;
	}
	#footerLink {
		display: block;
		margin-bottom: -15px;
	}
	#prLinks {
		display: block;
		position: absolute;
		left: -10000px;
		top: -10000px;
	}
	#faceBook {
		background: url(../images/facebook.gif) no-repeat;
		width: 72px;
		height: 80px;
		position: fixed;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 1;
	}
	

	/* JS */
	
	.lbLink {
		display: none;
		visibility: hidden;
	}
	.enabled {
		-moz-opacity: 1.0;
		filter: alpha(opacity = 100);
		cursor: pointer;
	}
	.disabled {
		-moz-opacity: 0.5;
		filter: alpha(opacity = 50);
		cursor: default;
	}
	noscript {
		background: #BA4435;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		/* IE7 */
		background: transparent !ie;
		padding: 0 !ie;
		border: 0 none !ie;
	}