body {
	font-family:"Times New Roman", Times, serif;
	}
	
	
h1, h2 {
	padding: 10px 0;
}

h2 {
	font-size: 12px;
	padding: 25px 0 15px 0;
}

	
/* Section Navigation */
div#section {
	margin-left: 100px;
	}

div#instructions {
	text-align: left;
	font-size: smaller;
	color: #999;
	padding-bottom: 10px;
	/*
	width: 670px;
	margin-top: -34px;
	margin-bottom: 40px;
	*/
	}
	
/* Portfolio Grid */
table#portfolio {
	margin-left: 100px;
	/*
	width: 600px;
	*/
	font-size: 1em;
	}
table#portfolio img {
	border: 0;
	}
table#portfolio td {
	padding: 8px;
	vertical-align: top;
	padding-bottom: 30px;
	}
	
/* Artwork */
table#portfolio td.artwork-item {
	vertical-align: bottom;
	height: 7em;
	width: 20em;
 	}
a.artwork-tn {
	width: 100px;
	/*
	text-align: center;
	*/
	}
a.artwork-tn img {
	vertical-align: baseline;
}

div.artwork-info {
	margin-left: 20px;
	display: inline;
	/*
	position: relative;
	*/
}

span.artwork-title {
	font-size: 0.75em;
	color: #333;
}

span.artwork-date {
	font-size: 0.7em;
	color: #333;
	/*
	position: absolute;
	top: 1em;
	right: 1em;
	*/
}

span.artwork-counter {
	font-size: 0.6em;
	color: #AAA;
	/*
	display: block;
	margin-top: -1em;
	width: 95px;
	text-align: right;
	*/
	/*
	position: absolute;
	top: 0;
	left: 0;
	*/
}

span.artwork-size {
	font-size: 0.7em;
}

.border-tn {
	/*border: 1px solid #DDDDDD !important;*/
}

/* Footer */
div#footer {
	/*margin-top: 40px;*/
	padding: 100px;
	padding-bottom: 20px;
	border-top: 2px solid #333;
	background-color: #EBE6CA;
	}

tr#browse-link {
	background-color: #FFFFFF;
}

tr#browse-link td {
	padding: 30px 100px;
}


/* Featured */
#portfolio-features {
	margin: 10px 0 40px 110px;
}
.portfolio-feature {
	padding-right: 50px;
}
#portfolio-features h4 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#portfolio-features img {
	margin-bottom: 10px;
	border: 0;
}
#portfolio-features p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.portfolio-feature-medium, 
.portfolio-feature-size {
	padding-left: 10px;
}




/*--------------------- Shadow ----*/
.artwork-tn {
	position: relative;
}
.border-tn {
	margin: 10px;
	position: relative;
	z-index: 10;
}
.shadow {
	position: relative;
	left: -10px;
	cursor: pointer;
}
.shadow div {
	position: absolute;
	overflow: hidden;
}
.stl, .str, .sbl, .sbr {
	width: 16px;
	height: 16px;
}
.stl {
	background-image: url("/images/shadow/tl.png");
	top: 0;
	left: 0;
}
.str {
	background-image: url("/images/shadow/tr.png");
	top: 0;
	right: 0;
}
.sbl {
	background-image: url("/images/shadow/bl.png");
	left: 0;
	bottom: 0;
}
.sbr {
	background-image: url("/images/shadow/br.png");
	right: 0;
	bottom: 0;
}
.st {
	background-image: url("/images/shadow/t.png");
	width: 100%;
	height: 16px;
	top: 0;
	left: 0;
}
.sb {
	background-image: url("/images/shadow/b.png");
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
}
.sl {
	background-image: url("/images/shadow/l.png");
	width: 16px;
	height: 100%;
	top: 0;
	left: 0;
}
.sr {
	background-image: url("/images/shadow/r.png");
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}


.shadow .artwork-info {
	position: relative;
	top: -20px;
	left: 10px;
}
.artwork-counter {
	/*position: absolute;
	top: 0;
	left: 110px;*/
	text-align: right;
	width: 150px;
	display: block;
	height: 10px;
	margin-top: -20px;
}