/* GLOBAL STYLES */

html{
	background: #e79029 url("../images/pageBG.jpg") 0px 0px;
}
body{
	margin: 0px auto;
	width: 765px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{font-weight: bold; color: #ffffff;}

.clear{
	margin: 0px; padding: 0px;
	display: block; text-indent: -5000px;
	width: 1px; height: 1px;
	clear: both;
}

/* -------- Header ------- */
#head{
	width: 326px;
	float: left;
	margin: 10px 0px 15px 0px;
}

#logo{
	margin: 0px; padding: 0px;
	width: 326px; height: 66px;
	display: block; text-indent: -5000px;
	background: transparent url(../images/logo.gif) 0px 0px;
}

#nav{
	margin: 0px; padding: 0px;
	list-style: none;
}
	#nav li a{
		display: block;
		width: 326px; text-indent: -5000px;
	}
		#nav li.navStatement a{background: url(../images/nav-i.gif) 0px 0px no-repeat; height: 40px;}
			#nav li.navStatement a:hover{background: url(../images/nav-a.gif) 0px 0px no-repeat;}
		#nav li.navResume a{background: url(../images/nav-i.gif) 0px -40px no-repeat; height: 38px;}
			#nav li.navResume a:hover{background: url(../images/nav-a.gif) 0px -40px no-repeat;}
		#nav li.navLinks a{background: url(../images/nav-i.gif) 0px -78px no-repeat; height: 37px;}
			#nav li.navLinks a:hover{background: url(../images/nav-a.gif) 0px -78px no-repeat;}
		#nav li.navBlog a{background: url(../images/nav-i.gif) 0px -115px no-repeat; height: 37px;}
			#nav li.navBlog a:hover{background: url(../images/nav-a.gif) 0px -115px no-repeat;}
		#nav li.navJustisArtGallery a{background: url(../images/nav-i.gif) 0px -152px no-repeat; height: 33px;}
			#nav li.navJustisArtGallery a:hover{background: url(../images/nav-a.gif) 0px -152px no-repeat;}
		#nav li.navStudentArtists a{background: url(../images/nav-i.gif) 0px -185px no-repeat; height: 41px;}
			#nav li.navStudentArtists a:hover{background: url(../images/nav-a.gif) 0px -185px no-repeat;}
		#nav li.navContact a{background: url(../images/nav-i.gif) 0px -226px no-repeat; height: 30px;}
			#nav li.navContact a:hover{background: url(../images/nav-a.gif) 0px -226px no-repeat;}
		#nav li.navHome a{background: url(../images/nav-i.gif) 0px -256px no-repeat; height: 30px;}
			#nav li.navHome a:hover{background: url(../images/nav-a.gif) 0px -256px no-repeat;}
			
			
#mainPic{margin: 0px; padding: 0px;}


/* -------- Content ------- */
#content{
	margin: 15px 0px 15px 0px;
	width: 419px;
	float: left;
}

.contentContainer{
	background:url(../images/contentMiddle.gif) repeat-y;
	padding: 0px 23px 5px 23px;
	color: #ffffff;
	line-height: 16px;
}
	.contentContainer p{
		text-align: justify;
		margin: 0px; padding: 8px 0px 8px 0px;
	}
	.contentContainer h1{
		margin: 0px; padding: 0px;
		font-size: 20px; font-weight: bold;
		line-height: 28px; margin-bottom: -5px;
	}
	
	.contentContainer h2{
		margin: 0px; padding: 0px;
		font-size: 15px; font-weight: bold;
		line-height: 23px; margin-bottom: -5px;
	}
	
.welcome{
	padding: 0px 10px 0px 10px;
}



