body{
	margin: 0;
	padding: 0;
}

td{
color: #666;
}


/*EOF html tags 
--------------------*/
#container {
	width: 640px;
	margin: 10px auto;
	padding: 10px;
}



/*header
--------------------*/

#header {
	padding: 0;
	margin: 0;
	background-color: #fff;
}


#header img{
	padding: 0;
	margin-right: 15px;
	background-color: #fff;
	border: none;
}



#header h1{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 46px;
}





/*EOF header
--------------------*/






#content {
	padding: 5px 0;
	background-color: #fff;
}


/*introduction
--------------------*/
#introduction, #introduction h2, #introduction p{
	color: #666;
	font-family: Verdana, Arial, sans-serif;	
	text-align: left;
	font-weight: normal;	
	letter-spacing: 2px;		
}

#introduction h2{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/intro.gif) no-repeat top left;
}


#introduction p{
	font-size: 10px;
	line-height: 150%;
	margin:0 0 10px 0;
}


/*category (Index Page)
--------------------*/

#category{
float: left;
width: 315px;
margin: 0;
margin-right: 5px;
padding: 0;
}

#category h2{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/category.gif) no-repeat top left;	
}


#category ul{
	margin:0 0 10px 0;
	padding: 0;		
	list-style:square inside;
}


#category li{
	color: #666;
}


#category li a{
	color: #666;
	font-size: 10px;
	letter-spacing: 2px;
 	text-decoration: none; 	
}

#category li a:hover{
 color: #FF0000;
}


/*tag (Index Page)
--------------------*/
#tag{
	padding: 0;
	margin-left: 320px;
}

#tag *{ 
	clear: none; 
	word-break: keep-all; 
}

#tag h2{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/tag.gif) no-repeat top left;	
}


#tag ul{
	list-style-type: none;
	margin:0 0 10px 0;
	word-spacing: 0; 
	padding: 0;	
}


#tag li{
	color: #666;
	list-style-type: square;
	display: inline;
}


#tag li a{
	color: #666;
	font-size: 10px;
	letter-spacing: 2px;
}

#tag li a:hover{
	color: #FF0000;
}

/*footer
--------------------*/
#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background-color: #ccc;
	}


/*Category Archives Page
----------------------------------------*/	
#navigation{
width: 640px; 
}

#navigation h2{
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: normal;	
	letter-spacing: 2px;
	font-size: 12px;
	text-indent: -10000px;
	margin:0;
	height: 20px;	
	background-color: #fff;
}

h2#bus {
	background: url(images/bus.gif) no-repeat top left;
}

h2#publicspace {
	background: url(images/publicspace.gif) no-repeat top left;
}

h2#move {
	background: url(images/move.gif) no-repeat top left;
}

h2#transportationsystem {
	background: url(images/transportationsystem.gif) no-repeat top left;
}

h2#mobile{
	background: url(images/mobile.gif) no-repeat top left;
}

h2#community{
	background: url(images/community.gif) no-repeat top left;
}

h2#informationspacerealspace{
	background: url(images/informationspacerealspace.gif) no-repeat top left;
}

h2#society{
	background: url(images/society.gif) no-repeat top left;
}

h2#history{
	background: url(images/history.gif) no-repeat top left;
}

h2#book{
	background: url(images/book.gif) no-repeat top left;
}

h2#film{
	background: url(images/film.gif) no-repeat top left;
}

h2#plan{
	background: url(images/plan.gif) no-repeat top left;
}


h2#incompleteproject{
	background: url(images/incompleteproject.gif) no-repeat top left;
}

#navigation ul, #navigation ul li{
	margin: 0;
	padding: 0;
}

#navigation ul{
	width: 640px;
	list-style: none;
	border-top: 1px solid #ccc;	
}

#navigation ul li{
	border-bottom: 1px solid #ccc;
}

#navigation li a {
	color: #666;
	text-decoration: none; 
	font-size: 12px;
}

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


#projects{
	color: #666;
	font-family: Verdana, Arial, sans-serif;	
	text-align: left;
	font-weight: normal;	
	letter-spacing: 2px;
}

#projects h2{
	font-size: 12px;
	font-weight: normal;	
	margin:10px 0 0 0;
	background-color: #ccc;
}

#projects h2 a{
	color:#FF0000;
}




#projects table{
	font-size: 10px;
	margin:0;
	padding:0;
	width: 640px;
	border:none;
	border-collapse:collapse;
	letter-spacing: 1px;
}

#projects tr{
	margin:0;
	padding:0;
}

#projects th{
	margin:0;
	padding:0;
	text-align: left;	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: normal;
	width: 50px;	
}

#projects td{
	border-bottom: 1px solid #ccc;
}

#projects a{
	color:#666;
	text-decoration: none;
}

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



/*Permalink page
----------------------------------------*/
#project{
	color: #666;
	font-family: Verdana, Arial, sans-serif;	
	text-align: left;
	font-weight: normal;	
	letter-spacing: 2px;
}

#project h1{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/project.gif) no-repeat top left;
}

#project h2{
	font-size: 12px;
	font-weight: normal;	
	margin:10px 0 0 0;
	background-color: #ccc;
	color: #FF0000;
}

#project table{
	font-size: 10px;
	margin:0;
	padding:0;
	width: 640px;
	border:none;
	border-collapse:collapse;
	letter-spacing: 1px;
}

#project tr{
	margin:0;
	padding:0;
}

#project th{
	margin:0;
	padding:0;
	text-align: left;	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: normal;
	width: 50px;	
}

#project td{
	border-bottom: 1px solid #ccc;
}

#project a{
	color: #666;
	text-decoration: none;
}


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




#extended{
margin:0;
border-bottom:1px solid #ccc;
}


#related h2{
	font-size: 12px;
	text-indent: -10000px;
	margin: 10px 0 0 0 ;
	height: 20px;
	background: #fff url(images/relatedprojects.gif) no-repeat top left;
}

#related ul{
	margin: 10px 0;
	padding: 0;
	width: 640px;
	list-style: none;
	border-top: 1px solid #ccc;	
}

#related ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#related li a { 
	color: #666;
	text-decoration: none; 
	font-size: 12px;
}


#related li a:hover { 
	color: #FF0000;
}


/*XSearch Tagwire
----------------------------------------*/
#search{
	margin:0;  
	padding:0;
}

#search h1{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/search.gif) no-repeat top left;
}


#search form{
	margin-top:0;  
}


#search input{
	border:1px solid gray; 
	width:638px; 
	margin:0;
	padding:2px 0;
	height:14px; 
}


#search input.submit{
display:none;
}


#result{
margin: 0;
}

#result h2{
	font-size: 12px;
	text-indent: -10000px;
	margin:0 0 5px 0;
	height: 20px;
	background: #fff url(images/result.gif) no-repeat top left;
}

#result table{
	font-size: 10px;
	margin:0 0 10px 0;
	padding:0;
	width: 640px;
	border:none;
	border-collapse:collapse;
	letter-spacing: 1px;
}

#result tr{
	margin:0;
	padding:0;
}


#result th{
	margin:0;
	padding:0;
	text-align: left;	
	font-weight: normal;
	background: #ccc;	
	font-size: 12px;
	color: #FF0000;
}


#result th.year{
border-left:1px solid #fff;
width: 30px;
}

#result th.category{
border-left:1px solid #fff;
width: 180px;
}

#result th.tags{
border-left:1px solid #fff;
}


#result td{
	border-bottom: 1px solid #ccc;
}


#result td a{
 color: #666;
 text-decoration: none; 
}

#result td a:hover{
 color: #FF0000;
}