/* browser reset */

html, body, 
h1, h2, h3, h4, h5, h6,
p, ol, ul, img, a,
div, span {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

a img {
	border: none;
}
	
acronym {
	cursor: default;
}

/* LINKS */

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}

#branding a:link,
#branding a:visited, 
#branding a:hover,
#branding a:active {
	text-decoration: none;
	color: #41033f;
}

#content a:link,
#content a:visited {
	color: #400322;
}

#content a:hover, 
#content a:active {
	color: #000000;
	background-color: #e3f1d7;
	text-decoration: none;
	border-bottom: 1px #929c8b solid;
}

#welcome a:link,
#welcome a:visited, 
#welcome a:hover,
#welcome a:active {
	text-decoration: none;
	color: #41033f;
	border: none;
	background-color: white;
}

#footer a {
	color: #bdd2af;
}

address a:link,
.sidebar a:link,
address a:visited,
.sidebar a:visited {
	color: #313b2a;
}

address a:hover,
.sidebar a:hover {
	color: #607552;
}

/* LISTS */

ul {
	list-style-type: none;
}

ol {
	padding-left: 20px;
}

.portfolio dl {
	float: left;
	width: 530px;
	margin: 10px 0;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
}

.portfolio dt {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}

.portfolio dd {
	margin: 0;
}

.portfolio dd.img {
	margin: 0;
}

.portfolio dd.img img {
	float: left;
	margin: 5px 8px 0 0;
}

.portfolio dl.alt dt {
	float: left;
}

.portfolio dl.alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
}

#content ul {
	padding-right: 20px;
}

#content ul.col1 {
	float: left;
	width: 230px;
	padding-bottom: 15px;
	padding-right: 0px;
}

#content ul.col2 {
	float: right;
	width: 290px;
	padding-bottom: 15px;
	padding-right: 0px;
}

#content li {
	margin-top: 5px;
}

#resume #content li,
#links #content li {
	padding-top: 0px;
}

#homepage #content ul {
	padding-top: 10px;
	padding-left: 15px;
	list-style: disc;
}

.news li {
	padding-top: 5px;
}

/* TYPOGRAPHY */

body {
	text-align: center;
	background-color: #e7f1cc;
	/* other possibilities: #bdd2af #e2e4d9 */
color: #41033f;
	font-size: 1em;
	font-family: "Times New Roman", Times, serif;
}

#branding {
	letter-spacing: 0.3em;
}

h1 {
	/* only used in #branding */
padding-left: 20px;
	padding-top: 25px;
	font-size: 2.7em;
	font-family: Garamond, "Times New Roman", Times, serif;
}

h2 {
	/* only used in #branding */
font-size: 1.1em;
	padding-left: 70px;
	padding-bottom: 25px;
	font-variant: small-caps;
	color: inherit;
}

#content {
	color: black;
	letter-spacing: 0.05em;
}

h3 {
	/* first heading in #content */
font-size: 1.9em;
	color: #283a1c;
	line-height: 1em;
	margin-bottom: 25px;
}

.background1 {
	background: url(../images/branch1.jpg) no-repeat scroll right bottom;
	height: 80px;
	line-height: 80px;
	padding-left: 0px;
	padding-bottom: 10px;
	color: #3c2919;
	margin-bottom: 0px;
}

.subtitle1 {
	width: 395px;
	text-align: right;
	margin-top: -10px;
	padding-right: 135px;
	float: right;
	display: inline;
	/* removes IE6 double margin bug */
font-style: italic;
	color: #3c2919;
}

.background2 {
	background: url(../images/branch2.jpg) no-repeat scroll right bottom;
	height: 80px;
	line-height: 80px;
	padding-left: 0px;
	padding-bottom: 5px;
	color: #56463c;
	margin-bottom: 0px;
}

.subtitle2 {
	width: 370px;
	text-align: right;
	margin-top: -10px;
	padding-right: 160px;
	float: right;
	display: inline;
	/* removes IE6 double margin bug */
font-style: italic;
	color: #3c2919;
}

.background3 {
	background: url(../images/branch3.jpg) no-repeat scroll right bottom;
	height: 80px;
	line-height: 80px;
	padding-left: 0px;
	padding-bottom: 5px;
	color: #4b4036;
	margin-bottom: 0px;
}

.subtitle3 {
	width: 330px;
	text-align: right;
	margin-top: -5px;
	padding-right: 200px;
	float: right;
	display: inline;
	/* removes IE6 double margin bug */
font-style: italic;
	color: #3c2919;
}

