/* Typography ---------------- */

html {
	font-size: small;
	font-family: Lucida Grande, Tahoma, sans-serif;
	background: #3b0015 url('../images/bg-glow.png') no-repeat center top;
	color: #fff;
}

*html body {
	font-size: x-small; /*for IE5/WIn */
	f\ont-size: small; /*for other IE versions */
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
	font-family: Georgia, Times, serif;
	letter-spacing: .05em;
	color: #ffa842;
}

h3, fieldset legend {
	font-size: 1.2em;
}

h4 {
	font-size: 1.3em;
	line-height: 1.7em;
	font-family: Georgia, Times, serif;
	margin: 2em 0 0;
}

p, .cushycms-wysiwyg{
	font-size: .95em;
	line-height: 1.7em;
	margin: 1.7em 0;
	letter-spacing: .02em;
}

body#body-engagements #content-inner p{
	margin: 0;
}

#body-engagements #content-inner em{
	font-style: italic;
}

#body-engagements #content-inner a{
	font-weight: bold;
}

a, a:visited {
	color: #ffa842;
}

a:hover{
}

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

#content{
	width: 900px;
	margin: 0 auto;
}

#content-inner{
	position: relative;
	float: right;
	width: 780px;
	margin-top: 20px;
	display: inline;
}

body#body-engagements #content-inner{
	float: left;
	width: 450px;
}

body#body-engagements #content-inner{
	text-align: center;
}

body#body-about #content-inner{
	text-align: justify;
}

#splash{
	width: 100%;
	background: #000 url('../images/home_splash1.jpg') no-repeat center top;
	height: 509px;
}

#splash img{
	margin: 0 auto;
}

#nav-inner{
	width: 910px;
	margin: 0 auto;
}

#secondary-nav{
	font-size: .95em;
	float: left;
	width: 110px
}

/* Homepage Navigation ---------------- */

#navigation{
	background: #0a0a0a;
	border-bottom: 1px solid #78002a;
}

#navigation a{
	color: #000;
}

#navigation h1 a{
	float: left;
	text-indent: -5000px;
	width: 278px;
	height: 64px;
	background: url('../images/home_logo.gif') no-repeat;
}

#navigation ul{
	float: right;
}

#navigation li{
	float: left;
	margin: 0;
	padding: 0;
}

#navigation li a{
	text-indent: -5000px;
	display: block;
	height: 62px;
}

#navigation li#about a{
	width: 79px;
	background: url('../images/home_about.gif') no-repeat;
}

#navigation li#engagements a{
	width: 142px;
	background: url('../images/home_engagements.gif') no-repeat;
}

#navigation li#acclaim a{
	width: 92px;
	background: url('../images/home_acclaim.gif') no-repeat;
}

#navigation li#photos a{
	width: 94px;
	background: url('../images/home_photos.gif') no-repeat;
}

#navigation li#media a{
	width: 75px;
	background: url('../images/home_media.gif') no-repeat;
}

#navigation li#contact a{
	width: 100px;
	background: url('../images/home_contact.gif') no-repeat;
}

/* Mouseovers ---------------- */

#navigation li#about:hover a, #body-about #navigation li#about a{
	background: url('../images/home_about_over.gif') no-repeat;
}

#navigation li#engagements:hover a, #body-engagements #navigation li#engagements a{
	background: url('../images/home_engagements_over.gif') no-repeat;
}

#navigation li#acclaim:hover a, #body-acclaim #navigation li#acclaim a{
	background: url('../images/home_acclaim_over.gif') no-repeat;
}

#navigation li#photos:hover a, #body-photos #navigation li#photos a{
	background: url('../images/home_photos_over.gif') no-repeat;
}

#navigation li#media:hover a, #body-media #navigation li#media a{
	background: url('../images/home_media_over.gif') no-repeat;
}

#navigation li#contact:hover a, #body-contact #navigation li#contact a{
	background: url('../images/home_contact_over.gif') no-repeat;
}


/* Secondary Navigation ---------------- */

#secondary-nav ul{
	font-family: Georgia, Times, serif;
	margin-top: 25px;
}

#secondary-nav li{
	margin-bottom: 1.4em;
}

#secondary-nav li a{
	color: #ffa842;
	text-decoration: none;
	letter-spacing: .15em;
}

#secondary-nav li.active a{
	color: #fff;
	text-decoration: none;
	background: url('../images/icons-rightarrow.gif') no-repeat left;
	padding-left: 10px;
	margin-left: -10px;
}