.recentWorks{
	padding: 0px 10px 0px 10px;
}
.recentWorks h1{margin: 0px;}

	.recentWorks ul, .gallerySet ul{
		margin: 6px 0px 0px 0px; padding: 0px;
		list-style: none;
	}
	.recentWorks ul li, .gallerySet ul li{
		float: left; margin: 0px 11px 0px 0px;
	}

	.gallery a, .recentWorks a{margin: 0px 11px 11px 0px;
		display: block;
		width: 100px; height: 100px;
		float: left;
		border: 3px solid #ffffff;
	}
	.recentWorks ul li a{
		border: 3px solid #ffffff;
		width: 100px; height: 100px;
		display: block;
	}
		.recentWorks ul li a:hover, .gallery a:hover, .recentWorks a{border: 3px solid #e79029;}
	.recentWorks ul li a img, .gallery a img, .recentWorks a img{border: 0;}

.gallerySet{clear: both;}
.gallery{clear: both;}

.recentPost{
	padding: 0px;
	margin: 0px;
}


	.contentContainer p.rpTop{
		padding: 0px; margin: 0px;
		display: block;
		width: 374px; height: 16px;
		text-indent: -5000px;
		background: transparent url(../images/rpTop.gif)
	}
	
	.contentContainer p.rpBottom{
		padding: 0px; margin: 0px;
		display: block;
		width: 374px; height: 17px;
		text-indent: -5000px;
		clear: both;
		background: transparent url(../images/rpBottom.gif)
	}
	.rpCenter{
		background: transparent url(../images/rpCenter.gif);
		padding: 0px 10px 0px 10px; margin: -5px 0px 0px 0px;
		width: 354px;
	}
	
.quotes{
	font-style: italic; font-size: 10px; line-height: normal;
	padding: 0px 10px 0px 10px; clear: both;
}
	.quotes em{font-style: normal; display: block;}


.contentTop{
	margin: 0px; padding: 0px;
	width: 419px; height: 28px;
	display: block;
	background: transparent url(../images/contentTop.gif) 0px 0px;
}

.contentBottom{
	margin: 0px; padding: 0px;
	width: 419px; height: 33px;
	display: block;
	background: transparent url(../images/contentBottom.gif) 0px 0px;
}

/* Contact form */
#contactForm{
	margin: 0px; padding: 0px; clear: both;
}
#contactForm label, #commentform label{
	display: block; margin: 0px 0px 14px 3px;
	font-weight:bold;
}

#contactForm p, #commentform p{
	margin: 16px 0px 0px 0px; padding: 0px 0px 20px 0px;
	background:url(../images/inputBG.gif) bottom left no-repeat;
}

#contactForm p.textAreaContainer, #commentform p.textAreaContainer{
	background: url(../images/textareaBG.gif) bottom left no-repeat;
}


.textInput, .textArea{
	width: 310px; margin: 0px 0px 0px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; color: #ffffff; font-size: 11px;
	padding: 0px;
	background: none; border: none;
}

.textArea{
	height: 115px; margin: 8px 0px 0px 13px;
	overflow: visible;
}

#contactForm p.submitContainer, #commentform p.submitContainer{background-image: none; margin: 4px 0px 0px 0px; padding: 0px; position: relative; clear: both;}
.submit{position: relative;}


.ContactInfoContainer{margin: 5px 0px 5px -10px;}

.contactInfo{height: 120px;}
.contactInfo div{
	float: left; width: 45%;
	margin: 0px 0px 10px 0px;
}
	.contactInfo div p{height: 50px;}


#commentform p.userID{background: none;}

.commentlist{
	margin: 8px 0px 5px 0px; padding: 0px;
	list-style: none;
}

.commentlist li{padding: 6px;}
.commentlist li cite{font-style: normal; font-size: 13px; font-weight: bold;}

.alt{
	background: #8a5e44;
	border-top: 1px solid #5a3b28; border-bottom: 1px solid #5a3b28;
	padding: 6px;
}
.contentContainer p.alt{padding: 6px;}

.alignright{text-align: right;}

.resume p{margin: 0px; padding: 10px 0px 0px 0px;}	
.resume ul{
	margin: 0px; padding: 0px 0px 10px 0px;
	list-style: none;
}
	.resume ul li{
		padding: 0px 0px 6px 15px;
		background: url(../images/bulletItem.gif) 0px 2px no-repeat;
	}

