/* --------RESET CSS-------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------------------- */

/* hCard */

#hcard-Christopher-C-Kulesa {position: absolute; visibility: hidden;}





/* ---------------------------------------- */

/* GLOBAL */


a { 	 } 
a:link { text-decoration: none;	color: #416f88; } 
a:hover {color: #7bbad4;} 
a:visited {	text-decoration: none; color: #7bbad4; } 
em {font-style: italic;}
sup {vertical-align: super; font-size: .6em;}
a.underline {text-decoration: underline;}

html { font-family: Times, "Times New Roman", Georgia, serif; font-size: 1em; color: white; }

body {background-position: 0 60px; background-image: url(../images/global/bg_stripe.png); background-repeat: repeat-x; background-color: #0d1218;}

#wrapper { position: relative; width: 884px; margin-right: auto; margin-left: auto; }

#title { position: relative; z-index: 1; margin-top: 20px; margin-left: 20px; height: 75px; width: 278px; -webkit-border-radius: 7px; 	-moz-border-radius: 7px; background-color: #11161d; }

#titleimage { position: relative; margin-top: -30px; z-index: 0; height: 265px; width: 884px; }

#nav { text-align: right; font-family: "Lucida Grande", Verdana, Arial, sans-serif; letter-spacing: .1em; padding-bottom: .6em; padding-top: .4em; position: relative; color: white; background-color: #0d1218; height: 20px; width: 884px; text-transform: uppercase; font-size: .8em; }

#nav li { float: right; position: relative;  /* left: 520px; */ padding-bottom: 5px; padding-top: 5px; padding-right: 10px; padding-left: 10px; }

#nav a {color:white;}
#nav a:hover {color: #7bbad4;}

#content { display: inline-block; min-height: 500px; max-height: none; background-position: 0 0px; background-image: url(../images/global/content_bg.png); background-repeat: repeat-x; border-top-color: #2e487e; border-top-style: solid; border-top-width: 1px; margin-top: 6px; width: 884px; background-color: #0d1218;}

#leftbar {width: 460px; max-height: none; min-height: 30px; margin-top: 10px; float: left; position: relative; margin-bottom: 20px; background-image: url(../images/global/news_bg.png); background-repeat: repeat-x; padding-top: 10px; padding-left: .8em; padding-right: .8em; margin-left: 10px;-webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright: 7px;}

#rightbar { padding-top: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; position: relative; float: right; max-height: none; min-height: 30px; width: 360px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px;	-moz-border-radius-topleft:7px; -moz-border-radius-topright: 7px;}

#footer { margin-top: 1em; clear: both; background-color: #14232b; height: 34px; width: 33em; z-index: 3; margin-right: 187px; margin-left: 187px;  -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px;	-moz-border-radius-topleft:7px; -moz-border-radius-topright: 7px; color: white;}

#footer h6 { padding-top: 10px; position: relative; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: .15em; font-size: .7em; z-index: 0; text-align: center; }

#footer a { 	 } 
#footer a:link { text-decoration: none;	color: white; } 
#footer a:hover {color: #7bbad4;} 
#footer a:visited {	text-decoration: none; color: white; }

img.thumbnail { margin-left: 5px; margin-bottom: 5px; margin-top: 5px; border-style: solid; border-width: 5px; border-color: #3b4752; height: 75px; width: 100px; -webkit-border-radius: 7px; -moz-border-radius:7px;}

img.thumbnail:hover  {z-index: 0; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; height: 75px; width: 100px;  border-style: solid; border-width: 5px; border-color: #3b508c;-webkit-border-radius: 7px; -moz-border-radius:7px;}

img.current { position: absolute; margin-left: 5px; margin-top: 5px; z-index: 0; } 

h3.section { padding-bottom: .5em; padding-left: .3em; text-transform: none; text-decoration: none; font-family: Times, "Times New Roman", Georgia, serif; font-style: normal; font-weight: normal; color: #cccccc; letter-spacing: .1em; font-size: 1em; }

h3.featured { margin-top: 1em; }

h4.moreinfo { text-transform: none; text-decoration: none; font-style: normal; font-weight: normal; font-family: Times, "Times New Roman", Georgia, serif; font-size: .8em; padding-left: .5em; color: #67a03a; }

h4.moreinfo a {color: #67a03a;}

img.featuredimage { margin-bottom: 5px; margin-top: 5px; border-color: #3b4752; border-style: solid; border-width: 5px; margin-left: 5px; width: 340px; height: 215px; -webkit-border-radius: 7px; -moz-border-radius:7px;}

img.featuredimage:hover {margin-bottom: 5px; margin-top: 5px; margin-left: 5px; width: 340px; height: 215px; border-style: solid; border-width: 5px; border-color: #3b508c;}

h4.subtitle { font-family: Times, "Times New Roman", Georgia, serif; font-style: italic; margin-bottom: .2em; padding-left: .5em; font-size: .9em; color: #7bbad4; }

p.description { word-spacing: .1em; padding-left: .3em; line-height: 1.2em; margin-top: .5em; margin-bottom: 1em; font-size: .813em; text-indent: 1.5em; color: #416f88;}

h3.news { margin-top: 1.5em; }

h3.newstitle {color: #7bbad4; font-size: .9em;}

#cal { padding-top: 20px; width: 330px; margin-left: auto; margin-right: auto;}

/*-----------------------------------------------------*/

/* LINKS */

.linkgroup { background-position: 0 0px; margin-left: 10px;	margin-bottom: 5px;	margin-right: 10px;	margin-top: 10px; float: left; border-width: 0px; padding: 0px;	max-height: none; min-height: 50px;	width: 260px;}

.grouptitle {color: #cccccc;font-style: normal;	font-weight: normal; max-height: none;	min-height: 19px;	font-size: 1em;	text-transform: capitalize;	text-align: center;	padding: 0px;	margin: 0px;	width: 260px; }

.linkgroup ul {	padding: 0px; margin-left: 30px; margin-bottom: 5px;	margin-right: 5px; margin-top: 5px; border-width: 0px; }

.linkgroup li {	list-style-image: url(/images/link_ex.png);	text-transform: capitalize;	/* font-size: 1.3em; */ padding-top: 3px; }

.clear { clear: both; }

/*-----------------------------------------------------*/

/* RESUME */

body#resume { font-style: normal; font-weight: normal; color: #416f88; font-family: "Helvetica Neue UltraLight", Helvetica, Verdana, Arial, sans-serif }

#icons { 	position: absolute; 	border-width: 0px; 	padding-left: 0px; 	padding-bottom: 6px; 	padding-right: 0px; 	padding-top: 0px; 	margin-left: 0px; 	margin-bottom: 10px; 	margin-right: 0px; 	margin-top: -35px; 	height: 20px; 	width: 400px; }

#pdf { 	float: left; 	border-width: 0px; 	padding-left: 0px; 	padding-bottom: 3px; 	padding-right: 0px; 	padding-top: 3px; 	border-style: solid; 	position: relative; 	margin: 0px; 	height: 20px; 	width: 305px; }

#pdf img { 	margin-left: 5px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	float: left; 	border-width: 0px; 	padding: 0px; 	height: 20px; 	width: 20px; }

#pdf .label { 	font-size: .9em; 	top: 3px; 	position: relative; 	margin-top: 3px; 	clear: both; 	height: 20px; 	padding-left: .5em; 	font-style: italic; 	font-weight: bold; 	text-transform: capitalize; }
/* #resume { 	background-color: #8aff82; 	margin-left: 0px; 	margin-bottom: 2em; 	margin-right: 0px; 	margin-top: 0px; 	padding: 0px; 	text-transform: capitalize; 	max-height: none; 	min-height: 50px; 	position: relative; 	border-width: 0px; 	width: 840px; } */

.group { 	border-width: 0px; 	padding: 0px; 	margin-top: 3px; }

.block { 	font-size: .8em; 	display: block; 	margin-left: 5px; 	margin-bottom: 5px; 	margin-right: 0px; 	margin-top: 1em; 	border-width: 0px; 	padding: 0px; }

.blocktitle { 	font-style: normal; 	font-weight: normal; 	font-size: 1.5em; 	max-height: none; 	min-height: 1px; 	padding-left: 5px; 	padding-bottom: 5px; 	padding-right: 0px; 	margin: 0px; 	-webkit-border-radius: 8px; 	-moz-border-radius: 8px; 	width: 300px; 	text-transform: capitalize; }

.theatre { 	max-height: none; 	min-height: 40px; 	padding-left: 0px; 	padding-bottom: 0px; 	padding-right: 0px; 	padding-top: 0px; 	margin-left: 10px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	border-width: 0px; 	font-style: normal; 	font-weight: normal; }

.theatrename { 	margin-bottom: 0px; 	padding-left: 0px; 	padding-bottom: .4em; 	padding-right: 0px; 	padding-top: .4em; 	font-size: 1.2em; 	margin-left: 0px; 	margin-right: 0px; 	margin-top: 0px; 	border-width: 0px; 	height: 20px; }

.show { 	margin-left: 5px; 	display: table;	max-height: none; 	min-height: 20px; }

.show ul { 	margin-left: 10px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	padding: 0px; border-width: 0px; }

.show li { 	padding-left: 0px; 	padding-bottom: 3px; 	padding-right: 0px; 	padding-top: 0px; 	border-width: 0px; 	margin: 0px; 	list-style-type: none; 	float: left; }

.title { 	font-style: italic; 	width: 290px; }

.position { 	width: 210px; }

.director { 	width: 190px; }

.date { 	text-align: right; 	width: 150px; }

.skillsection { 	margin: 0px; 	max-height: none; 	min-height: 1px; 	padding: 0px; 	border-width: 0px; 	width: 840px; }

.skillname { 	font-style: italic; 	padding-left: 10px; 	padding-bottom: 0px; 	padding-right: 0px; 	padding-top: 0px; 	font-weight: bold; 	border-width: 0px; 	margin: 0px; 	max-height: none; 	min-height: 1px; 	width: 150px; }

.skills { 	text-align: justify; 	position: relative; 	left: 160px; 	top: -17px; 	border-width: 0px; 	padding: 0px; 	margin: 0px; 	max-height: none; 	min-height: 1px; 	width: 680px; }

.skills li { 	margin-left: -30px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	border-width: 0px; 	padding: 0px; 	list-style-type: none; }

.membership { 	margin-top: -6px; } 

.membership ul { 	margin-top: 10px; 	margin-left: 40px; }

.education { 	margin-left: 0px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 8px; 	border-width: 0px; 	padding: 0px; 	width: 840px; 	max-height: none; 	min-height: 20px; }

.school { 	display: table; 	max-height: none; 	min-height: 20px; 	padding: 0px; 	border-width: 0px; }

.school ul { 	margin-left: 10px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	padding: 0px; 	width: 840px; 	border-width: 0px; }

.school li { 	padding-left: 0px; 	padding-bottom: 3px; 	padding-right: 0px; 	padding-top: 0px; 	border-width: 0px; 	margin: 0px; 	list-style-type: none; 	float: left; }

.schoolname { 	font-style: italic; 	font-weight: bold; 	margin: 0px; 	padding: 0px; 	width: 260px; 	border-width: 0px; }

.city { 	width: 160px; 	border-width: 0px; 	padding: 0px; 	margin: 0px; }

.degree { 	width: 250px; 	border-width: 0px; 	padding: 0px; 	margin: 0px; }

/* .date { 	width: 140px; 	border-width: 0px; 	padding: 0px; 	margin: 0px; 	text-align: right; } */
.awards { 	max-height: none; 	min-height: 1px; 	width: 840px; 	border-width: 0px; 	margin-left: 0px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 10px; 	padding: 0px; }

.awarder { 	font-weight: bold; 	max-height: none; 	min-height: 1px; 	width: 840px; 	border-width: 0px; 	margin-left: 10px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 0px; 	padding: 0px; }

.award { 	margin-left: 0px; 	margin-bottom: 0px; 	margin-right: 0px; 	margin-top: 3px; 	text-align: justify; 	padding-left: 80px; 	padding-bottom: 0px; 	padding-right: 0px; 	padding-top: 0px; 	border-width: 0px; }



/*-----------------------------------------------------*/

/* SOUND INDEX */

.soundindex { padding: .2em; min-height: 6.25em; max-height: none; margin-left: .55em; margin-bottom: 8px; margin-right: .55em; margin-top: 8px; font-family: Times, "Times New Roman", Georgia, serif; background-repeat: repeat-x; float: left; display: inline; position: relative; width: 26em;  background-image: url(../images/global/news_bg.png); -webkit-border-radius: 7px; 	-moz-border-radius: 7px;border-color: #192848; border-style: solid; border-width: 1px;} 
.soundindex:hover {background-color: #3b508c;}
.soundindex img { left: 0px; margin: 8px; height: 80px; width: 120px; display: block; position: absolute; border-style: solid; border-width: 3px; border-color: #3b4752; -webkit-border-radius: 7px; -moz-border-radius:7px;} 
.soundindex:hover img { left: 0px; margin: 8px; height: 80px; width: 120px; display: block; position: absolute; border-style: solid; border-width: 3px; border-color: #3b508c;} 
.soundindex h2 { margin-left: 140px; margin-bottom: .5em; margin-top: .35em; font-size: 1.1em;} 
.soundindex h3 { margin-top: .8em; margin-left: 140px; font-size: .9em;} 
.soundindex h4 { margin-top: .8em; margin-left: 140px; font-size: .8em;}
.soundindex a:link {text-decoration: none;}

/*-----------------------------------------------------*/

/* PORTFOLIO ENTRY */

#date {color: #416f88;}

#prodstaff { /* width: 15em; */ color: #416f88;}

#prodstaff li { font-size: .75em; line-height: 1.3em; letter-spacing: .1em; font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: .8em; }

#paperwork { /* width: 15em; */ color: #416f88; margin-top: 1em;}

#paperwork li { font-size: .75em; line-height: 1.3em; letter-spacing: .1em; font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: .8em;  margin-top: .5em;}

#paperwork img {width: 1.2em; height: 1.2em; float: left; margin-right: .8em;}
#paperwork h4 {margin-left: .8em;}

/* .block { float: right; width: 110px; margin-top: -100px; } */

#photos { margin-top: 1em;}

#bottombar { padding-bottom: 1em; width: 55.25em; clear: both; min-height: 1px; position: relative; margin-left: 20px;}

#bottombar .section { }

#audiosamples {margin-top: 1em;}
#audiosamples li {list-style-position: outside; font-size: .9em; line-height: .9em; letter-spacing: .1em; margin-top: .5em; margin-left: 2.2em; list-style-image: url(/images/audio.gif);}

#theatre-logo { top: 250px; right: 10px; z-index: 10; position: absolute;}

#theatre-logo img { height: auto; width: 175px;}

/*-----------------------------------------------------*/

/* THESIS */

body#thesis #paperwork img{}

body#thesis #titleimage {margin-top: -70px;}

body#thesis #license img {padding-top: 1em; padding-bottom: 1em; margin-left: 186px; margin-right: 186px;}
body#thesis #license {line-height: 1.3em; font-size: .7em; font-family: Helvetica, Verdana, Arial, sans-serif; color: #416f88;}
body#thesis #license a:link {color: #416f88; text-decoration: underline;}
body#thesis #license a:hover {color: #7bbad4 ;}
body#thesis #license a:visited {color: #416f88;}
/*
-moz-border-radius-topleft  / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
*/

/*-----------------------------------------------------*/

/* PROJECTS */

.projectdate { padding-left: .5em; color: #67a03a; font-size: .7em; margin-top: 1.5em;}

.storycontent {word-spacing: .1em; padding-left: .3em; line-height: 1.2em; margin-top: .5em; margin-bottom: 1em; font-size: .813em; text-indent: 1.5em; color: #416f88;}

.storycontent p {margin-bottom: 1em;}