@charset "utf-8";
/* CSS Document */
*	{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
body	{
	font-size: 100.1%;
	background-color:#f1f1ef;
	color:#000;
	padding: 0px;
	margin: 0px;
}
#wrap	{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color: #f1f1ef;
}
#header	{
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 150px;
}
h1 	{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.2em;
	padding-top: 48px;
	margin-top: 0px;
	padding-left: 60px;
}
/* #nav */
#nav	{
	width: 350px;
	height: 20px;
	position: absolute;
	left: 639px;
	top: 70px;
}
#nav ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 13px;
	
}
#nav ul li.home,	
#nav ul li.about,
#nav ul li.portfolio,
#nav ul li.contact	{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
	text-align: left;
	display: block;
	position: relative;
	list-style-type: none;
}
#wrap #header #nav ul .home {
    width: 46px;
	float: left;
}
#wrap #header #nav ul .about
	{
	width: 42px;
	padding-left: 33px;
	float: left;
}
#wrap #header #nav ul .portfolio	{
	width: 67px;
	padding-left: 33px;
	float: left;
}
#wrap #header #nav ul .contact	{
	width: 60px;
	padding-left: 33px;
	float: left;
}
#nav ul li.home a,	
#nav ul li.about a,
#nav ul li.portfolio a,
#nav ul li.contact	a	{
    color: #000;
	background-color:#f1f1ef;
	text-decoration: none;
}
#nav ul li.home a:hover,	
#nav ul li.about a:hover,
#nav ul li.portfolio a:hover,
#nav ul li.contact a:hover	{
	color: #915828;
	background-color:#f1f1ef;
}
#subNavPortfolio,
#subNavAbout	{
	width: 90px;
	height: 20px;
	position: relative;
	padding-left: 60px;
	float: left;
	list-style: none;
}
#subNavPortfolio ul,
#subNavAbout ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftSidebar #subNavAbout .rsm,
#sidebarPortfolio #subNavPortfolio .skeins { 
    padding: 5px 0 0 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
}

#leftSidebar #subNavAbout .exh,
#leftSidebar #subNavAbout .cls,
#sidebarPortfolio #subNavPortfolio .digitoms,
#sidebarPortfolio #subNavPortfolio .pnt, 
#sidebarPortfolio #subNavPortfolio .wop_bw, 
#sidebarPortfolio #subNavPortfolio .drw {
	padding: 10px 0 0 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
}


ul#subNavAbout li.rsm a,
ul#subNavAbout li.exh a,
ul#subNavAbout li.cls a,
#contentPortfolio #sidebarPortfolio ul#subNavPortfolio li a{
	color: #000;
	background-color:#f1f1ef;
	text-decoration: none;
	display: block;
}
#leftSidebar ul#subNavAbout li.rsm a:hover,
#leftSidebar ul#subNavAbout li.exh a:hover,
#leftSidebar ul#subNavAbout li.cls a:hover,
#contentPortfolio #sidebarPortfolio ul#subNavPortfolio a:hover	{
	color: #915828;
	background-color:#f1f1ef;
	text-decoration: none;
	display: block;
}
/*selected state*/
#wrap #header #nav ul li .selected,
#wrap #header #nav ul .portfolio .selected,
#wrap #contentPortfolio #sidebarPortfolio #subNavPortfolio .skeins .selected,
#wrap #contentPortfolio #sidebarPortfolio #subNavPortfolio .digitoms .selected,
#wrap #contentPortfolio #sidebarPortfolio #subNavPortfolio .pnt .selected,
#wrap #contentPortfolio #sidebarPortfolio #subNavPortfolio .wop_bw .selected,
#wrap #contentPortfolio #sidebarPortfolio #subNavPortfolio .drw .selected,
#wrap #contentAbout #leftSidebar #subNavAbout .rsm .selected,
#wrap #contentExhibits #leftSidebar #subNavAbout .exh .selected,
#wrap #contentClasses #leftSidebar #subNavAbout .cls .selected
{
	text-decoration: none;
	color: #915828;
}
/* #contentHome, #contentAbout, #contentResume*/
#contentHome,
#contentAbout,
#contentClasses,
#contentResume,
#contentContact
	{
	width:1000px;
	position: relative;
	float: left;
}