.background4 {
	background: url(../images/branch4.jpg) no-repeat scroll right bottom;
	height: 80px;
	line-height: 80px;
	padding-left: 75px;
	padding-bottom: 20px;
	color: #402f1f;
	margin-bottom: 0px;
}

.subtitle4 {
	width: 305px;
	text-align: left;
	margin-top: -25px;
	padding-left: 225px;
	float: left;
	display: inline;
	/* removes IE6 double margin bug */
font-style: italic;
	color: #3c2919;
}

.background5 {
	background: url(../images/branch5.jpg) no-repeat scroll right bottom;
	height: 80px;
	line-height: 80px;
	padding-left: 100px;
	padding-bottom: 0px;
	color: #382b23;
	margin-bottom: 0px;
}

.subtitle5 {
	width: 345px;
	text-align: left;
	margin-top: -5px;
	padding-left: 185px;
	float: left;
	display: inline;
	/* removes IE6 double margin bug */
font-style: italic;
	color: #3c2919;
}

.subtitle {
	text-align: right;
	font-style: italic;
	color: #000000;
	margin-top: -10px;
}

h4 {
	margin: 20px 0px 10px 0px;
	font-size: 1.2em;
}

h5 {
	margin: 15px 0px 10px 0px;
	font-size: 1.1em;
}

h6 {
	margin: 10px 0px;
	font-size: 1em;
}

p {
	margin-top: 10px;
}

#links p {
	letter-spacing: normal;
}

#events #content {

}

#events .final {
	padding-bottom: 40px;
}

.eventsTab1 {
	padding-left: 100px;
}

.eventsTab2 {
	padding-left: 150px;
}

.eventsTab3 {
	padding-left: 200px;
}

.eventsTab4 {
	padding-left: 240px;
}

.sidebar {
	color: #7b1e00;
	margin: 10px;
	font-style: normal;
	text-align: center;
	font-weight: bold;
}

blockquote {
	margin: 10px 50px 10px 40px;
	padding: 5px 10px;
	background-color: #bdd2af;
	border: 2px solid #41033f;
}

address {
	color: #393939;
	margin: 10px 0px;
	font-style: normal;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}

address span {
	letter-spacing: 0.2em;
}

#footer {
	text-align: right;
	color: #d0e8c1;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 25px;
	clear: both;
}

#resumeHeader {
	text-align: center;
}

#resumeHeader h4 {
	font-size: 1em;
	margin-top: 0px;
	padding: 0;
}

#resumeHeader address {
	color: inherit;
}

#adelaidegray {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: 0.2em;
	font-size: 1.1em;
}

#homepage #welcome {
	margin-top: 30px;
	font-size: 0.7em;
	text-align: center;
}

.caption {
	margin-top: 3px;
	font-style: italic;
	text-align: right;
	color: #544331;
	font-weight: bold;
}

.important {
	color: #7b1e00 !important;
	font-weight: bold !important;
}

/* LAYOUT */

#wrapper {
	width: 720px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
	background-color: white;
	border-color: #41033f;
	border-width: 0 5px 25px 5px;
	/*make bottom border the same width as top positioning and line-height of footer*/
border-style: solid;
}

#branding {
	position: relative;
	background: url(../images/treeStripLongFade.jpg) no-repeat scroll right center;
	border-bottom: 3px solid #41033f;
}

#content {
	width: 530px;
	margin: 0 20px 0 0;
	float: right;
	display: inline; 	/* removes IE6 double margin bug */
}

#footer p {
	clear: both;
	position: relative;
	top: 25px;
	margin-bottom: 0px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

.inline {
	display: inline;
}

#homeLink {
	position: absolute;
	letter-spacing: normal;
	line-height: normal;
	right: 40px;
	bottom: 30px;
}

#homeLink a:link, #homeLink a:visited {
	color: #41033f;
}

/* NAVIGATION */

/* main nav */

.main_nav ul {
	width: 720px;
	float: left;
	clear: left;
	letter-spacing: 1px;
	/* Mozilla displays 1.5px, but IE does not - only whole numbers*/
font-size: 1em;
	font-family: Garamond, "Times New Roman", Times, serif;
	background-color: #41033f;
	text-align: center;
	border-bottom: 3px solid #41033f;
	margin-bottom: 30px !important;
}

.main_nav li {
	float: left;
}

