@charset "UTF-8";

/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
#footer {
	clear: both;
}
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
article,aside,figure,footer,header,hgroup,nav,section { display:block; }


/* base styles */

body {
	background-image: url(images/bkgrd_tile.jpg);
	background-repeat: repeat;

}
#wrapper {
	background-color: #908e8a;
	background-image: url(images/bkgd_gradient3.jpg);
	background-repeat: repeat-x;
	width: 90%;
	max-width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 250px;
	margin-left: auto;
	padding-top: 4.90196%;
	padding-right: 4.90196%;
	padding-bottom: 4.90196%;
	padding-left: 4.90196%;
}
img, object {
	max-width: 100%;	
}

#click {
	position: absolute;
	top: 5%;
	left: 5%;
	right: 5%;
	max-width: 1080px;
}

.nav {
	clear: both;
	text-align: center;
}

.nav2 {
	clear: both;
	text-align: center;
	
}
.nav2 li {
	display: inline;
	font-family: 'pt_sans_narrowregular', Georgia, "Times New Roman", Times, serif;
	font-size: 0.6em;
	text-decoration: none;
	padding: 0 1.25%;
}

.nav2 a {
	display: inline-block;
	letter-spacing: 0.3em;
	padding: 10px 0;
	
}

.nav a {
	display: inline-block;
	letter-spacing: 0.3em;
	padding: 10px 0;
	
}
.nav li {
	display: inline;
	font-family: 'pt_sans_narrowregular', Georgia, "Times New Roman", Times, serif;
	font-size: 0.6em;
	color: #FFF;
	text-decoration: none;
	padding: 0 1.25%;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
}
a:hover {
	color: #85372e;
}
#home li.home a,
#about li.about a,
#acting li.acting a,
#clowning li.clowning a,
#voice li.voice a, 
#dance li.dance a, 
#teaching li.teaching a, 
#writing li.writing a, 
#contact li.contact a {
	color: #FFF;
}

a.white:link {
	color: #FFF;
	text-decoration: none;
}
a.white:visited {
	color: #FFF;
}
a.white:hover {
	color: #85372e;
}

#main {
	background-image: url(images/bkgrd_tile_gray.jpg);
	background-repeat: repeat;
}


#front {
	font-family: 'dubielplainregular', Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #FFF;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3%;
	clear: both;
	}
	
	

h1 {
	font-family: 'dubielplainregular', Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	color: #FFF;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 0.125em;
	padding: 20px 0;
	}

.deck {
	font-family: 'medioregular', Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #a39896;
	text-decoration: none;
	font-style: normal;
	line-height: 1.25em;
	font-weight: lighter;
	Margin: 15px 0;
	clear: both;
	}

p {
	font-family: 'medioregular', Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #FFF;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

.smallpics {
	float: left;
	width: 45%;
	margin-right: 2.5%;
	margin-bottom: 1.5%;
}
	
.smallpics2 {
	float: right;
	width: 45%;
	margin-left: 2.5%;
	margin-top: 1.5%;
}

.move {
	padding-top: 30px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.easyhtml5video {
	padding-top: 30px;
}

h2 {
	font-family: 'dubielplainregular', Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #FFF;
	text-decoration: none;
	font-weight: lighter;
	padding: 20px 0;
	}
	
h3 {
	font-family: 'dubielplainregular', Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #a39896;
	text-decoration: none;
	font-weight: lighter;
	padding: 14px 0;
	}
	
.withbyline {
	padding-bottom: 0;
}
	
.poems {
	font-family: 'medioregular', Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: #CCC;
	line-height: 1.5em;
	margin-bottom: 15px;
	}	

	
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.125em;
	color: #a39896;
	line-height: 1.5em;
	margin-bottom: 15px;
	font-style: italic;
	}
	
.byline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .75em;
	color: #a39896;
	font-style: italic;
}
	
a.resume {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-style: solid;
	border-radius: 1em;
	border-color: #999;
	background-color: rgba(255,255,255,.25);
	font-size: 0.75em;
	padding-top: 12px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	margin: 10px 10px 10px 0px;
	color: #CCC;
}

.sharepic {
	float: left;
	width: 50%;
	}

	footer {
	clear: both;
	padding-top: 15px;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 15px;
}
footer ul {
		margin: 0 0 .65em 0;
}

footer li {
	display: inline;
	font-family: 'pt_sans_narrowregular', Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	line-height: 0.65em;
	color: #999;
	text-decoration: none;
	padding: 0 .65em 0 0;	
}
	
footer p {
	font-family: 'pt_sans_narrowregular', Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	line-height: 1em;
	color: #999;
	text-decoration: none;
	padding: 0;
}



/* responsive */

/* mobile - low resolution 480px or below */
@media screen and (max-width: 480px) {

#picnav a {
	width: 48%;
	float: left;
	margin-right: 1.75%;
	margin-bottom: 1.75%;
}

#visuals {
	width: 93%;
	padding-right: 3%;
	padding-left: 3%;
}

#copy {
	width: 93%;
	margin-right: 3%;
	margin-left: 3%;
}

#copy2 {
	width: 93%;
	margin-right: 3%;
	margin-left: 3%;
}

}

/* home page medium resolution 480px to 829px */
@media screen and (min-width: 481px) {
#picnav a {
	width: 13%;
	float: left;
	margin-right: 1.25%;
}
#visuals {
	width: 93%;
	padding-right: 3%;
	padding-left: 3%;
}

#copy {
	width: 93%;
	margin-right: 3%;
	margin-left: 3%;
}

#copy2 {
	width: 93%;
	margin-right: 3%;
	margin-left: 3%;
}

}

/* pad and desktop - high resolution 830px or higher */
@media screen and (min-width: 830px) {

/*  #wrapper {
	margin-top: 5%;
}	*/

#picnav a {
	width: 13%;
	float: left;
	margin-right: 1.25%;
}

#visuals {
	width: 55%;
	float: right;
	margin-right: 2.9%;
	padding: 0;
}

#copy {
	width: 35%;
	float: left;
	margin-left: 2.9%
}

#copy2 {
	width: 60%;
	margin-right: 3%;
	margin-left: 3%;
}

}

/* font-face fonts from fontsquirrel */

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('PTN77F-webfont.eot');
    src: url('PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN77F-webfont.woff') format('woff'),
         url('PTN77F-webfont.ttf') format('truetype'),
         url('PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bodonixtregular';
    src: url('BodoniXT-webfont.eot');
    src: url('BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
         url('BodoniXT-webfont.woff') format('woff'),
         url('BodoniXT-webfont.ttf') format('truetype'),
         url('BodoniXT-webfont.svg#bodonixtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'medioregular';
    src: url('fonts/Medio-webfont.eot');
    src: url('fonts/Medio-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Medio-webfont.woff') format('woff'),
         url('fonts/Medio-webfont.ttf') format('truetype'),
         url('fonts/Medio-webfont.svg#medioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dubielplainregular';
    src: url('fonts/Dubiel-webfont.eot');
    src: url('fonts/Dubiel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Dubiel-webfont.woff') format('woff'),
         url('fonts/Dubiel-webfont.ttf') format('truetype'),
         url('fonts/Dubiel-webfont.svg#dubielplainregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aaarghnormal';
    src: url('fonts/Aaargh-webfont.eot');
    src: url('fonts/Aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aaargh-webfont.woff') format('woff'),
         url('fonts/Aaargh-webfont.ttf') format('truetype'),
         url('fonts/Aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}