#contentExhibits{
	width:1000px;
	position: relative;
	float: left;
	overflow: auto;	
}
#contentHome	{
	height: 417px;
}
#contentResume	{
	height: 900px;
}
#leftSidebar {
	width: 315px;
	float: left;
}
#wrap #contentAbout #leftSidebar img,
#wrap #contentClasses #leftSidebar img,
#wrap #contentExhibits #leftSidebar img
{
	width: 135px;
	height: 187px;
	float: left;
	margin-left: 15px;
}
/*#middleClasses, #middleAbout*/
#middleClasses,
#middleAbout	{
	float:right;
	background-color: #ececea;
	width: 595px;
	margin-right: 60px;
	padding-right: 15px;
	padding-left: 15px;
}
#wrap #contentClasses #middleClasses h2	{
	font-family: "Adobe Caslon Pro";
	font-size: 1.1em;
	color: #915828;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 8px;
}
#wrap #contentClasses #middleClasses h3	{
	font-size: 0.95em;
	font-variant: small-caps;
	padding-bottom: 4px;
}
#wrap #contentClasses #middleClasses p	{
	font-family: "Adobe Caslon Pro";
	font-size: 0.8em;
	line-height: 1.75;
	padding-bottom: 10px;
	
}
#wrap #contentClasses #middleClasses p a	{
	color: #915828;
	background-color:#f1f1ef;
	text-decoration: none;
}
#wrap #contentClasses #middleClasses p a:hover	{
	color: #623A27;
	background-color:#f1f1ef;
}
#wrap #contentClasses #middleClasses .updated	{
	font-size: .8em;
	font-weight: bold;
}
#contentClasses #middleClasses p a span {
	font-weight: bold;
}
#middleAbout p	{
	font-family: "Adobe Caslon Pro";
	font-size: 14px;
	line-height: 1.55;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
/*portfolio, #sidebarPortfolio*/
#contentPortfolio	{
	width: 1000px;
	position: relative;
	float: left;
		
}
#wrap #sidebarPortfolio	{
	float: left;
	margin-top: -3px;
	/*width: 152px;*/
	width: 150px;
}
#wrap #contentAbout #leftAbout h2,
#wrap #sidebarPortfolio	h2{
	font-family: Tahoma, sans-serif;
	color: #915828;
	font-size: 0.9em;
	float: left;
}
#wrap section #mainImageCaption	{
	position: absolute;
	left: 152px;
	top: 403px;
	font-size: 0.7em;
}
#wrap #contentPortfolio section #mainImageCaption .italic	{
	font-style: italic;	
}
#wrap section .thumbnails	{
	width: 299px;
	float: right;
    padding-right: 60px;
	padding-left: 66px;
}

#wrap section .thumbnails img.colOneTwoThree	{
	margin-right: 13px;
	margin-bottom: 13px;
	float: left;
	width: 65px;
	height: 72px;
	border: none;
}
#wrap section .thumbnails img.colFour	{
	margin-bottom: 13px;
	width: 65px;
	height: 72px;
	border: none;
	float: left;
}
/* #leftHome, #middleHome, rightHome*/

#leftHome	{
	margin-left: 60px;
	float: left;
	width: 80px;
}
#leftHome p	{
	color: #000;
	font-size: 0.9em;
	font: Tahoma, sans-serif;
	margin-top: -6x;
}
#middleHome	{
	width: 524px;
	float:left;
}
#wrap #contentHome #middleHome img	{
	width: 536px;
	height: 417px;
}
#wrap #contentHome #middleHome p	{
	font-family: Tahoma, sans-serif;
	font-size: 0.7em;
	padding-top: 3px;
}
#wrap #contentHome #middleHome p .title
{
	font-style: italic;
}
#rightHome	{
	width: 222px;
	float: right;
	margin-right: 60px;
}
#rightHome p.homeIntro	{
	font-size: 0.9em;
	line-height: 1.75;
	margin-top: -6px;
}
#rightHome p a	{
	color: #915828;
	background-color:#f1f1ef;
}
#rightHome p a:hover,
#rightHome p a:active{
	background-color:#f1f1ef;
	color: #623A27;
}

/*------------------------- #leftSidebarContact, #middleContact */
#leftSidebarContact	{
	width: 150px;
	float: left;
	margin-left: 165px;
}
#wrap #contentExhibits #leftSidebarContact img	{
	width: 135px;
	height: 187px;
	float: left;
}
#middleContact
	{
	float:right;
	background-color: #ececea;
	width: 580px;
	margin-right: 60px;
	padding-right: 15px;
	padding-left: 30px;
}
#middleContact form table tr td label {
	font-family: "Adobe Caslon Pro", serif;
	font-size: .8em;
}
#middleContact form table tr td #submit{
	font-family: "Adobe Caslon Pro", serif;
	font-size: .8em;
}
/* ----------------------------------#middleResume*/
#middleResume	{
	float:right;
	width: 640px;
	font-family: "Adobe Caslon Pro", serif;
	background-color: #ececea;
    padding: 0 20px 20px 20px;
}
#wrap #contentAbout #middleResume #resumeHeader {
	padding-bottom: 15px;
	padding-top: 10px;
}