#sidebar{
	margin: 10px 0px 0px 0px;
	color: #e79029;
	width: 226px;
}
	#sidebar ul{
		margin: 0px; padding: 0px;
		list-style: none;
	}
	#sidebar ul.mainList{
		background: url(../images/subNav_center.gif) 0px 0px repeat-y;
		padding: 0px 18px 0px 20px;
	}
	#sidebar h2{
		margin: 10px 0px 0px 0px; padding: 0px; clear: both;
		font-size: 18px;
	}

.sideBarTop{
	margin: 0px; padding: 0px;
	display: block; text-indent: -5000px;
	background: url(../images/subNav_top.gif) 0px 0px no-repeat;
	width: 226px; height: 25px;
}
.sideBarBottom{
	margin: 0px; padding: 0px;
	display: block; text-indent: -5000px;
	background: url(../images/subNav_bottom.gif) 0px 0px no-repeat;
	width: 226px; height: 33px;
}

#searchform div{
	background: url(../images/searchInput.gif) no-repeat 0px 0px;
}
	#searchform div #s{
		width: 117px; float: left;
		margin: 7px 0px 0px 5px;
		padding: 0px 0px 0px 8px;
		border: none; background: transparent;
		font-size: 11px; font-weight: bold;
		color: #ffffff;
	}
	
#subNav{
	margin: 5px 0px 8px 0px; padding: 0px;
	list-style: none; height: 48px;
}
	#subNav.studentgallNav{margin: 5px 0px 8px -3px;}

	#subNav li{float: left;}
		.gallNav li{margin: 0px 22px 0px 0px;}
		
	#subNav li a{
		display: block; text-indent: -5000px;
		height: 48px;
	}
		#subNav li.NavFreshWork a{background: transparent url(../images/subNavJustisGallery-i.gif) 0px 0px; width: 90px;}
			#subNav li.NavFreshWork a:hover, #subNav.FreshWorkActive li.NavFreshWork a{background: transparent url(../images/subNavJustisGallery-a.gif) 0px 0px; width: 90px;}
		#subNav li.NavFigureDrawings a{background: transparent url(../images/subNavJustisGallery-i.gif) -90px 0px; width: 100px;}
			#subNav li.NavFigureDrawings a:hover, #subNav.FiguresDrawingsActive li.NavFigureDrawings{background: transparent url(../images/subNavJustisGallery-a.gif) -90px 0px; width: 100px;}
		#subNav li.NavPaintedFigures a{background: transparent url(../images/subNavJustisGallery-i.gif) -198px 0px; width: 95px;}
			#subNav li.NavPaintedFigures a:hover, #subNav.PaintedFiguresActive li.NavPaintedFigures{background: transparent url(../images/subNavJustisGallery-a.gif) -198px 0px; width: 95px;}

		#subNav li.NavPhilosophy a{background: transparent url(../images/subNavStudentGallery-i.gif) 0px 0px; width: 103px;}
			#subNav li.NavPhilosophy a:hover, #subNav.PhilosophyActive li.NavPhilosophy a{background: transparent url(../images/subNavStudentGallery-a.gif) 0px 0px; width: 103px;}
		#subNav li.NavSyllabus a{background: transparent url(../images/subNavStudentGallery-i.gif) -103px 0px; width: 93px;}
			#subNav li.NavSyllabus a:hover, #subNav.SyllabusActive li.NavSyllabus{background: transparent url(../images/subNavStudentGallery-a.gif) -103px 0px; width: 93px;}
		#subNav li.NavArtwork a{background: transparent url(../images/subNavStudentGallery-i.gif) -200px 0px; width: 95px;}
			#subNav li.NavArtwork a:hover, #subNav.ArtworkActive li.NavArtwork a{background: transparent url(../images/subNavStudentGallery-a.gif) -200px 0px; width: 95px;}
		#subNav li.NavStudentLinks a{background: transparent url(../images/subNavStudentGallery-i.gif) -295px 0px; width: 63px;}
			#subNav li.NavStudentLinks a:hover, #subNav.StudentLinksActive li.NavStudentLinks a{background: transparent url(../images/subNavStudentGallery-a.gif) -295px 0px; width: 63px;}
		
#footer{clear: both;}

.error{
	background: #bf2020; padding: 5px 5px 10px 5px;
	border: 2px solid #3A0303;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: 4px;
	font-size: 25px;
}