@charset "UTF-8";
/* CSS stylesheet */
/* (c) 2008 by sara kim  */
/*              */


/* html text---------------------------------*/
body {
	 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	 font-size: 60%; 						/* reset type closer to 10pt */
	 color: rgb(32,32,32);
}

h4 { 
    color: #1a0d99;
}

img {
     border: 0px;
}

.archstory {
           position:absolute;
		   top:460px;
		   left:105px;
		   fontsize: 75%;
		   color
}

.skystory {
           position:absolute;
		   top:450px;
		   left:105px;
		   fontsize: 75%;
		   color
}

.abstract {
           position:absolute;
		   top:160px;
		   left:105px;
		   width:814px;
		   fontsize: 70%;
		   color
}

.title {
        color:#333399;
		font-size: 11px;
}		   

.quote {
        color:#999999;
}

		   
/* indexpage images--------------------------*/

.mainskyimage {
              border: 0px;
			  position: absolute;
			  top: 260px;
			  left: 426px;
}

.dot {
      position: absolute;
	  top: 416px;
	  left: 426px;
	  
}

.dot a {
       background: transparent url(images/main-dot.gif) no-repeat;
	   padding-left: 90px;
	   padding-right: 90px;
	   padding-top: 2px;
	   padding-bottom: 2px;
	   border:0px;
	   text-decoration: none;
}

.dot a:hover { 
             background: transparent url(images/main-truly.gif) no-repeat;
}
             

/* #middle #menu .section p a:hover {
	color: #FF6600;
	background: transparent url(images/menu-on.gif) no-repeat 125px 1px;
	text-decoration: underline;
}*/

.name {
      position: absolute;
	  top: 412px;
	  left: 600px;
}


.copyright{
           position: absolute;
		   top: 658px;
		   left: 828px;
		   border: 0px solid gray;
}


/* subpage menu------------------------*/
  
.homeicon {
          position: absolute;
	      top: 90px;
	      left: 456px;
}


.worksicon {
           position: absolute;
		   top: 90px;
		   left: 502px;
}
.dpicon {
           position: absolute;
		   top: 90px;
		   left: 553px;
}

.resumeicon {
            position:absolute;
			top:90px;
			left:663px;
}

.aboutmeicon {
           position:absolute;
		   top:90px;
		   left:719px;
}

.skyicon {
             position:absolute;
		     top:90px;
		     left:792px;
}

.contacticon {
           position:absolute;
		   top:90px;
		   left:823px;
}

.blogicon {
           position:absolute;
		   top:90px;
		   left:883px;
}

/* sub1page letter shortcut-----------------------*/

.psharing {
          position:absolute;
		  top:445px;
		  left:105px;
}

.pexquisite {
            position:absolute;
			top:445px;
			left:185px;
}

.ppine {
       position:absolute;
	   top:445px;
	   left:279px;
}

.papartment {
            position:absolute;
			top:445px;
			left:363px;
}

.psynesthetic {
              position:absolute;
			  top:445px;
			  left:501px;
}

.pexperimental {                     
               position:absolute;
			   top:460px;
			   left:105px;
}

.psustainable  {
               position:absolute;
			   top:460px;
			   left:214px;
}

.pcollage  {
          position:absolute;
		  top:460px;
		  left:348px;
}


.phybrid  {
          position:absolute;
		  top:460px;
		  left:432px;
}

.pdirty  {
         position:absolute;
		 top:460px;
		 left:554px;
}

/* sub1page thumbnails------------------------*/

#thumbnails  {
	          position: absolute;
			  top: 344px;
			  left: 104px;
			  width: 820px;
	          height: 77px;
	          border: 0px solid black;
	          
}

#thumbnails .placeholder {
	                      width: 77px;
	                      height: 77px;
						  background: grey;
	                      float: left;
	                      margin-right: 5px;
	                   
}

/* detailpage frame & shortcuts------------------------*/


.frame1 {
               position: absolute;
			   top: 205px;
			   left: 105px;
			   width: 405px;
			   height: 304px;
			   border: 0px;
			  
}
						  
.frame2 {	
             position:absolute;
			 top: 243px;
			 left: 520px;
			 width: 398px;
			 height: 262px;
			 border: 0px dashed #CCCCCC;
}

.frame3 {
               position: absolute;
			   top: 205px;
			   left: 105px;
			   width: 405px;
			   height: 304px;
			   border: 0px;
			   overflow: scroll;
}
              					  

.frame4 {
         position:absolute;
		 top: 450px;
		 left: 520px;
		 width: 398px;
		 height: 57px;
		 border: 1px dashed #CCCCCC;
}

#next {
      position:absolute;
	  top:515px;
	  left:513px;	
} 

.page1 {
   position:absolute;
   top:520px;
   left:103px;
}

.page2 {
   position:absolute;
   top:520px;
   left:116px;
}

.page3 { 
   position: absolute;
   top: 520px;
   left: 129px;
}

.page4 {
   position:absolute;
   top:520px;
   left:144px;
}

.page5 {
   position:absolute;
   top:520px;
   left:158px;
}

.page6 {
   position:absolute;
   top:520px;
   left:171px;
}

.page7 {
   position:absolute;
   top:520px;
   left:184px;
}

.page8 {
   position:absolute;
   top:520px;
   left:199px;
}

.page9 {
   position:absolute;
   top:520px;
   left:213px;
}

.page10 {
   position:absolute;
   top:520px;
   left:227px;
}

.page11 {
   position:absolute;
   top:520px;
   left:246px;
}

.page12 {
   position:absolute;
   top:520px;
   left:265px;
}

.page13 {
   position:absolute;
   top:520px;
   left:285px;
}

.page14 {
   position:absolute;
   top:520px;
   left:304px;
}

.page15 {
   position:absolute;
   top:520px;
   left:323px;
}

.page16 {
   position:absolute;
   top:520px;
   left:343px;
}

.page17 {
   position:absolute;
   top:520px;
   left:363px;
}

.page18 {
   position:absolute;
   top:520px;
   left:383px;
}

.page19 {
   position:absolute;
   top:520px;
   left:403px;
}

.page20 {
   position:absolute;
   top:520px;
   left:422px;
}

.page21 {
   position:absolute;
   top:520px;
   left:440px;
}

.page22 {
   position:absolute;
   top:520px;
   left:458px;
}

#shortcuts  {
            position:absolute;
			top: 610px;
			left: 588px;
			width: 330px;
			height: 30px;
			border: 0px solid gray;
}

#shortcuts .shortcut {
                      width: 30px;
	                  height: 30px;
	                  background: grey;
	                  float: left;
	                  margin-left: 3px;
}