/***
main HTML page info 
***/

html{
padding:0px 0px 0px 0px;
}

body{

padding-bottom:20px;
margin-left:auto;
margin-right:auto;
background: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


a{
color:#000000;
text-decoration:underline;
}
a:hover{
color:#FF0000;
text-decoration:none;
}
a:visited{
text-decoration:underline;
}

/***
navigation
***/
#navigation {
padding:8px 0px 3px 5px;
margin:0px 0px 0px 0px;
background:#ffffff;
border-bottom: 8px dotted #000000;
width:100%;
}

#navigation a{
margin:0px 10% 00px 45px;
decoration: none;
font-weight:400;
font-size:16px;
color:#000000;
text-decoration:none;
}

#navigation a:hover{
color:#FF0000;
}

#bottom_navigation{
width:800px;
}
#bottom_navigation a{
margin:0px 00px 00px 140px;
decoration: none;
font-weight:600;
font-size:14px;
color:#707374;
text-decoration:none;
}

#bottom_navigation a:hover{
text-decoration:underline;
}

#navColumn{
	border-right:8px dotted #000000;
	margin:10px 0px 0 5px;
	padding-bottom:100%;
	padding-right:15px;
	position:absolute;
	text-align:right;
	width:110px;
}
#navColumn a{
font-weight:100;
font-size:12px;
color:#000000;
text-decoration:none;
line-height:27px;
}
#navColumn a:hover{
color:#FF0000;
}


#headerImage{
background:#000000;
color:#FFFFFF;
font-size:60px;
height:50px;
letter-spacing:16px;
text-align:right;

}

#headerImage a{
text-decoration:none;
color:#FFFFFF;
}
/***
home page
***/
#news {
border:1px dotted #000000;
left:50px;
padding:0px 15px 5px 5px;
position:absolute;
text-align:justify;
top:118px;
width:400px;
min-height:395px;
background:#ffffff;
}
#project_animation {
font-size:28px;
margin-left:40%;
padding-top:20px;
}

#selected_work{
background:#000000;
color:#ffffff;
font-size:18px;
padding-left:50px;
margin-top:60px;
padding-top:1px;
width:100%;
height:111px;
text-align:right;
}

#selected_work img{
padding-right:20px;
}
/***
small Description
***/
#smallDescription {
float:left;
padding:0 0 0 180px;
text-align:justify;
width:70%;
}

#projectYear{
margin:20px 0px 20px 0px;
font-size:50px;
height:40px;
padding-right:25px;
text-align:right;
color:#ffffff;
background-color:#000000;
letter-spacing:16px;
}

#smallDescription p.title{
text-transform:uppercase;
font-size:12px;
font-weight:600;
}
#smallDescription p.description{
font-size:11px;
overflow:hidden;
}

#smallDescription img{
margin: 0px 30px 0px 7px;
  border: 1px solid #000000;
  height: auto;
  min-width:150px;
  float:left;
}

#smallDescription img.blankImg{
 border:0 solid #000000;
float:left;
height:120px;
width:150px;
}

#smallDescription a{
  color:#000000
  text-decoration:underline;

}
#smallDescription a:hover{
color: #FF0000;
  text-decoration:none;

}

#embed{
margin-top:10px;
margin-left:200px;
margin-bottom:10px;
}

#introText {
padding-left:45px;
padding-top:2px;
}
#introText p{

font-size:10px;
width:720px;
text-align:justify;

}
#introText a{
color: #996666;
text-decoration:none;
}

#introText a:hover{
color: #000000;
  text-decoration:underline;
}

/***
* about 
***/
#about{
font-size:12px;
margin:30px 0px 0px 50px;
text-align:justify;
width:1024px;
}
#about a{
text-decoration:underline;
}
#about img{
float:right;
border:1px solid #000000;
}
#about p{
width:500px;
}
#about table{
width:500px;
padding-top:40px;
}
/***
* writing 
***/

#blogEntry{
width:660px;
margin:0px 0px 10px 80px;
background:#F3F3F3;
border: 1px dotted #000000;
padding:5px;
text-align:justify;
font-size:11px;
}


#blogEntry:hover{
border: 1px solid #000000;
}

#blogEntry h1{
margin-top:0px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
background-color:#CCCCCC;
}

#blogEntry h3{
margin-top:8px;
margin-right:10px;
font-size:9px;
color:#333333;
float:right
}

#blogEntry h4{
font-size:11px;
font-weight:500;
}

#blogEntry h4 a{
text-decoration:none;
color:#996666;
text-align:right;
padding-left:10px;
}
#blogEntry h4 a:hover{
text-decoration:underline;
color:#000000;

}

/***
teaching
***/
#teaching{

}
#small{
font-size:9px;	
}
#teaching table{
width:720px;
margin:30px 0px 40px 50px;
}

#teaching td{
text-align:justify;
padding-bottom:5px;
}

#teaching td.school{
width:200px;
font-size:12px;
font-weight:600;
}
#teaching td.title{
font-weight:500;
font-size:14px;
width:300px;
font-style:italic;
}

#teaching td.dates{
font-size:9px;
text-align:right;
vertical-align:bottom;
}

#teaching td.description{
font-size:11px;
padding-bottom:20px;
}