body {
    margin: 0px 0px 20px 0px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #333333;
    text-decoration: none;
    background-color: #FFFFFF;
    line-height: 1.5;
    /*background-iamge: u*/
}

/*General Stuff*/
a {color:#FF00CC; text-decoration:none;}
a:hover { color:#FF00CC; text-decoration:underline;}
//a:visited { color: #E24B4B; text-decoration:line-under;}
a:active   { color: #FF00CC; text-decoration:none; }

/*Hover01*/
.highlight img{border: 2px solid #FFFFFF;}
.highlight:hover img{border: 2px solid #FF00CC; }
.highlight:hover {color: red; /* Dummy definition to overcome IE bug */}

/*for each category title*/
h1{
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}
/*for emphasizing the title*/
emph {
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #FF00CC;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

/*for making the typography big in the text page*/
bigtexttype{
	magin: 0px, 0px, 0px, 0px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #FF00CC;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:30px;
	
	
}

/*underlined title*/
undertitle{
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    font-weight: bold;
    text-decoration: underline;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

/*for each project title*/
h2{
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    //color: #999999;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height:16px;
    font-size: 12px;
}

/*for usual text */
h3{
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    //color: #999999;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 15px;
    font-size: 10px;
}

/*for something really small*/
h4{
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    //color: #999999;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 9px;
}

#logo {
    position:absolute;
    left: 90px;
    top: 30px;
    width: 200px;
    height: 20px;
    //color: #999999;
}

#bio {
    position: absolute;
    left: 90px;
    top: 90px;
    width:100px;
    height:20px;
    //color: #999999;
}


#contact {
    position: absolute;
    left: 165px;
    top: 90px;
    width:50px;
    height:20px;
    //color: #999999;
}

#news {
    position: absolute;
    left: 270px;
    top: 90px;
    width:50px;
    height:20px;
    //color: #999999;
}

#writings {
	position: absolute;
	left: 360px;
	top: 90px;
	width: 50px;
	height: 20px;
	
}

/*for all projects. both text and thumb*/
#project1{
    position: absolute;
    left: 90px;
    top: 180px;
    width:70px;
    height: 70px;  
}

#personalinfo{
    position: absolute;
    left: 90px;
    top: 180px;
    width:400px;
    height: 70px;
}   
#project1text{
    position: absolute;
    left: 170px;
    top:180px;
    width: 400px;
    height: 70px;
}

#project2{
    position: absolute;
    left: 90px;
    top: 270px;
    width:70px;
    height: 70px;  
}   
#project2text{
    position: absolute;
    left: 170px;
    top:270px;
    width: 400px;
    height: 70px;
}

#project3{
    position: absolute;
    left: 90px;
    top: 360px;
    width:70px;
    height: 70px;  
}   
#project3text{
    position: absolute;
    left: 170px;
    top:360px;
    width: 400px;
    height: 70px;
}

#project4{
    position: absolute;
    left: 90px;
    top: 450px;
    width:70px;
    height: 70px;  
}   
#project4text{
    position: absolute;
    left: 170px;
    top:450px;
    width: 400px;
    height: 70px;
}

#project5{
    position: absolute;
    left: 90px;
    top: 540px;
    width:70px;
    height: 70px;  
}   
#project5text{
    position: absolute;
    left: 170px;
    top:540px;
    width: 400px;
    height: 70px;
}

#project6{
    position: absolute;
    left: 90px;
    top: 630px;
    width:70px;
    height: 70px;  
}   
#project6text{
    position: absolute;
    left: 170px;
    top:630px;
    width: 400px;
    height: 70px;
}

#project7{
    position: absolute;
    left: 90px;
    top: 720px;
    width:70px;
    height: 70px;  
}   
#project7text{
    position: absolute;
    left: 170px;
    top:720px;
    width: 400px;
    height: 70px;
}

#project8{
    position: absolute;
    left: 90px;
    top: 810px;
    width:70px;
    height: 70px;  
}   
#project8text{
    position: absolute;
    left: 170px;
    top:810px;
    width: 400px;
    height: 70px;
}

#project9{
    position: absolute;
    left: 90px;
    top: 900px;
    width:70px;
    height: 70px;  
}   
#project9text{
    position: absolute;
    left: 170px;
    top:900px;
    width: 400px;
    height: 70px;
}
#project10{
    position: absolute;
    left: 90px;
    top: 990px;
    width:70px;
    height: 70px;  
}   
#project10text{
    position: absolute;
    left: 170px;
    top:990px;
    width: 400px;
    height: 70px;
}
#side{
    position: absolute;
    left: 400px;
    top: 180px;
    width:400px;
    height: 70px; 
}

#detailtext {
    position: absolute;
    left: 90px;
    top: 180px;
    width:280px;
    height: 70px;
}

#articlecontainer{
	position: absolute;
	left: 90px;
	top:180px;
	width: 800px;
}

#articledetailtext{
	position: absolute;
    left: 0px;
    top: 0px;
    height: 70px;
}

#articleside{
	position: absolute;
	left: 400px;
	margin: 0px;
	width: 400px;
	height: 300px;
}