@import url(./lightbox.css); 
@import url(./portfolio.css); 
@import url(./links.css);

* {
	border: none;
	font-size: 11px;
	font-family: "georgia", "garamond", serif;

}

body { 
	margin: 0; 
	padding: 0;
	background: transparent url(style_res/greenleaf.gif) no-repeat 100% 0; 
/*
	border: 2px solid red; 
*/
	}


h1 {
	padding: 6em 0 3em 0;
	padding-left: 60px;
/*	border-bottom: 1px dotted silver; */
	background: url(./style_res/dotted-silver.gif) repeat-x 0 100%;
}
h1 span {
	letter-spacing: 0.2em;
	font-size: 13px;
}

.hrwrp {
	clear: both; 
	height: 1px;
	}
.hrwrp hr {
	display: none; 
	}


/* +++ top navigation +++ */
#nav 				{ margin-left: 60px; border-top: 2px solid lime;  }
#nav * 				{ padding: 0; margin: 0;}
#nav ul 				{  }
#nav ul ul 			{ border-top: none; }
#nav ul, #nav li 		{ position: absolute; }
#nav li, #nav li li 		{ width: 10em; }
#portfolio, #studies 	{ left: 10em; }
#contact, #work	 	{ left: 20em; }

#nav a, 
#nav li,
#nav ul 				{ line-height: 120%; display: block; }


#nav #portfolio a, 
#nav li li a 			{ background-color: #eeeeee; color: gray; }

#nav li li a			{ border-bottom: 2px solid lime;}


#nav a {
	color: black;
	height: auto;
	padding: 4px 8px 3px 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 100% 6px; 
	background-color: #f6f6f6; 
}

#nav #portfolio a:hover 	{ background-color: lime; }


#nav a:hover {
	color: black; 
	font-variant: small-caps;
	font-weight: bold;
	background-color: lime;
	background-image: url(./style_res/link.gif);
}

#tabs 	.current a, 
#nav 	.current a 		{ background-image: url(./style_res/current.gif); color: blue; }
#tabs 	.current a:hover, 
#nav 	.current a:hover	{ background-image: url(./style_res/current.gif); color: black; }

#nav #portfolio.current li a { background-image: none; }
#nav #portfolio.current li a:hover { background-image: url(./style_res/link.gif); color: black; }

/* +++ // top navigation +++ */



/* +++ subnavigation tabs +++ */
#tabs * {
	margin: 0;
	padding: 0;
	}
#tabs {
	position: relative; 
	top: -30px; 
	}
#tabs ul {
	float: right; 
	padding-top: 1px; 
	padding-right: 10%; 
	background: url(./style_res/dotted-silver.gif) repeat-x 0 0;
	}
#tabs ul li {
	list-style-type: none; 
	float: left; 
	background-color: #f6f6f6;
	text-align: center; 
	padding: 0;
	}
#tabs a {
	color: gray; 
	text-decoration: none; 
	display: block; 
/*	background-image: none;  */
	padding: 0.1em 1.8em 0.1em 1.2em; 
	}
#tabs .current a:hover, 
#tabs a:hover {
	color: blue; 
/*	background-image: none;  */
	background-color: #eeeeee; 
	}
/* +++ // subnavigation tabs +++ */




#content {
	padding-left: 60px;
	padding-top: 1em; 
	padding-bottom: 2em; 
	margin-top: 90px;
	background: url(./style_res/dotted-silver.gif) repeat-x 0 0;
/*	border-top: 1px dotted silver; */
/*	border-bottom: 1px dotted silver; */
	clear: both;
}

#content ul {
	list-style-type: circle;
}

#content .catshort {
	float: left; 
	width: 15em; 
	border: 0px solid red; 
	margin: 0 0 0 1em; 
	padding: 0;
	}
#content .catlong {
	margin-left: 17em; 
	border: 0px solid red; 
	height: 1%; 
	padding: 0;  
	}





#footer {
	padding-left: 60px;
	clear: both;
/* 	zoom: 1; */
	height: 1px;
	margin-top: 2em;
	background: url(./style_res/dotted-silver.gif) repeat-x 0 0;
/*	border-top: 1px dotted silver; */

}
#footer ul {
	position: relative; 
	top: 1px; 
	margin: 0;
	padding: 0;
	background-color:  #f6f6f6;
	display: block; 
	height: 1.8em; 
	}
#footer li {
	display: block;
	float: left;
	width: 8em;
}
#footer a {
	font-size: 0.9em;
	float: left;
	border-top: 0.2em solid lime;
	padding: 0.2em 0.5em 0.1em 0.5em;
	text-decoration: none;
}
#footer a:hover {
	background-color: lime;
	color: white;
	}