/*hypermedia*/

a:link {color: rgb(255,80,0); 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 
{	width: 700px;
	height: 590px;
        margin: 0px;
	paddding: 0px;
	border: none;
	overflow: ;
        background-color:  rgb(255,255,255);
	font-family: Arial, sans-serif;
	font-size: 12px; 
	}

/*general definitions, as it were*/


h1 { 	margin: 0px;
	padding: 0px;
	border: none;
	color: white;
	font-family: Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: 0.2em;
	word-spacing: 1.2em;
	font-weight: lighter;
	line-height:;
	display: block;
	width: 700px;
	background-color: rgb(77,77,77);
	position: absolute;
	top:0px;}

h2 {	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.2em;
	font-weight: lighter;
	line-height: 1em;
	display: block;
	top:;}

h3 { margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
	color: rgb(77,77,77);
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing:;
	font-weight: lighter;
	word-spacing: 0.15em;
	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;}

sub {font-size: 0.5em; letter-spacing: 0.1em; word-spacing: 0.15em;}

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: 0px; padding: 0px; border: none; background-color: transparent;}

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

/*positioning for index page pictures*/

#freestyle
{	display: block;
	width: 233px;
	height: 360px;
	overflow: visible;
	/*background-color: orange;*/
	background-color: orange;
	position: absolute;
	text-align: center;
	top: 100px;
	left: 0px; }	


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

 #csculpture
{	display: block;
	width: 233px;
	height: 360px;
	overflow: visible;
	background-color: magenta;
	background-color: rgb(200,255,50);
	position: absolute;
	text-align: center;
	top: 100px;
	left: 466px; }	

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


/*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:700px; 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                 
{	height: 8em;
	width: 696px;
	padding: 2px;
	margin-top: 25px;
	background-color: rgb(175,175,175);
	display: block;
	position: relative;
	text-align: right; 
	font-size: 11px;
	top: ;
	left: ; 
        float:right;
	z-index:4;}

#pictureinfo li {position: relative; display: block; line-height: 1em; }
#pictureinfo #title {font-size: 13px; font-weight: lighter; letter-spacing: -0.1em;}   
#pictureinfo #media {top: 1em;}                
#pictureinfo #date {top: 1em;} 
#pictureinfo #comment {top: 3em;}

/*picture log info*/

.picturelog {display: block; width: 100%; clear: both;}
.picturelog dt {display: block; position: relative; float: right; clear: right; background-color:;}
.picturelog img { float: right; margin: 25px 0px 25px 10px; }
.picturelog dd {padding: 25px 0px 0px 10px}
.picturelog ul { }
.picturelog li { }

.loginfo { position:relative; margin: 25px 0px 0px 0px; float: left; top:; text-align: center; background-color:rgb(255,200,200) }


/*positions entries in news log*/

.news {margin-bottom: 30px;}               

/*main navigation*/

#navigate
{	display: inline;
	position: absolute; 
	height: ; 
	width: 698px;
	background-color: ;
        padding: 2px;
	text-align: right;
	line-spacing: 1px;
	top: 55px;
	left: 0px;	      
	z-index: 20;
	clear:; }

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