/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: .85em; color: #666; background-color: #FFFFFF; test-align: justify;}
p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .85em; test-align: justify; }
a { font-family: Arial, Helvetica, sans-serif; /*font-size: .85em;*/ color: #666; text-decoration: none; }
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; /*color: #666; font-size: .85em;*/ }
a:visited { color: #666; /*font-size: .85em;*/ }
a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: none; /*font-size: .85em;*/ background-color: #e796a2; }
a:active { text-decoration: none; color: #00cccc; }

td { }
h1 { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: .8em; test-align: justify; text-decoration: none; }

#navmenu { position: absolute; top: 120px; left: 90px; width: 200px; height: 200px; background-color: #fff; border: none;}

#navmenu ul{ position: relative; left: 10px; list-style-type: none; padding-top: 30px; padding-left: 20px; }
#navmenu li { padding-bottom: 1px; letter-spacing: 0.5px}

#port { position: absolute; top: 42px; left: 112px; }
#teach { position: absolute; top: 66px; left: 83px; }
#cv { position: absolute;top: 88px; left:134px;}
#contacts { position: absolute; top: 109px; left: 94px;}
#eng  { position: absolute; top: 0px; left: 98px; }
#eng2  { position: absolute; top: 2px; left: 115px; }
#etsy  { position: absolute; top: 160px; left: 40px; }
#name { position: absolute; background-color: #00cccc; width: 135px; height: 12px; font-size: 11px; top: 205px; left: 30px; font-family: Arial, Helvetica, sans-serif; }


#stuff { position: fixed ; background-color: #fff; border: none; top: 48px; left: 320px; width: 590px; height: 460px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow: auto; }

#stuff ul { position: relative; padding-left: 20px; padding-right: 20px; list-style-type: none; padding-top: 10px;  }
#stuff li { padding-bottom: 0px; padding-top: 0px;}


p.ba { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .85em; text-align: justify; } 
//*p.ba a { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: .85em;}*//
p.ba a:hover { text-decoration: none; background-color: #ff9999;}


#pback { background-color: #00cccc; width: 85px; height: 12px;}


#pro { position: absolute ; background-color: #ccc; border: thin solid #ccc; top: 48px; left: 250px; width: 650px; height: 500px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
p.pro {  font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .85em; text-align: justify; }


/*#iconbox { position: fixed; top: 353px; left: 150px; width: 49px;
	height: 62px;}*/
#icon {position: fixed; top: 470px; left: 920px;}
#iconone {
	position: fixed; top: 503px; left: 872px;}

	
#mainbox {  position: fixed; top: 535px; left: 260px; width:45px; height:23px; border: none; background-color: #fff;}	
	
#main { position: fixed; top: 260px; left: 90px; background-color: #fff; border: none;  }

	
#ccbox { position: relative; background-color: #fff; font-family: Arial, Helvetica, sans-serif; width: 130px; height: 50px; left: 110px; top: 93px; font-size: .85em; a: .85em; }	
.box a { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: .85em;}
.box a:hover { text-decoration: none; background-color: #ff9999;}


/*lags page*/

#lags { position: absolute; background-color: #00ccc; border: thin solid #ccc; width: 800px; height: 500px; left: 10px; top: 33px; }
#lagspicbox { position: fixed; top: 33px; left: 10px; width: 700px;
	height: 500px;}	
	
# lagspic { position: fixed; top: 33px; left: 100px; width: 600px; height: 450px;}

#lagsback { position: absolute; background-color: #fff; border: rgb(243, 231, 196); width: 800px; height: 600px; left: 30px; top: 10px;}
#lags1 { position: absolute; background-color: #fff; border: thin solid #666; width: 850px; height: 100px; left: 20px; top: 33px; padding-right: 15px; padding-left: 15px; overflow: auto;}
p.lags1 {  font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; text-align: justify; }
#lags3box { position: absolute; top: 45px; left: 240px; width: 400px;
	height: 276px;}
#lags3 {position: fixed; top: 46px; left: 240px; width: 400px;
	height: 276px;}	
	
#blobag { position: relative; top: 50px; left: 60px; width: 509px; height: 246px;}	

#blobs { position: relative; top: 55px; left: 40px; width: 400px; height: 267px;}

#news {position: fixed; top: 48px; left: 601.2px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: .85em; text-align: justify; padding-left: 10px; padding-right: 10px; border: none; width: 300px; height: 500px; overflow: auto; }	
/*.newss a {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: .15em;}
.newss a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color:#fff; font-size: .15em;}*/

#newspic {position: fixed; top: 37.6px; left: 918px;}