#wrap #contentAbout #middleResume #resumeHeader h2 ,
#contentAbout #middleResume #resumeRightTwo #resumeHeaderTwoThree h2 {
	font-size: 1.15em;
	text-transform: uppercase;
}
#wrap #contentAbout #middleResume #resumeHeader p {
	font-size: .75em;
}
#resumeRightTwo #resumeHeaderTwoThree #pageTwo,
#middleResume #resumeHeader #pageOne,
#middleResume #resumeHeader #pageTwo,
#middleResume #resumeHeader #pageThree {
	font-size: .75em;
	text-align: right;
	text-decoration: none;
}
#resumeHeaderTwoThree #pageTwo .paddingRight,
#middleResume #resumeHeader #pageOne #current,
#middleResume #resumeHeader #pageTwo #current,
#middleResume #resumeHeader #pageThree #current {
		color: #915828;
		text-decoration: none;
}
#resumeRightTwo #resumeHeaderTwoThree #pageTwo a,
#middleResume #resumeHeader #pageOne a,
#middleResume #resumeHeader #pageTwo a,
#middleResume #resumeHeader #pageThree a {
	color: #000;
}
#resumeRightTwo #resumeHeaderTwoThree #pageTwo a:hover,
#middleResume #resumeHeader #pageOne a:hover, 
#middleResume #resumeHeader #pageTwo a:hover,
#middleResume #resumeHeader #pageThree a:hover {
	color: #915828;
}
#middleResume #resumeRightTwo #resumeHeaderTwoThree #pageTwo .paddingRight,
#middleResume #resumeHeader #pageOne .paddingRight,
#middleResume #resumeHeader #pageTwo .paddingRight
 {
	padding-right: 10px;
}
#middleResume #resumeHeader #pageThree .paddingLeft {
	padding-left: 15px;
}
/*----------------------------------end middleResume*/


/*----------------------------------resume page one*/
/*----------------------------------resumeLeft*/
#middleResume .resumeLeft {
	width: 140px;
	float: left;
	overflow: auto;
}
#middleResume .resumeLeft #skillsList {
	width: 140px;
	float: left;
	padding-top: 5px;
}
#middleResume .resumeLeft h5.padding {
	padding-bottom: 5px;
    padding-top: 10px;
}
#middleResume .resumeLeft h5.top {
	padding-bottom: 7px;
    padding-top: 7px;
}

#middleResume .resumeLeft ul {
	list-style-type: none;
}
#middleResume .resumeLeft #skillsList ul li {
	font-size: .75em;
	padding-bottom: 7px;
}
/*--------------------------------end resumeLeft*/
/*--------------------------------resumeRight*/
#middleResume #resumeRight{
	width: 440px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 20px;
	padding-right: 20px;
}
#middleResume #resumeRight h3 {
    font-size: .9em;
	line-height: 1;
	font-weight: bold;
	font-variant: small-caps;
}
#middleResume #resumeRight #artsInstructor {
	font-variant: small-caps;
	padding-top: 15px;
	padding-bottom: 10px;
}
#middleResume #resumeRight .goalsList {
	font-style: italic;
	font-size: .8em;
}

#middleResume #resumeRight .goal {
	font-size: .8em;
	line-height: 1.7;
	padding-bottom: 15px;
}
#middleResume #resumeRight #profExpOne {
	font-variant: small-caps;
}
#middleResume #resumeRight #profExp {
		font-variant: small-caps;
        padding-top: 15px;
}
#middleResume #resumeRight h5 {
	font-size: .8em;
	font-weight: bold;
	margin-top: 13px;
	padding-left: 40px;
}
#middleResume #resumeRight h5 .paddingLeft {
	padding-left: 10px;
}
#middleResume #resumeRight .duties .bold {
	font-weight: bold;
}
#contentAbout #middleResume #resumeRight .duties .boldPadding {
	font-weight: bold;
	padding-right: 15px;
}
#middleResume #resumeRight .duties {
	font-size: .75em;
	line-height: 1.6;
	padding-left: 40px;
}
/*----------------------------end resumeRight*/
/*----------------------------end resume page one*/


/*--------------------------------resume page two and three*/
/*--------------------------------resumeLeftTwo*/
#middleResume .resumeLeftTwo {
 	width: 140px;
 	float: left;
	overflow: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	padding-right:20px;
}
#middleResume .resumeLeftTwo #figures {
	width: 140px;
	float: left;
	padding-top: 12px;
	
}
.resumeLeftTwo #figures figure {
	font-size: .9em;
    margin-bottom: 20px; 
}
.resumeLeftTwo #figures figure a {
		color: #915828;
}
#middleResume .resumeLeftTwo #figures figure a:hover {
		color: #000;
}
/*--------------------------------resumeLeftTwo*/
/*--------------------------------resumeRightTwo*/
#middleResume #resumeRightTwo{
	width: 440px;
	float: right;
	padding-right: 20px;
}
/* ----------------------------------#resumeHeaderTwoThree*/
#middleResume #resumeRightTwo #resumeHeaderTwoThree {
    width: 440px;
	padding-bottom: 15px;
	padding-top: 10px;
	float: right;
    padding-right: 20px;
}

