/*hypermedia*/

a:link {color: gray; text-decoration: none;}
a:hover {text-decoration: underline; color: gray;}
a:visited {
	color:gray;
	text-decoration: none;
}

/*layout: line-height 1em or default is important for this layout...investigate it more closley*/

body 
{
	position: absolute;
	top: 0px;
	Left:0px;
	width: 80%;
	height: 590px;
	margin: 3px 0px 0px 3px;
	padding: 0px;
	border: none;
	overflow: ;
	background-color:  rgb(255,255,255);
	font-family: Arial, sans-serif;
	font-size: 11px;
	}

/*general definitions, as it were*/


h1 {
	display: block;
	position: absolute;
	top:0px;
	margin: 0px;
	padding: 3px;
	border: none;
	color: white;
	font-family: Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: 0.1em;
	word-spacing:;
	font-weight: lighter;
	width: 100%;
	background-color: rgb(180,180,180);
	height: 47px;
	}

h2 {display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	color: rgb(77,77,77);
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0.12em;
	font-weight: lighter;
	line-height: 1em;
	}

h3 { margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	color: rgb(135,135,135);
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing:;
	font-weight: lighter;
	word-spacing:;
	line-height: 1em;
	display: block;
	top:;}

h4 { margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	color: rgb(77,77,77);
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing:;
	font-weight: lighter;
	word-spacing: 0.15em;
	line-height: 1em;
	display: block;
	top:;}

img {border:none;}

p {margin: 0px; padding: 0px; border: none;}

ul {margin: 0px; padding: 0px; border: none; list-style: none; }

li {margin: 0px; padding: 0px; border: none; }

dl {margin: 0px; padding: 0px; border: none; }

dt {margin: 0px; padding: 0px; border: none; }

dd {margin: 0px; padding: 0px; border: none; display: inline-block; position: relative; top: -4px;}

sub {margin: 5px; padding: 0px; border: none; background-color: transparent;font-size: 0.5em; letter-spacing: 0.1em; word-spacing: 0.15em;}

table {}
tr {}
td {vertical-align: text-top;}

/*positioning for index page pictures*/

#freestyle
{	display: block;
	width: 250px;
	height: 360px;
	padding:;
	overflow: visible;
	background-color:rgb(245,245,250);
	background-color: ;
	position: absolute;
	text-align: center;
	top: 100px;
	left: 0%; }	


#biological {display: block;
	width: 350px;
	height: 360px;
	overflow: visible;
	background-color:rgb(245,245,250);
	position: absolute;
	text-align: center;
	top: 100px;
 left: 30%;}

 #csculpture
{	display: block;
	width: 300px;
	height: 360px;
	overflow: visible;
	background-color:rgb(245,245,250);
	position: absolute;
	text-align: center;
	top: 100px;
	right: 0%; }	

.pic {display: block; height: 220px; width: 190px; position: absolute; top: 55px; background-color:; margin:;}


/*Below is the style for the positioning of the portfolio thumbnails.*/


#thumbs a {display: block; height: 100px; width: 100px; overflow:; background-color: yellow; z-index: 2; }

#frstrow {position: absolute; top: 100px; background-color:orange;}
#scndrow {position: absolute; top: 235px;}
#thrdrow {position: absolute; top: 370px;}


.frst {display: block; position: absolute; left: 0px;}
.scnd {display: block; position: absolute; left: 150px;}
.thrd {display: block; position: absolute; left: 300px;}
.frth {display: block; position: absolute; left: 450px;}
.ffth {display: block; position: absolute; left: 600px;}


/*main*/ 

#main {width:100%; position: absolute; top: 100px; z-index:;} 
#main p {margin: 0px 0px 10px 10px;}
#main td {padding: 0em 0em .8em .8em;}

/*picture and picture info*/
.picture {display: block; position: relative; float: right; clear: both;}/*added clear-both on july19 why????*/

#pictureinfo                 
{	display: block;
	width: 100%;
	position:relative;
	top: ;
	left: ; 
	height: 9em;
	width: 100%;
	padding:0px;
	margin-top: 25px;
	background-color: rgb(240,240,245);
	text-align: right; 
	font-size: 11px;
    float:right;
	z-index:4;
	}

#pictureinfo li {
	position: relative;
	display: block;
	line-height: 1em;
	padding: 0px 7px;
}

#pictureinfo #title {padding:2px 7px;font-size: 13px; font-weight: lighter; letter-spacing: .04em;}   
#pictureinfo #media {top: 1em;}                
#pictureinfo #date {top: 1em;} 
#pictureinfo #comment {top: 3em;}

/*picture log info*/

.picturelog {display:block;
	position:;
	background-color:rgb(248,248,250);
	width:100%;
	margin:0px 3px 6px 3px;
	padding:0px;
	float: right;
	clear:left;
	}

.picturelog img {display:;padding:20px; position:; float:right;background-color:;}
.picturelog p {display:block; padding:20px; position:; float:;background-color:;}
.picturelog li {display:block; position:; height:; padding:; position:; float:;background-color:;}



/*positions entries in news log*/

.news {display:block; padding:3px;margin-bottom: 30px;}               

/*main navigation*/

#navigate
{
	display:inline;
	position: absolute;
	top:56px;
	right:-6px;
	height:; 
	width:100%;
	background-color:rgb(255,255,255);
	padding:0px 0px 0px 0px;
	margin:0;
	text-align: right;
	z-index: 20;
	font-weight:100;
	}

#navigate li {display: inline; background-color:; padding:0px 5px 0px 0px;}