@import url(/css/reset.css);

/* General */

body {background:#fff;/*background-image:url(/img/bg/body.gif);background-position:left top;background-repeat: repeat-x;*/color:#333;font-family: /*"Trebuchet MS", "Trebuchet", Geneva,*/ Arial, Helvetica, sans-serif;font-size:13px;line-height:1.75em;}

p {margin:10px 0 5px 0;}
em {font-style:italic;}
a:link,a:visited {color:#6077eb;font-weight:bold; text-decoration:underline;}
a:active,a:hover {color:#333;text-decoration:none;}

/* Layout */

div#index {height:32px;left:50%;position:absolute;top:50%;text-align:right;}

div#wrap {margin:0 auto;width:750px;}
div#wrapResume {margin:0 auto; width:800px;}

div#header,
div#menu,
div#content,
div#footer {float:left;overflow:hidden;width:750px;}
div#contentResume{background-image:url(/img/bg/wrap.gif);background-position:left top;background-repeat:repeat-y;width:800px;}

div#content {background-image:url(/img/bg/wrap.gif);background-position:left top;background-repeat:repeat-y;}
div#footer {background-image:url(/img/bg/footer.gif);background-position:left bottom;background-repeat:no-repeat;padding:0 0 90px 0;text-align:center;}

div#menu {background-color: #e8e6e7; background-image: url(/img/bg/menu.gif); background-position:left top; background-repeat:no-repeat;height:90px;}

div#singleColumn {margin: 0 20px;width:710px;}
div#singleColumnResume {width:800px;}
div#leftColumn {float:left;margin:0 0 0 20px;width:140px;}
div#rightColumn {float:left;margin:0 0 0 20px;width:550px;}

div.newsItem,
div.pressItem {border:1px solid #ccc;border-width:0 0 1px 0;overflow:hidden; padding: 0;}

div.pressItem {margin:0 0 20px 0; padding:10px 0;}

div.pressItem blockquote {background-image:url(/img/bg/quote-open.gif);background-position:10px 5px;background-repeat:no-repeat; font-size:18px; margin:0; overflow:hidden; padding: 0 0 0 50px;}
div.pressItem cite {font-size:12px; padding-top:10px; text-align:center;}

/* H1, H2, H3, H4, etc... */

body.Home h1 a {background-image:url(/img/bg/splash.jpg);background-position:left top;background-repeat:no-repeat; display:block;height:600px;text-indent:-9999px;width:750px;}

div#header h1 a {background-color:transparent;background-image:url(/img/bg/kg.gif);background-position:left top;background-repeat:no-repeat;display:block;height:100px;text-indent:-9999px;}

div#content h1,
div#contentResume h1 {background: url(/img/bg/hr.gif) left bottom no-repeat; color:#111;font-size:24px;font-weight:normal;line-height:24px;margin:15px 0 10px 0;padding: 0 0 5px;}

div#content h2,
div#contentResume h2 {font-size:20px;font-weight:normal;line-height:18px;margin:15px 0 10px 0;padding: 0 0 5px 0;}

div#content h3,
div#contentResume h3 {font-size:16px;font-weight:bold;line-height:14px;margin:15px 0 10px 0;padding: 0 0 5px 0;}

div#content .pressItem h2,
div#content .newsItem h2 {margin-bottom:0;padding-bottom:0;}

div#content h2.press {font-size:11px;margin-bottom:0;text-align:center;}

div#content .pressItem p,
div#content .newsItem p {margin: 5px 0;}

div#content p.date {font-size:10px;text-transform:uppercase;}

/* Lists & Links */

div#footer ul,
div#menu ul {text-align:center;overflow:hidden;}
div#footer ul li,
div#menu ul li {display:block;float:left;}
div#footer ul li a {color:#111;display:block;float:left;height:30px;line-height:30px;width:125px;}

div#footer ul {margin:20px 0;}

div#menu ul {font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;overflow:hidden;text-transform:uppercase;}
div#menu ul li a {color:#111;display:block;float:left; font-weight:bold; font-size:1em; height:90px;line-height:90px; text-decoration:none; width:93px;}
div#menu ul li a.sel {/*background: url(/img/bg/body.gif) -400px 89px no-repeat;*/}

/*div#menu ul li a.news {background-image: url(/img/bg/news.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
div#menu ul li a.about {background-image: url(/img/bg/about.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
div#menu ul li a.resume {background-image: url(/img/bg/resume.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
div#menu ul li a.photo {background-image: url(/img/bg/photo.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
div#menu ul li a.press {background-image: url(/img/bg/press.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
div#menu ul li a.voiceover {background-image: url(/img/bg/voiceover.gif);background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}*/

ul#leftMenu {margin:20px 0;}
ul#leftMenu li {margin:0 20px 4px 0; display:inline;}
ul#leftMenu li a {/*background: #dce3f2; border:1px solid #bccce9; border-width:1px 0 0 0; */display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; text-decoration:none; text-indent:20px; text-transform:uppercase;}
ul#leftMenu li a.sel {background: url(/img/bg/body.gif) -490px center no-repeat; color:#000; font-weight:bold; padding:0 0 0 20px;}

ul.thumb {float:left;width:750px;}
ul.thumb li {background-image:url(/img/bg/thumb.gif);background-position:left top;background-repeat:no-repeat;display:block;float:left;height:150px;margin:10px;padding:5px;width:150px;}

.meta {border:1px dashed #ccc; border-width:1px 0 0 0; margin:5px 0 0 0; padding:2px 0;}
.meta li {display:block; float:left;}
.meta a {font-size:.8em; margin:0 20px 0 0; text-decoration:none; text-transform:uppercase;}

/* Tables */

table.tResume {border-collapse:collapse;margin:0 auto;width:90%;}
table.tResume td {padding:6px 4px;}
table.tResume thead th {font-size:24px;font-weight:normal;padding:14px;text-align:center;}
table.tResume tbody th {background:#656e6d;color:#e8e6e7;font-weight:bold;padding:6px;text-align:center;}
table.tResume tfoot {padding-top:30px;}
table.tResume tfoot td {text-align:center;}

table.tableResume {border-collapse:collapse;font-size:85%;margin:0 auto;width:100%;}
table.tableResume td {padding:4px;}
table.tableResume td.subtitle {font-size:1.5em; padding-top:30px;}
table.tableResume thead th {font-size:24px;font-weight:normal;padding:14px;text-align:center;}
table.tableResume tbody th {background: url(/img/bg/hr.gif) left bottom no-repeat;color:#111;font-size:1.5em; padding:30px 6px 6px 6px;}
table.tableResume tbody td.show {font-weight:bold; font-style:italic;}
table.tableResume tbody td.show span {font-weight:normal; font-style:normal;}
table.tableResume tbody td.venue {text-align:right;}
table.tableResume tbody td.venue span.director {font-style:italic;}
table.tableResume tbody td.role {text-align:center;}
table.tableResume tfoot {padding-top:30px;}
table.tableResume tfoot td {text-align:center;}

/* Lightbox */

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("/img/lightbox/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("/img/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("/img/lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("/img/lightbox/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("/img/lightbox/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}