#secondary-nav h3{
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .15em;
	margin-top: 20px;
}

#secondary-nav address{
	margin: 1.5em 0;
}
/* Content ---------------- */

.content-image{
	float: right;
	border: 8px solid #fff;
	display: inline;
	margin: 2em 0 10px 20px;
}

span.first-letter{
	float: left;
	font-size: 75px;
	line-height: 50px;
	padding: 10px 4px 0 0;
	font-family: Bell MT, Georgia, Times, Serif;
}

.download{
	position: absolute;
	right: 0;
	font-size: .9em;
}

.download a{
	display: block;
	line-height: 37px;
	padding-left: 41px;
	background: url('../images/icon-pdf2.gif') no-repeat left;
}

/* Resume ---------------- */

table{
	margin-top: 1.7em;
	width: 100%;
}

th{
	border-top: 1px solid #88002a;
	border-bottom: 1px solid #88002a;
	background: #650024;
	padding: 5px;
	letter-spacing: .1em;
}

td{
	padding: 5px;
}

td.separate{
	border-top: 1px solid #88002a;
}

tr.even td{background: #4b0015;}
tr.odd td{}

td.over, tr.even td.over, tr.odd td.over{background: #6b0015;}
td.down, tr.even td.down, tr.odd td.down{}
td.selected, tr.even td.selected, tr.odd td.selected{}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{}

td.venue{
	text-align: right;
}

/* Acclaim ---------------- */

#body-acclaim #content-inner{
	float: left;
	width: 430px;
}

#body-acclaim .content-image{
	display: block;
	margin: 2.1em 0 2.4em;
}

#body-acclaim #content-inner2, #body-media #content-inner2{
	float: right;
	width: 430px;
	margin-top: 20px;
	display: inline;
}

#body-acclaim h2{
	text-align: center;
	margin-top: 20px;
}

#body-acclaim h3{
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .1em;
	margin-top: 1.7em;
	color: #ffa842;
	clear: both;
}

p.attr{
	font-style: italic;
	margin: 1.0em 0 2.2em;
	float: right;
	display: inline;
}

blockquote{
	font-family: Georgia, Times, Serif;
	font-size: 1.2em;
	line-height: 1.35em;
	margin: .5em 0;
	width: 100%;
	float: left;
	display: inline;
	letter-spacing: .03em;
}

/* Audio ---------------- */

#body-media #content-inner{
	float: none;
}

#audio li{
	margin: 1.5em 0;
}

#body-media h2{
	margin-top: 20px;
}

#body-media p{
	margin-top: 0;
}

dl.album{
	margin-top: 3em;
}

dl.album dt{
	margin-top: 1.5em;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .15em;
}

dl.album dd, ul.album-actions, dl.album dt{
	margin-left: 220px;
}

dl.album dd.album-cover{
	float: left;
	margin-left: 0;
}

dl.album dd.composer{
	margin-top: 1.5em;
}

ul.album-actions{
	margin-top: 1.5em;
	margin-bottom: 4.5em;
}

#youtube{
	float: right;
}

#youtube h2{
	margin-bottom: 1em;
	margin-top: 0
}

/* Contact Form ---------------- */

#body-contact #content-inner{
	width: 640px;
}

#body-contact #secondary-nav{
	width: 250px;
}

#contact-form{
	border: 1px solid #88002a;
	background: #650024;
	margin-top: 1.5em;
}

#contact-form label{
	display: inline;
	float: left;
	text-align: right;
	width: 90px;
}

#contact-form input, #contact-form textarea{
	margin-left: 15px;
}

#contact-form input.submit{
	margin-left: 105px;
}

#contact-form #name, #contact-form #email{
	width: 200px;
}

#contact-form #message{
	width: 400px;
}

#contact-form p{
	margin: 20px;
}
/* Simpleviewer ---------------- */


/* hide from ie on mac \*/
html { height: 100%; }
#simpleViewer {
	height: 600px;
	margin-top: 20px;
}
/* end hide */

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color:#FFF;
}

#footer{
	clear: both;
	width: 100%;
	padding: 1px 0;
	color: #99112a;
	font-size: .8em;
	font-family: Verdana, Helvetica, Arial, sans-serif
}

#footer p{
	width: 900px;
	margin: 40px auto 10px;
	text-align: right;
}

#footer a{
	color: #99112a;
}