#middleResume #resumeRightTwo #resumeHeaderTwoThree h2 {
	font-size: 1.15em;
	text-transform: uppercase;
	padding-left: 20px;
}

#middleResume #resumeRightTwo #resumeHeaderTwoThree p {
	font-size: .75em;
		padding-left: 20px;
}

#middleResume #resumeRightTwo #resumeHeaderTwoThree #pageTwo {
	font-size: .75em;
	text-align: right;
}
#middleResume #resumeRightTwo #resumeHeaderTwoThree #pageTwo .paddingRight {
		padding-right: 10px;
}
.italic {
	font-style: italic;
}
/* -----------------------------end--#resumeHeaderTwoThree*/

#middleResume #resumeRightTwo #profExpTwo {
	padding-bottom: 10px;
    font-variant: small-caps;
}
#middleResume #resumeRightTwo .projectsList{
	font-style: italic;
	font-size: .8em;
}
#wrap #contentAbout #middleResume #resumeRightTwo .goalPageTwo {
	font-size: .8em;
	line-height: 1.5;
}

#middleResume #resumeRightTwo h3
 {
	font-size: .9em;
	line-height: 1.6;
	font-weight: bold;
	font-variant: small-caps;
    padding-top: 10px;
}
#middleResume #resumeRightTwo h4 {
	font-size: .8em;
	line-height: 1.6;
	font-weight: bold;
	padding-left: 40px;
    padding-top: 10px;
}
#middleResume #resumeRightTwo  p.synopsis	{
	font-weight: bold;
	font-size: .8em;
	padding-left: 40px;
	padding-top: 5px;
}
#middleResume #resumeRightTwo p.listing {
	font-size: .8em;
	line-height: 1.5;
	padding-left: 40px;
}
#middleResume #resumeRightTwo .listing .overview
{
	font-weight: bold;
	padding-right: 7px;
}
#middleResume #resumeRightTwo .listing .italic {
	font-style: italic;	
}
#middleResume #resumeRightTwo p.synopsisVector {
	font-weight: bold;
	font-size: .8em;
	padding-left: 40px;
    padding-top: 10px;
}
/*--------------------------------resume page three*/
#middleResume #resumeRightTwo #profExpThree {
    font-variant: small-caps;
}
#middleResume #resumeRightTwo .education {
	padding-bottom: 10px;
}
#middleResume #resumeRightTwo .listing .exhibitHistory {
	font-weight: bold;
	padding-right: 20px;
}
#middleResume #resumeRightTwo h5 {
	font-size: .8em;
	line-height: 1.5;
	padding-left: 40px;
}
#middleResume #resumeRightTwo #profExp img,
#middleResume #resumeRightTwo .projectsList img{
	vertical-align: central;
}
#middleResume #resumeRightTwo .listing .digitalDesign{
	padding-left: 20px;
}
/*--------------------------------end page three*/

/*--------------------------------backToTop*/
#middleResume #resumeRight .backToTop,
#middleResume #resumeRightTwo .backToTop {
	text-align: center;
}
 #middleResume #resumeRight .backToTop a,
 #middleResume #resumeRightTwo .backToTop a
{   color: #000;
    font-size: .8em;
	
}
#middleResume #resumeRight .backToTop a:hover,
#middleResume #resumeRightTwo .backToTop a:hover {
	text-align: center;
    font-size: .8em;
	color: #000;
	color: #915828;
}
/*----------------------------end backToTop*/
/*----------------------------end resume page two*/


/* #footer*/
#footer	{
	clear: both;
	height: 110px;
	
}
#wrap #footer .copyright	{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.65em;
	line-height: 1;
	font-weight: bold;
	padding-top: 85px;
	padding-left: 317px;
}
#wrap #footer p.copyrightAbout,
#footer .copyrightExhibits	{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.65em;
	line-height: 1;
	font-weight: bold;
	padding-top: 50px;
	padding-left: 315px;
}
#wrap #footer .copyrightHome	{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.65em;
	line-height: 1;
	font-weight: bold;
	padding-top: 50px;
	padding-left:140px;
}
#wrap #footer .copyrightPortfolio	{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.65em;
	line-height: 1;
	font-weight: bold;
	padding-top: 50px;
	padding-left:150px;
}
#footer .copyrightHome .allRights,
#footer .copyrightAbout .allRights,
#footer .copyrightExhibits .allRights	{
	padding-left: 5px;
	padding-top: 15px
}