.main_nav a {
	display: block;
	padding: 0px 20px;
	line-height: 1.8em;
	color: #bdd2af;
	border-left: 1px solid #41033f;
	border-right: 1px solid #41033f;
}

.main_nav a:hover, .main_nav a:active {
	text-decoration: none;
	background-color: #dbe9d0;
	color: #41033f;
}

.main_nav li#final {
	float: right;
}

.about a#linkAbout,
.portfolio a#linkPortfolio,
#portfolio a#linkPortfolio,
.courses a#linkCourses,
.writing a#linkWriting,
.links a#linkLinks,
.wayward a#linkWayward {
	/* to identify current section */
text-decoration: none;
	background-color: #bdd2af;
	color: #41033f;
}

/* sub nav */

.sub_nav {
	width: 140px;
	float: left;
	margin: 0px 5px;
}

.sub_nav ul {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: Garamond, "Times New Roman", Times, serif;
	margin: 0px -5px;
}

.sub_nav li {
	line-height: 1em;
	display: inline;
	/* prevents extra bottom margin on block elements in IE6 */
}

.sub_nav li a {
	display: block;
	line-height: 1em;
	padding: 15px 8px 15px 20px;
	color: #bdd2af;
}

.sub_nav li a:link, 
.sub_nav li a:visited {
	display: block;
	color: #41033f;
}

.sub_nav li a:hover, 
.sub_nav li a:active {
	display: block;
	color: #41033f;
	background-color: #dbe9d0;
	text-decoration: none;
	border-width: 3px 3px 3px 0px;
	border-color: #41033f;
	border-style: solid;
	padding: 12px 5px 12px 20px;
	/*the top/bottom padding here is the (li a) padding minus the border value*/
}

#bio #linkBio,
#statement #linkStatement,
#resume #linkResume,
#faq #linkFaq,
/*---*/

#portfolio #linkArchitecture,
.architecture #linkArchitecture,
.sculpture #linkSculpture,
.materials #linkMaterials,
#available #linkAvailable,
.furniture #linkFurniture,
/*---*/

#calendar #linkCalendar,
#descriptions #linkDescriptions,
.descriptions #linkDescriptions,
#locations #linkLocations,
#courseMaterials #linkCourseMaterials,
.courseMaterials #linkCourseMaterials,
#supplies #linkSupplies,
/*---*/

#books #linkBooks,
.articles #linkArticles,
.reviews #linkReviews,
/*---*/

#events #linkEvents,
#makers #linkMakers,
#waywardLinks #linkWaywardLinks {
	/* to identify current page */
display: block;
	color: #41033f;
	background-color: #bdd2af;
	text-decoration: none;
	border-width: 3px 3px 3px 0px;
	border-color: #41033f;
	border-style: solid;
	padding: 12px 0 12px 20px;
	font-style: italic;
	/*the top/bottom padding here is the (li a) padding minus the border value*/
}

.sub_nav .sub_heading {
	/* used only on portfolio pages */
font-variant: small-caps;
	color: black;
	font-size: 1em;
	letter-spacing: 0.2em;
	padding: 15px 8px 15px 20px;
}

/* TABLES */

#links td {
	vertical-align: top;
}

#links tr {
	padding-bottom: 10px;
}

#links col#site {
	width: 225px;
}

col#dates {
	width: 150px;
}

thead {
	font-weight: bold;
}

td {
	vertical-align: top;
	padding: 5px 15px 8px 0;
}

table.schedule {
	margin-left: 25px;
}

col#times {
	width: 90px;
}

#courseMaterials td {
	padding: 3px 0px;
}

col#projects {
	width: 400px;
}

/* IMAGES */

img {
	margin-top: 10px;
}

img.floatright {
	margin: 10px 0px 5px 10px;
}

img.floatleft {
	margin: 10px 10px 5px 0;
}

#motherearthdan {
	text-align: center;
	margin: 15px 45px 15px 0;
}

#soulcasing {
	position: relative;
	float: right;
	width: 304px;
	height: 400px;
}

#soulcasing p {
	position: absolute;
	top: 30px;
	left: 50px;
	font-style: italic;
	color: #544331;
	font-weight: bold;
	white-space: pre;
}

.border {
	/* also possible:  */
padding: 10px;
	background-color: #bdd2af;
	border: 2px #41033f solid;
}

/* PHOTO GALLERY */

#portfolio h4 {
	margin: 0px 0px;
	line-height: 1em;
}

#portfolio p {
	margin: 0px 0px 10px 0px;
	line-height: 1.1em;
}