#contact {position: fixed; top: 390px; left: 230px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; border: none; width: 200px; height: 40px;}
#contactpic {position: fixed; top: 350px; left: 905px; width: 175px; height: 139px;}
#fb {position: fixed; top: 400px; left: 250px;}
#in {position: fixed; top: 400px; left: 285px;}
#gmail {position: fixed; top: 400px; left: 319px;}


/*projects page */
#more { position: absolute; background-color: #fff; border: none; left: 120px; top: 90px; }
#wind { position: absolute; background-color: #fff; border: none; left: 335px; top: 90px; }
#roam { position: absolute; background-color: #fff; border: none; left: 120px; top: 290px; }
#lags {position: absolute; background-color: #fff; border: none; left: 550px; top: 290px;}
#moods {position: absolute; background-color: #fff; border: none; left: 335px; top: 480px;}
#yuga {position: absolute; background-color: #fff; border: none; left: 120px; top: 480px;}
#upgrade {position: absolute; background-color: #fff; border: none; left: 550px; top: 90px;}
#wdymi {position: absolute; background-color: #fff; border: none; left: 335px; top: 290px;}
#pin {position: absolute; background-color: #fff; border: none; left: 550px; top: 480px;}

/*teaching page*/
#craft { position: absolute; background-color: #fff; border: none; left: 120px; top: 90px; }
#soft { position: absolute; background-color: #fff; border: none; left: 335px; top: 90px; }
#arco { position: absolute; background-color: #fff; border: none; left: 335px; top: 290px; }
#aia {position: absolute; background-color: #fff; border: none; left: 550px; top: 290px;}
#studio {position: absolute; background-color: #fff; border: none; left: 550px; top: 90px;}
#res {position: absolute; background-color: #fff; border: none; left: 550px; top: 480px;}
#mon {position: absolute; background-color: #fff; border: none; left: 120px; top: 290px;}
#cells {position: absolute; background-color: #fff; border: none; left: 120px; top: 480px;}
#pop {position: absolute; background-color: #fff; border: none; left: 335px; top: 480px;}


/*experiments page*/
#silkscreen { position: absolute; background-color: #fff; border: none; left: 120px; top: 90px; }


/*silkscreen page*/
#silkscreenfingers { position: absolute; background-color: #fff; border: none; width: 350px; height: 500px; left: 100px; top: 90px; }
#silkscreenpics {position: absolute; background-color: #fff; border: none; left: 500px; top: 130px; }

/*wdymi page*/
#wdymipage { position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 20px; top: 140px; }
#wdymilogo { position: absolute; background-color: #fff; border: none; left: 90px; top: 45px;}
#wdymiimgs { position: absolute; background-color: #fff; border: none; left: 700px; top: 150px;}

/*aia page*/
#aiapics {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 600px; top: 170px; }

/*electronics for women page*/
#ew {position: absolute; background-color: #fff; border: none; width: 600px; height: 500px; left: 650px; top: 620px; }
#ew1 {position: absolute; background-color: #fff; border: none; width: 600px; height: 500px; left: 700px; top: 94px; }
.gallery {background-color: #fff; border: none; width: 600px; height: 500px; left: 700px; top: 620px; }

ul.gallery_items {
	list-style:none;
	
}


ul.gallery_items li {
	float:left;
	margin:10px;
}


/*cellsKID page*/
#cells1 {position: absolute; background-color: #fff; border: none; width: 600px; height: 500px; left: 600px; top: 97px; }


/*wearable class*/
#wearablepics {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 600px; top: 105px; }
#wearablepics2009 {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 600px; top: 680px; }

/*studio AY2010/11 page*/
#desirepics {position: absolute; background-color: #fff; border: none; left: 280px; top: 740px; }
#mithrupics {position: absolute; background-color: #fff; border: none; left: 680px; top: 10px; }

/*teaching crafting*/
#craftpics {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 640px; top: 140px; }
#kriyapics {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 50px; top: 670px; }

/*wind page*/
#windpage { position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 100px; top: 90px; }
#windpics {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 700px; top: 130px; }

/*banhomaria page*/
#banhomaria {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 100px; top: 140px; }
#banhomarialogo {position: absolute; background-color: #fff; border: none; width: 550px; height: 500px; left: 100px; top: 90px;}

/*Eyelag page*/
/*pin page*/
#pinimage { position: absolute; background-color: #fff; border: none; left: 50px; top: 260px; } 
#pintext { position: absolute; background-color: #fff; border: none; left: 50px; top: 50px; } 


/*roam page */

#roambox { position: absolute; background-color: #fff; border: none; width: 300px; height: 500px; left: 100px; top: 0px; }
#roamcontent { position: absolute; background-color: #fff; border: none; width: 630px; height: 440px; left: 320px; top: 6px; overflow: auto; }

p.r { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; text-align: justify; padding-right: 15px; }